@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-cyrillic-wght-normal-BfQLqnEI.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-ext-wght-normal-CsF3XSp0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-wght-normal-Cbhn5ptY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111116;--bg-glow:#7c3aed29;--surface:#1c1c25db;--surface-solid:#1c1c25;--surface-2:#23232f;--surface-3:#2c2c3b;--border:#33334a;--border-strong:#4d4b6b;--text:#ecebf7;--text-muted:#aeabc8;--text-faint:#8a87a6;--accent:#a78bfa;--accent-strong:#c4b5fd;--accent-fill:#7c3aed;--accent-fill-hover:#6d28d9;--on-accent:#fff;--accent-soft:#a78bfa24;--accent-glow:#a78bfa73;--star:#fcd34d;--on-star:#1d1600;--warn-bg:#a78bfa1f;--warn-border:#a78bfab3;--warn-text:#e4dcff;--focus:#fcd34d;--checker-a:#2a2a38;--checker-b:#22222e;--shadow:0 18px 40px #00000059;--border-width:1px;--px-w:#f4f2ff;--px-a:#c4b5fd;--px-b:#8b5cf6;--px-c:#5b21b6;--px-y:#fcd34d;--px-o:#f59e0b;--px-s:#8b88a8;--px-i:#111116;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-pill:999px;--font-display:"Pixelify Sans Variable", ui-monospace, monospace;--font-body:"Space Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaff;--bg-glow:#5b21b614;--surface:#fffffff0;--surface-solid:#fff;--surface-2:#f3f0ff;--surface-3:#e7e1fb;--border:#4a4466;--border-strong:#2a2540;--text:#0d0b1a;--text-muted:#39345a;--text-faint:#4f4a6e;--accent:#5b21b6;--accent-strong:#4c1d95;--accent-fill:#5b21b6;--accent-fill-hover:#4c1d95;--on-accent:#fff;--accent-soft:#5b21b617;--accent-glow:#5b21b64d;--star:#b45309;--on-star:#fff;--warn-bg:#f3edff;--warn-border:#5b21b6;--warn-text:#3b0f80;--focus:#5b21b6;--checker-a:#e9e5f7;--checker-b:#fff;--shadow:0 12px 30px #2d1e5a1f;--border-width:1.5px;--px-w:#c4b5fd;--px-a:#8b5cf6;--px-b:#6d28d9;--px-c:#3b0f80;--px-y:#f59e0b;--px-o:#b45309;--px-s:#6b6688;--px-i:#fff}.px-w{fill:var(--px-w)}.px-a{fill:var(--px-a)}.px-b{fill:var(--px-b)}.px-c{fill:var(--px-c)}.px-y{fill:var(--px-y)}.px-o{fill:var(--px-o)}.px-s{fill:var(--px-s)}.px-i{fill:var(--px-i)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 600px at 85% -10%, var(--bg-glow), transparent 70%), radial-gradient(900px 500px at -10% 30%, var(--bg-glow), transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,p,ul,figure,fieldset{margin:0}h1,h2,h3,.brand-name,.eyebrow,.step,.button,.chip,.size-label,.badge-text,.support-text,.install-button{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}img,svg{display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent);text-underline-offset:3px}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}kbd{border:var(--border-width) solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:0 6px;font-size:.8em;line-height:1.6;display:inline-block}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:50;border-radius:var(--radius-pill);background:var(--accent-fill);color:var(--on-accent);padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.sprite{width:100%;height:100%;image-rendering:pixelated}.sky{z-index:-1;pointer-events:none;position:fixed;inset:0}.starfield{width:100%;height:100%}.star{fill:var(--accent-strong);opacity:.55}.star-warm{fill:var(--star);opacity:.7}:root[data-theme=light] .star{opacity:.35}.comet{opacity:0}.comet-trail{fill:var(--star)}.site-header,main,.site-footer{width:min(1200px,100%);margin-inline:auto;padding-inline:24px}.site-header{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--surface-2);border:var(--border-width) solid var(--border);border-radius:12px;width:40px;height:40px;padding:4px}.brand-name{font-size:1.6rem;line-height:1}.header-actions{align-items:center;gap:10px;display:flex}.hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;padding-block:24px 40px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.95rem}h1{text-wrap:balance;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}.hero-lead{max-width:34em;color:var(--text-muted);font-size:1.12rem}.hero-lead code{color:var(--text)}.hero-art{aspect-ratio:4/3;justify-self:end;width:100%;max-width:420px;position:relative}.constellation{position:absolute;inset:0 26% 6% 0}.constellation-art{width:100%;height:100%;overflow:visible}.c-line{stroke:var(--accent);stroke-width:.45px;stroke-dasharray:1.2 1.6;opacity:.6}.c-star{fill:var(--accent-strong)}.c-star-bright{fill:var(--star)}.c-label{font-family:var(--font-display);letter-spacing:1.2px;fill:var(--text-faint);font-size:4.2px}.hero-planet{aspect-ratio:1;width:32%;filter:drop-shadow(0 10px 24px var(--accent-glow));position:absolute;bottom:-4%;right:0}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start;gap:24px;display:grid}.panel{border-radius:var(--radius-lg);background:var(--surface);border:var(--border-width) solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:18px;padding:24px;display:grid}.panel-title{align-items:center;gap:10px;font-size:1.35rem;display:flex}.panel-title:not(:first-child){margin-top:10px}.step{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:10px;place-items:center;font-size:1rem;display:inline-grid}.sub-title{font-family:var(--font-display);margin-bottom:10px;font-size:1.05rem;font-weight:600}.site-footer{color:var(--text-faint);text-align:center;gap:6px;padding-block:40px 56px;font-size:.92rem;display:grid}.footer-season{font-family:var(--font-display);color:var(--text-muted)}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex}.footer-links a{color:var(--text-muted)}@media (max-width:960px){.workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.site-header,main,.site-footer{padding-inline:16px}.site-header{padding-block:14px}.brand-mark{width:34px;height:34px}.brand-name{font-size:1.35rem}.hero{grid-template-columns:minmax(0,1fr);gap:0;padding-block:12px 24px}.hero-art{display:none}.panel{border-radius:20px;padding:18px}}.button{border-radius:var(--radius-pill);border:var(--border-width) solid transparent;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 20px;font-size:1.05rem;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--accent-fill);color:var(--on-accent)}.button-primary:hover{background:var(--accent-fill-hover)}.button-secondary{color:var(--text);border-color:var(--border-strong);background:0 0}.button-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.button-detail{font-family:var(--font-body);font-size:.82rem;font-weight:500}.chip{border-radius:var(--radius-pill);border:var(--border-width) solid var(--border);background:var(--surface-2);min-height:34px;color:var(--text);align-items:center;gap:6px;padding:4px 14px;font-size:.92rem;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}:root[data-theme=light] .chip[aria-pressed=true]{color:var(--accent)}.chip-detail{font-family:var(--font-body);color:var(--text-faint);font-size:.8rem;font-weight:500}.text-button{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:2px 4px;font-weight:600;text-decoration:underline}.text-button:disabled{color:var(--text-faint);text-decoration:none}.text-link{font-weight:600}.privacy{position:relative}.privacy-badge,.support-link,.install-button{border-radius:var(--radius-pill);border:var(--border-width) solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;font-size:.95rem;text-decoration:none;display:inline-flex}.privacy-badge{border-color:var(--accent);background:var(--accent-soft)}.privacy-badge:hover,.support-link:hover,.install-button:hover{border-color:var(--accent-strong)}.badge-icon,.support-icon{flex:none;width:18px;height:18px}.support-icon{width:16px;height:15px}.privacy-panel{z-index:30;border-radius:var(--radius);background:var(--surface-solid);border:var(--border-width) solid var(--border-strong);width:min(340px,100vw - 32px);box-shadow:var(--shadow);gap:12px;padding:18px;font-size:.93rem;display:grid;position:absolute;top:calc(100% + 10px);right:0}.panel-title.panel-title{font-size:1.1rem}.privacy-panel .panel-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.privacy-list{color:var(--text-muted);gap:8px;padding:0;list-style:none;display:grid}.privacy-list li{padding-left:20px;position:relative}.privacy-list li:before{content:"✦";color:var(--star);position:absolute;left:0}.offline-status{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:flex}.status-dot{background:var(--text-faint);border-radius:3px;flex:none;width:10px;height:10px}.offline-status[data-state=ready] .status-dot,.offline-status[data-state=offline] .status-dot{background:var(--star)}.theme-toggle{border-radius:var(--radius-pill);background:0 0;border:0;padding:0}.theme-track{border-radius:var(--radius-pill);background:var(--surface-2);border:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;width:68px;height:36px;padding:0 9px;display:flex;position:relative}.theme-icon{z-index:1;width:16px;height:16px}.theme-knob{background:var(--accent-soft);border:var(--border-width) solid var(--accent);border-radius:50%;width:28px;height:28px;transition:transform .2s steps(4,end);position:absolute;top:3px;left:3px}.theme-toggle[aria-checked=true] .theme-knob{transform:translate(32px)}.dropzone{border-radius:var(--radius-lg);background:var(--surface-2);text-align:center;cursor:pointer;justify-items:center;gap:6px;padding:34px 20px 28px;transition:background-color .2s;display:grid;position:relative}.dropzone-border{pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px;overflow:visible}.dropzone-border rect{fill:none;stroke:var(--border-strong);stroke-width:2px;stroke-dasharray:10 8}.dropzone:hover,.dropzone.is-dragging{background:var(--accent-soft)}.dropzone:hover .dropzone-border rect,.dropzone.is-dragging .dropzone-border rect{stroke:var(--accent)}.dropzone.is-dragging{box-shadow:0 0 0 4px var(--accent-soft), 0 0 40px var(--accent-glow)}.dropzone[data-verdict=bad] .dropzone-title{color:var(--warn-text)}#file-input:focus-visible+.dropzone{outline:3px solid var(--focus);outline-offset:3px}#file-input:disabled+.dropzone{opacity:.5;cursor:not-allowed}.dropzone-rocket{width:54px;height:102px;margin-bottom:6px}.dropzone .flame-b{visibility:hidden}.dropzone-title{font-family:var(--font-display);font-size:1.45rem;font-weight:600}.dropzone-sub{color:var(--text-muted)}.dropzone-browse{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.dropzone-hint{color:var(--text-faint);margin-top:6px;font-size:.88rem}.messages{gap:10px;display:grid}.messages:empty{display:none}.msg{border-radius:var(--radius);background:var(--warn-bg);border:var(--border-width) solid var(--warn-border);color:var(--warn-text);grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 12px 12px 14px;font-size:.94rem;display:grid}.msg-warning{border-style:dashed}.msg-icon{width:22px;height:22px;margin-top:1px}.msg-text{overflow-wrap:anywhere}.msg-dismiss{width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:8px;font-size:1.3rem;line-height:1}.msg-dismiss:hover{background:var(--accent-soft)}.files-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.files-title{font-size:1.05rem}.file-list{gap:8px;max-height:340px;padding:0;list-style:none;display:grid;overflow-y:auto}.file{border-radius:var(--radius);border:var(--border-width) solid var(--border);background:var(--surface-2);align-items:center;gap:6px;display:flex}.file.is-selected{border-color:var(--accent);background:var(--accent-soft)}.file-select{text-align:left;border-radius:var(--radius);background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 4px 8px 8px;display:flex}.file-thumb-frame{background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 10px 10px;border-radius:10px;flex:none;width:44px;height:44px;padding:4px}.file-thumb{object-fit:contain;width:100%;height:100%}.file-meta{min-width:0;display:grid}.file-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file-info{color:var(--text-faint);font-size:.85rem}.file-status{flex:none;width:20px;height:20px;margin-left:auto}.file-status .sprite{width:18px;height:18px}.file-remove{width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:10px;flex:none;margin-right:6px;font-size:1.4rem;line-height:1}.file-remove:hover{background:var(--accent-soft);color:var(--text)}.segmented{border-radius:var(--radius-pill);background:var(--surface-2);border:var(--border-width) solid var(--border);justify-self:start;gap:4px;margin-bottom:10px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);min-width:84px;min-height:34px;font-family:var(--font-display);background:0 0;border:0;padding:4px 16px;font-weight:600}.segmented button[aria-checked=true]{background:var(--accent-fill);color:var(--on-accent)}.segmented button:disabled{opacity:.5}.shape-note{color:var(--text-muted);margin-bottom:12px;font-size:.92rem}.crop-stage{aspect-ratio:1;border-radius:var(--radius);background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 16px 16px;border:var(--border-width) solid var(--border);width:min(100%,360px);position:relative;overflow:hidden}.shape[data-mode=crop] .crop-stage{background:var(--surface-3)}.crop-frame{margin:auto;position:absolute;inset:0;overflow:hidden}.crop-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.shape[data-mode=crop] .crop-frame{background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 16px 16px;overflow:visible}.crop-box{outline:2px solid var(--star);outline-offset:-1px;cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0a081499}.crop-box:focus-visible{outline:3px solid var(--focus)}.crop-handle{background:var(--star);touch-action:none;border:2px solid #1d1600;border-radius:5px;width:16px;height:16px;position:absolute}.crop-handle[data-handle=nw]{cursor:nwse-resize;top:-8px;left:-8px}.crop-handle[data-handle=ne]{cursor:nesw-resize;top:-8px;right:-8px}.crop-handle[data-handle=sw]{cursor:nesw-resize;bottom:-8px;left:-8px}.crop-handle[data-handle=se]{cursor:nwse-resize;bottom:-8px;right:-8px}.crop-reset{margin-top:8px}.tile{margin-top:22px}.tile-body{flex-wrap:wrap;align-items:flex-start;gap:16px 20px;display:flex}.tile-controls{flex:250px;gap:12px;min-width:0;display:grid}.tile-controls .segmented{margin-bottom:0}.tile-note{color:var(--text-muted);font-size:.92rem}.tile-slider{grid-template-columns:70px minmax(0,1fr) 3.2em;align-items:center;gap:10px;display:grid}.tile-slider label,.tile-fill-toggle{font-weight:600}.tile-value{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.tile-fill{align-items:center;gap:14px;display:flex}.tile-fill-toggle{cursor:pointer;align-items:center;gap:12px;display:inline-flex;position:relative}.tile-color{border:var(--border-width) solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:10px;block-size:34px;inline-size:48px;padding:3px}.tile-color:hover{border-color:var(--accent)}.tile-color::-webkit-color-swatch-wrapper{padding:0}.tile-color::-webkit-color-swatch{border:0;border-radius:6px}.tile-color::-moz-color-swatch{border:0;border-radius:6px}.tile-preview{flex:none;justify-items:center;gap:6px;display:grid}.tile-frame{border-radius:var(--radius);border:var(--border-width) solid var(--border);background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 12px 12px;place-items:center;width:120px;height:120px;display:grid}.tile-image{width:96px;height:96px}.tile-image:not([src]){visibility:hidden}.tile-preview figcaption{color:var(--text-faint);font-size:.85rem}.tile-all{margin-top:12px}input[type=range]{--value:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--value), var(--surface-3) var(--value));height:8px;box-shadow:inset 0 0 0 var(--border-width) var(--border-strong)}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--on-accent);background:var(--accent-fill);border-radius:7px;width:20px;height:20px;margin-top:-6px;box-shadow:0 1px 4px #00000059}input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:var(--surface-3);height:8px;box-shadow:inset 0 0 0 var(--border-width) var(--border-strong)}input[type=range]::-moz-range-progress{border-radius:var(--radius-pill);background:var(--accent);height:8px}input[type=range]::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--on-accent);background:var(--accent-fill);border-radius:7px;width:20px;height:20px;box-shadow:0 1px 4px #00000059}@media (max-width:420px){.tile-controls .segmented{display:flex}.tile-controls .segmented button{flex:1 1 0;min-width:0;padding-inline:8px}}.preview{gap:16px;display:grid}.browser-mocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.browser-mock{border:var(--border-width) solid var(--border);border-radius:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;overflow:hidden}.browser-mock[data-tone=dark]{--mock-bg:#202124;--mock-tab:#35363a;--mock-text:#e8eaed;--mock-muted:#9aa0a6;--mock-bar:#35363a;--mock-url:#202124}.browser-mock[data-tone=light]{--mock-bg:#dee1e6;--mock-tab:#fff;--mock-text:#202124;--mock-muted:#5f6368;--mock-bar:#fff;--mock-url:#f1f3f4}.mock-tabs{background:var(--mock-bg);gap:2px;padding:8px 8px 0;display:flex}.mock-tab{min-width:0;height:32px;color:var(--mock-muted);border-radius:10px 10px 0 0;flex:0 150px;align-items:center;gap:8px;padding:0 10px;display:flex}.mock-tab.is-active{background:var(--mock-tab);color:var(--mock-text)}.mock-favicon{flex:none;width:16px;height:16px}.mock-placeholder{background:var(--mock-muted);opacity:.5;border-radius:4px}.mock-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mock-close{margin-left:auto;font-size:14px;line-height:1}.mock-bar{background:var(--mock-bar);padding:6px 8px 8px}.mock-url{border-radius:var(--radius-pill);background:var(--mock-url);color:var(--mock-muted);padding:4px 12px;display:block}.zoom{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.zoom-frame{border-radius:var(--radius);background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 16px 16px;border:var(--border-width) solid var(--border);width:132px;height:132px;padding:2px;position:relative;overflow:hidden}.zoom-image{width:128px;height:128px;image-rendering:pixelated}.zoom-frame:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#7f7fa038 0 1px,#0000 1px 8px),repeating-linear-gradient(0deg,#7f7fa038 0 1px,#0000 1px 8px);position:absolute;inset:2px}.zoom-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.zoom-text{color:var(--text-muted);margin:4px 0 8px;font-size:.92rem}fieldset{border:0;min-width:0;padding:0}fieldset:disabled{opacity:.45}.formats{gap:8px;display:grid}.toggle-row{border-radius:var(--radius);border:var(--border-width) solid var(--border);background:var(--surface-2);cursor:pointer;align-items:center;gap:14px;padding:12px 14px;display:flex;position:relative}.toggle-row:has(input:checked){border-color:var(--accent)}.toggle-copy{flex:1;display:grid}.toggle-label{font-weight:600}.toggle-help{color:var(--text-faint);font-size:.86rem}.toggle-row input,.size-card input,.tile-fill-toggle input{opacity:0;width:1px;height:1px;position:absolute}.switch{border-radius:var(--radius-pill);background:var(--surface-3);border:var(--border-width) solid var(--border-strong);flex:none;width:42px;height:24px;transition:background-color .15s;position:relative}.switch-knob{background:var(--text-muted);border-radius:6px;width:16px;height:16px;transition:transform .18s steps(3,end);position:absolute;top:3px;left:3px}input:checked~.switch{background:var(--accent-fill);border-color:var(--accent-fill)}input:checked~.switch .switch-knob{background:var(--on-accent);transform:translate(18px)}input:focus-visible~.switch{outline:3px solid var(--focus);outline-offset:2px}.presets{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.size-card{border-radius:var(--radius);border:var(--border-width) solid var(--border);background:var(--surface-2);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"preview preview""label switch";align-items:center;gap:10px 8px;padding:10px 12px 12px;display:grid;position:relative}.size-card:has(input:checked){border-color:var(--accent)}.size-preview{background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 12px 12px;border-radius:10px;grid-area:preview;place-items:center;height:76px;display:grid}.size-image{max-width:64px;max-height:64px}.size-image:not([src]){visibility:hidden}.size-label{grid-area:label;font-size:1.1rem}.size-label small{font-family:var(--font-body);color:var(--text-faint);font-size:.75rem}.size-card .switch{grid-area:switch}.download{gap:14px;display:grid}.download-status{color:var(--text-muted);align-items:center;gap:10px;display:flex}.download-actions{flex-wrap:wrap;gap:10px;display:flex}.download-actions:empty{display:none}.thanks{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.93rem;display:flex}.thanks-icon{width:14px;height:14px}.moon-loader{flex:none;width:20px;height:20px;display:inline-block;overflow:hidden}.moon-loader .sprite{width:800%;height:100%}.moon-loader .px-c{fill:var(--surface-3)}.manifest{border-radius:var(--radius);background:var(--surface-2);border:var(--border-width) solid var(--border);gap:10px;padding:16px;display:grid}.manifest-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.manifest-head .sub-title{margin:0}.manifest-code{background:var(--bg);border-radius:12px;margin:0;padding:14px;font-size:.85rem;line-height:1.5;overflow-x:auto}.manifest-note{color:var(--text-faint);font-size:.86rem}.recent,.donate{border-radius:var(--radius-lg);background:var(--surface);border:var(--border-width) solid var(--border);box-shadow:var(--shadow);margin-top:24px;padding:24px}.recent-head{justify-content:space-between;align-items:center;display:flex}.recent-note{color:var(--text-faint);margin:4px 0 14px;font-size:.9rem}.recent-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px;padding:0;list-style:none;display:grid}.recent-item{border-radius:var(--radius);background:var(--surface-2);border:var(--border-width) solid var(--border);grid-template:"thumb meta"1fr"action action"/auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.recent-thumb-frame{border:var(--border-width) solid var(--border);background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 10px 10px;border-radius:12px;grid-area:thumb;width:56px;height:56px;padding:6px}.recent-thumb{object-fit:contain;width:100%;height:100%;display:block}.recent-meta{grid-area:meta;gap:6px;min-width:0;display:grid}.recent-name{min-width:0;font-weight:600;display:flex}.recent-stem{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recent-ext{white-space:nowrap;flex:none}.recent-source{text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:.82rem;overflow:hidden}.recent-info{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.recent-format{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.02em;padding:1px 8px;font-size:.74rem;font-weight:600}:root[data-theme=light] .recent-format{color:var(--accent)}.recent-detail{white-space:nowrap}.recent-download{grid-area:action;justify-content:center;gap:8px}.recent-download-icon{flex:none;width:11px;height:14px}.donate{border-color:var(--accent);background:radial-gradient(400px 200px at 0% 0%, var(--accent-soft), transparent 70%), var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.donate-art{justify-items:center;gap:8px;display:grid}.donate-cup{width:64px;height:64px}.fuel-gauge{border:var(--border-width) solid var(--border-strong);border-radius:4px;width:64px;height:10px;padding:2px;display:block}.fuel-level{background:repeating-linear-gradient(90deg, var(--star) 0 6px, transparent 6px 8px);border-radius:2px;width:70%;height:100%;display:block}.donate-title{margin-bottom:4px;font-size:1.5rem}.donate-copy p{color:var(--text-muted)}.button-kofi{background:var(--star);color:var(--on-star);white-space:nowrap}.button-kofi:hover{filter:brightness(1.08)}.toast{z-index:40;border-radius:var(--radius-pill);background:var(--surface-solid);border:var(--border-width) solid var(--accent);width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow);align-items:center;gap:14px;padding:10px 10px 10px 18px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast-action:disabled{cursor:progress}@media (max-width:720px){.support-text,.badge-text{font-size:.85rem}.header-actions{gap:6px}.privacy-badge{gap:6px;padding:6px 10px}.support-link{padding:6px 10px}.support-text{display:none}.browser-mocks{grid-template-columns:minmax(0,1fr)}.size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zoom{grid-template-columns:minmax(0,1fr);justify-items:start}.donate{grid-template-columns:minmax(0,1fr);justify-items:start;gap:16px}.recent,.donate{border-radius:20px;padding:18px}}.promises{color:var(--text-muted);gap:12px;padding:4px 4px 0;font-size:.94rem;list-style:none;display:grid}.promises li{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;display:grid}.promises strong{color:var(--text)}.promise-icon{width:20px;height:20px;margin-top:2px}@media (max-width:560px){.site-header{flex-wrap:wrap;row-gap:12px}.brand{margin-right:auto}.header-actions{display:contents}.privacy{flex-basis:100%;order:10}.privacy-badge{justify-content:center;width:100%}.privacy-panel{width:auto;left:0;right:0}}.faq{border-radius:var(--radius-lg);background:var(--surface);border:var(--border-width) solid var(--border);box-shadow:var(--shadow);margin-top:24px;padding:24px}.faq-intro{color:var(--text-muted);margin:4px 0 16px}.faq-list{gap:10px;display:grid}.faq-item{border-radius:var(--radius);border:var(--border-width) solid var(--border);background:var(--surface-2)}.faq-item[open]{border-color:var(--accent)}.faq-item summary{cursor:pointer;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-display);color:var(--accent);flex:none;font-size:1.4rem;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-muted);padding:0 16px 16px}.lost{place-items:center;min-height:62vh;padding-block:24px 40px;display:grid}.lost-card{border-radius:var(--radius-lg);background:var(--surface);border:var(--border-width) solid var(--border);width:min(100%,560px);box-shadow:var(--shadow);text-align:center;justify-items:center;gap:16px;padding:40px 32px;display:grid}.lost-code{font-family:var(--font-display);color:var(--accent);align-items:center;gap:.06em;font-size:clamp(4.5rem,18vw,7.5rem);font-weight:600;line-height:1;display:flex}.lost-planet{width:1.2em;height:1.2em;filter:drop-shadow(0 8px 20px var(--accent-glow));display:block}.lost-card h1{font-size:clamp(1.8rem,6vw,2.4rem)}.lost-text{max-width:40ch;color:var(--text-muted)}.lost-card .button{margin-top:6px}.back-link{border-radius:var(--radius-pill);border:var(--border-width) solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);font-family:var(--font-display);white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{border-color:var(--accent)}.legal{padding-block:8px 24px}.legal-card{border-radius:var(--radius-lg);background:var(--surface);border:var(--border-width) solid var(--border);max-width:760px;box-shadow:var(--shadow);margin-inline:auto;padding:36px 40px}.legal-card h1{margin-bottom:8px;font-size:clamp(2rem,5vw,2.8rem)}.legal-meta{color:var(--text-faint);margin-bottom:24px}.legal-summary{border-radius:var(--radius);background:var(--accent-soft);border:var(--border-width) solid var(--accent);gap:8px;margin:0 0 28px;padding:18px 20px 18px 40px;display:grid}.legal-card h2{margin:28px 0 10px;font-size:1.3rem}.legal-card p,.legal-card li{color:var(--text-muted)}.legal-card p+p{margin-top:10px}.legal-card a[href^=mailto\:]{overflow-wrap:anywhere}.legal-card ul{gap:6px;margin-top:10px;padding-left:22px;display:grid}.legal-card strong{color:var(--text)}.legal-card a{overflow-wrap:anywhere}@media (max-width:720px){.faq{border-radius:20px;padding:18px}.legal-card{border-radius:20px;padding:24px 18px}}.privacy-links{flex-wrap:wrap;gap:6px 16px;display:flex}@media (prefers-reduced-motion:no-preference){.twinkle{animation:3.6s steps(2,jump-none) infinite twinkle}.comet{animation:18s linear 4s infinite comet}.hero-planet,.lost-planet{animation:6s steps(4,jump-none) infinite alternate bob}.c-star-bright{animation:4s steps(2,jump-none) infinite twinkle}.dropzone:hover .dropzone-border rect,.dropzone.is-dragging .dropzone-border rect{animation:.9s linear infinite march}.dropzone.is-dragging .dropzone-rocket{animation:.5s steps(3,end) infinite alternate lift}.dropzone:hover .flame-a,.dropzone.is-dragging .flame-a{animation:.3s step-end infinite flicker-a}.dropzone:hover .flame-b,.dropzone.is-dragging .flame-b{animation:.3s step-end infinite flicker-b}.moon-loader .sprite{animation:1.4s steps(8,end) infinite phases}.download.just-downloaded .thanks-icon{animation:.6s steps(4,end) burst}.download.is-ready .button-primary{animation:.4s steps(3,end) pop}.fuel-level{animation:3s steps(6,end) infinite alternate refuel}}@keyframes twinkle{0%{opacity:.9}to{opacity:.15}}@keyframes comet{0%{opacity:0;transform:translate(80px,120px)}1%{opacity:1}7%{opacity:0;transform:translate(560px,300px)}to{opacity:0;transform:translate(560px,300px)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes march{to{stroke-dashoffset:-36px}}@keyframes lift{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes flicker-a{0%{visibility:visible}50%{visibility:hidden}}@keyframes flicker-b{0%{visibility:hidden}50%{visibility:visible}}@keyframes phases{to{transform:translate(-100%)}}@keyframes burst{0%{transform:scale(.4)rotate(0)}60%{transform:scale(1.6)rotate(45deg)}to{transform:scale(1)rotate(90deg)}}@keyframes pop{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes refuel{0%{width:35%}to{width:85%}}