: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: #8e8e8e;--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}.site-nav{display:flex;align-items:center;gap:14px}.nav-link{color:var(--muted);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .15s ease,border-color .15s ease;padding:4px 2px;border-bottom:2px solid transparent}.nav-link:hover{color:var(--text)}.nav-link.is-active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.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;transition:background-color .15s ease-out}.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,.settings-panel h2{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(5,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: #595959;--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] .settings-panel h2,body[data-theme=light] .selected-color-name{color:#222}body[data-theme=light] .nav-link{color:#666}body[data-theme=light] .nav-link:hover,body[data-theme=light] .nav-link.is-active{color:#111;border-bottom-color:#333}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: #595959;--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] .settings-panel h2,body[data-theme=system] .selected-color-name{color:#222}body[data-theme=system] .nav-link{color:#666}body[data-theme=system] .nav-link:hover,body[data-theme=system] .nav-link.is-active{color:#111;border-bottom-color:#333}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(5,minmax(0,1fr));gap:6px}.color-preset{font-size:.72rem}.color-preset-swatch{aspect-ratio:16 / 6}.status-message{margin-top:17px}}.page-intro{margin:14px 0 16px;text-align:center}.page-title{margin:0;color:var(--text);font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:600;letter-spacing:-.015em}.page-description{margin:0 auto;max-width:56ch;color:var(--muted);font-size:.95rem;line-height:1.5}.presets-title{margin:6px 0 -4px;color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-align:center;text-transform:uppercase}.seo-content{margin-top:56px;padding-top:40px;border-top:1px solid var(--border)}.content-section{margin-bottom:44px}.content-section:last-child{margin-bottom:0}.content-section h2{margin:0 0 14px;color:var(--text);font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:650;letter-spacing:-.015em;line-height:1.3}.content-section p{margin:0 0 16px;color:#a0a0a0;font-size:.93rem;line-height:1.65}.content-section p:last-child{margin-bottom:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px}.feature-card{padding:18px 20px;border:1px solid var(--border);border-radius:8px;background:var(--panel);transition:border-color .15s ease}.feature-card:hover{border-color:var(--border-light)}.feature-card h3{margin:0 0 8px;color:var(--text);font-size:.98rem;font-weight:600;letter-spacing:-.01em}.feature-card p{margin:0;color:#a0a0a0;font-size:.88rem;line-height:1.55}.usecases-list{display:grid;gap:14px;margin-top:16px}.usecase-item{padding:16px 20px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.usecase-item h3{margin:0 0 6px;color:var(--text);font-size:.98rem;font-weight:600;letter-spacing:-.01em}.usecase-item p{margin:0;color:#a0a0a0;font-size:.88rem;line-height:1.55}.content-disclaimer{margin-top:16px!important;padding:12px 16px;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;background:var(--panel);font-size:.86rem!important}.instructions-list{margin:16px 0 0;padding-left:20px;color:#a0a0a0;font-size:.92rem;line-height:1.65}.instructions-list li{margin-bottom:12px;padding-left:6px}.instructions-list li:last-child{margin-bottom:0}.instructions-list strong{color:var(--text)}.faq-list{display:grid;gap:14px;margin-top:18px}.faq-item{padding:18px 20px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.faq-item h3{margin:0 0 8px;color:var(--text);font-size:.98rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.faq-item p{margin:0;color:#a0a0a0;font-size:.88rem;line-height:1.6}kbd{display:inline-block;padding:2px 6px;border:1px solid var(--border);border-radius:4px;background:var(--panel-raised);color:var(--text);font-family:inherit;font-size:.82em;font-weight:550;box-shadow:0 1px #0003}code{padding:2px 5px;border:1px solid var(--border);border-radius:4px;background:var(--panel-raised);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86em}body[data-theme=light] .page-title,body[data-theme=light] .content-section h2,body[data-theme=light] .feature-card h3,body[data-theme=light] .usecase-item h3,body[data-theme=light] .faq-item h3,body[data-theme=light] .instructions-list strong{color:#1a1a1a}body[data-theme=light] .page-description,body[data-theme=light] .content-section p,body[data-theme=light] .feature-card p,body[data-theme=light] .usecase-item p,body[data-theme=light] .instructions-list,body[data-theme=light] .faq-item p{color:#555}body[data-theme=light] .presets-title{color:#777}body[data-theme=light] .feature-card,body[data-theme=light] .usecase-item,body[data-theme=light] .faq-item,body[data-theme=light] .content-disclaimer{background:#fff;border-color:#dcdcdc}body[data-theme=light] .seo-content{border-top-color:#dcdcdc}body[data-theme=light] kbd,body[data-theme=light] code{background:#f0f0f0;border-color:#d0d0d0;color:#222}@media (prefers-color-scheme: light){body[data-theme=system] .page-title,body[data-theme=system] .content-section h2,body[data-theme=system] .feature-card h3,body[data-theme=system] .usecase-item h3,body[data-theme=system] .faq-item h3,body[data-theme=system] .instructions-list strong{color:#1a1a1a}body[data-theme=system] .page-description,body[data-theme=system] .content-section p,body[data-theme=system] .feature-card p,body[data-theme=system] .usecase-item p,body[data-theme=system] .instructions-list,body[data-theme=system] .faq-item p{color:#555}body[data-theme=system] .presets-title{color:#777}body[data-theme=system] .feature-card,body[data-theme=system] .usecase-item,body[data-theme=system] .faq-item,body[data-theme=system] .content-disclaimer{background:#fff;border-color:#dcdcdc}body[data-theme=system] .seo-content{border-top-color:#dcdcdc}body[data-theme=system] kbd,body[data-theme=system] code{background:#f0f0f0;border-color:#d0d0d0;color:#222}}@media (max-width: 760px){.features-grid{grid-template-columns:1fr}}.diagnostic-hint{margin:6px 0 0;padding:8px 12px;border-radius:6px;background:var(--panel);border:1px solid var(--border);color:#c5bca8;font-size:.8rem;line-height:1.45;text-align:center}.content-section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:opacity .15s ease}.content-section a:hover{opacity:.85}body[data-theme=light] .diagnostic-hint{background:#fff;border-color:#dcdcdc;color:#555}body[data-theme=light] .content-section a{color:#7a5c28}@media (prefers-color-scheme: light){body[data-theme=system] .diagnostic-hint{background:#fff;border-color:#dcdcdc;color:#555}body[data-theme=system] .content-section a{color:#7a5c28}}@media (max-width: 600px){.site-nav{gap:8px}.nav-link{font-size:.72rem;padding:2px 1px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-footer{margin-top:60px;border-top:1px solid var(--border);padding:32px 0 40px;color:var(--muted);font-size:.85rem}.footer-inner{display:flex;flex-direction:column;gap:18px;width:min(100% - 40px,1040px);margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-brand{font-weight:600;color:var(--text);text-decoration:none}.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.footer-link{color:var(--muted);text-decoration:none;font-size:.82rem;transition:color .15s ease}.footer-link:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--soft-muted)}.footer-bottom a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer-bottom a:hover{color:var(--text)}.about-hero{margin-bottom:36px;text-align:center}.about-content{max-width:760px;margin:0 auto}.about-content .content-section{margin-bottom:40px}body[data-theme=light] .site-footer{border-top-color:#dcdcdc;color:#666}body[data-theme=light] .footer-brand{color:#111}body[data-theme=light] .footer-link{color:#666}body[data-theme=light] .footer-link:hover{color:#111}body[data-theme=light] .footer-bottom{color:#888}body[data-theme=light] .footer-bottom a{color:#555}