:root{font-family:Inter,Segoe UI,Arial,sans-serif;color-scheme:dark;color:#ededed;background:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: #111111;--panel: #151515;--panel-raised: #191919;--text: #ededed;--muted: #898989;--soft-muted: #666666;--border: #343434;--border-light: #414141;--accent: #d6c9b2;--preview-glow: rgba(215, 182, 126, .12)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--page);color:var(--text);line-height:1.5}button,input,select{font:inherit;color:inherit}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #c7bca8;outline-offset:3px}.site-header{height:66px;border-bottom:1px solid #242424}.header-inner,.page-content{width:50%;margin:0 auto}.header-inner{display:flex;height:100%;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-size:.88rem;font-weight:550;letter-spacing:.01em;text-decoration:none}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid #454545;border-radius:5px;color:#efefef;font-size:.69rem;font-weight:700;letter-spacing:.05em}.header-tools{display:flex;align-items:center;gap:22px}.appearance-control{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:6px;background:#151515}.appearance-option{display:grid;width:29px;height:27px;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#888;cursor:pointer}.appearance-option svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.appearance-option.is-selected{background:#292929;color:#ececec}.language-label{color:#b2b2b2;font-size:.78rem}.page-content{padding-top:42px;padding-bottom:54px}.utility-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(170px,.8fr);align-items:start;gap:clamp(12px,1.5vw,22px)}.preview-column{display:grid;gap:13px;align-items:center}.selected-color-name{margin:0;color:#f0f0f0;font-size:1.05rem;font-weight:700;text-align:center}.screen-preview{position:relative;width:100%;aspect-ratio:16 / 9;container-type:inline-size;overflow:hidden;border:1px solid #383532;border-radius:9px;background:#000;box-shadow:0 0 24px var(--preview-glow),0 8px 32px #0006}.display-text-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:8%;pointer-events:none;-webkit-user-select:none;user-select:none}.display-text-overlay[hidden]{display:none}.display-text-content{display:block;width:min(100%,52ch);max-height:100%;overflow:hidden;color:#fff;font-family:Inter,Noto Sans,Noto Sans Devanagari,sans-serif;font-size:clamp(1rem,6cqi,3.5rem);font-weight:350;letter-spacing:.035em;line-height:1.3;text-align:center;text-wrap:pretty;overflow-wrap:anywhere;white-space:pre-wrap}.screen-preview:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.fullscreen-toggle{position:absolute;top:50%;left:50%;display:grid;width:124px;height:124px;place-items:center;padding:24px;border:0;border-radius:0;background:none;color:#e5e5e5;cursor:pointer;opacity:.72;transform:translate(-50%,-50%);z-index:2}.screen-preview.has-display-text .fullscreen-toggle{top:auto;right:8px;bottom:8px;left:auto;width:48px;height:48px;padding:10px;transform:none}.screen-preview.has-display-text .fullscreen-toggle svg{width:28px;height:28px}.fullscreen-toggle:hover{opacity:1}.fullscreen-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.fullscreen-toggle[aria-pressed=true]{display:none}.fullscreen-toggle svg{width:68px;height:68px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.fullscreen-exit-icon,.fullscreen-toggle[aria-pressed=true] .fullscreen-enter-icon{display:none}.fullscreen-toggle[aria-pressed=true] .fullscreen-exit-icon{display:block}.settings-panel{display:grid;gap:13px;width:100%;max-width:265px;justify-self:end}.settings-panel h1{margin:0 0 1px;color:#e5e5e5;font-size:1.02rem;font-weight:700;text-align:center}.settings-field{display:grid;gap:5px;color:#989898;font-size:.72rem}.settings-field select{width:100%;height:35px;padding:0 10px;border:1px solid var(--border);border-radius:4px;background:#171717;color:#d0d0d0;font-size:.78rem}.dimensions{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);align-items:end;gap:7px}.dimension-input{display:flex;height:35px;align-items:center;padding:0 8px;border:1px solid var(--border);border-radius:4px;background:#171717;color:#777;font-size:.7rem}.dimension-input input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#dfdfdf;font-size:.8rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.dimension-input input::-webkit-inner-spin-button,.dimension-input input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dimension-times{padding-bottom:8px;color:#676767;text-align:center}.download-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;border:1px solid #454545;border-radius:4px;background:#1a1a1a;color:#d3d3d3;cursor:pointer;font-size:.78rem}.download-button:hover{border-color:#686868;background:#202020}.download-button svg,.custom-color-label svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.custom-color-row{display:grid;gap:8px;padding-top:12px;border-top:1px solid #2c2c2c}.custom-color-label{display:inline-flex;align-items:center;gap:7px;color:#b4b4b4;cursor:pointer;font-size:.76rem}.custom-color-label svg{color:#999}.hex-value{width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #454545;border-radius:4px;background:#171717;color:#dedede;cursor:text;font:.8rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.hex-value[aria-invalid=true]{border-color:#cf7777}.custom-color-controls{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px}.custom-color-row input[type=color]{width:48px;height:42px;padding:3px;border:1px solid #454545;border-radius:4px;background:#181818;cursor:pointer}.display-text-settings{display:grid;gap:7px;padding-top:12px;border-top:1px solid #2c2c2c}.display-text-settings h2{margin:0;color:#e5e5e5;font-size:.88rem;font-weight:600}.display-text-input{width:100%;min-width:0;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:4px;background:#171717;color:#dedede;font-size:.78rem}.display-text-input::placeholder{color:#777}.display-text-help{margin:-2px 0 0;color:#858585;font-size:.68rem}.display-text-toggle{display:inline-flex;align-items:center;gap:8px;color:#b4b4b4;cursor:pointer;font-size:.73rem}.display-text-toggle input{width:15px;height:15px;margin:0;accent-color:#c7bca8}.status-message{min-height:1.4em;margin:23px 0 0;color:#838383;font-size:.73rem;text-align:center}.color-presets{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.color-preset{display:grid;min-width:0;gap:5px;padding:5px 4px;border:1px solid transparent;border-radius:5px;background:transparent;color:#aaa;cursor:pointer;font-size:.66rem;text-align:center}.color-preset:hover{border-color:#575757;background:#191919}.color-preset.is-selected{border-color:#777;background:#202020;color:#eee}.color-preset-swatch{display:block;width:100%;aspect-ratio:16 / 8;border:1px solid rgba(255,255,255,.09);border-radius:3px}.color-preset-name{overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}body[data-theme=light]{color-scheme:light;--page: #f3f3f3;--panel: #ffffff;--panel-raised: #ffffff;--text: #252525;--muted: #656565;--soft-muted: #777777;--border: #d3d3d3;--border-light: #bdbdbd;--preview-glow: rgba(174, 140, 93, .15)}body[data-theme=light] .site-header,body[data-theme=light] .appearance-control{border-color:#d7d7d7;background:#f7f7f7}body[data-theme=light] .brand,body[data-theme=light] .settings-panel h1,body[data-theme=light] .selected-color-name{color:#222}body[data-theme=light] .brand-mark,body[data-theme=light] .settings-field select,body[data-theme=light] .dimension-input,body[data-theme=light] .download-button,body[data-theme=light] .color-preset,body[data-theme=light] .hex-value,body[data-theme=light] .display-text-input{border-color:#d4d4d4;background:#fff;color:#444}body[data-theme=light] .dimension-input input{color:#222}body[data-theme=light] .color-preset.is-selected,body[data-theme=light] .appearance-option.is-selected{border-color:#aaa;background:#e7e7e7;color:#111}@media (prefers-color-scheme: light){body[data-theme=system]{color-scheme:light;--page: #f3f3f3;--text: #252525;--muted: #656565;--soft-muted: #777777;--border: #d3d3d3;--preview-glow: rgba(174, 140, 93, .15)}body[data-theme=system] .site-header,body[data-theme=system] .appearance-control{border-color:#d7d7d7;background:#f7f7f7}body[data-theme=system] .brand,body[data-theme=system] .settings-panel h1,body[data-theme=system] .selected-color-name{color:#222}body[data-theme=system] .brand-mark,body[data-theme=system] .settings-field select,body[data-theme=system] .dimension-input,body[data-theme=system] .download-button,body[data-theme=system] .color-preset,body[data-theme=system] .hex-value,body[data-theme=system] .display-text-input{border-color:#d4d4d4;background:#fff;color:#444}body[data-theme=system] .dimension-input input{color:#222}body[data-theme=system] .color-preset.is-selected,body[data-theme=system] .appearance-option.is-selected{border-color:#aaa;background:#e7e7e7;color:#111}}@media (max-width: 1200px){.settings-panel{min-width:0}}@media (max-width: 1000px){.header-inner,.page-content{width:calc(100% - 40px);max-width:760px}.utility-layout{grid-template-columns:minmax(0,1.5fr) minmax(185px,.9fr);gap:18px}.settings-panel{max-width:none}}@media (max-width: 760px){.header-inner,.page-content{width:min(100% - 36px,600px)}.page-content{padding-top:34px}.utility-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:25px}.preview-column{grid-column:1;grid-row:1;width:min(100%,520px);justify-self:center}.settings-panel{grid-column:1;grid-row:2;max-width:none}}@media (max-width: 520px){.site-header{height:60px}.header-inner,.page-content{width:calc(100% - 30px)}.brand{gap:7px;font-size:.76rem}.brand-mark{width:27px;height:27px;font-size:.62rem}.header-tools{gap:11px}.appearance-option{width:25px;height:25px}.appearance-option svg{width:14px;height:14px}.language-label{font-size:.7rem}.page-content{padding-top:30px;padding-bottom:34px}.utility-layout{grid-template-columns:1fr;gap:25px}.preview-column{grid-column:1;grid-row:1;width:100%}.settings-panel{grid-column:1;grid-row:2;width:100%}.settings-panel{gap:11px}.color-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.color-preset{font-size:.72rem}.color-preset-swatch{aspect-ratio:16 / 6}.status-message{margin-top:17px}}