@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/orbitron-latin-500-normal-DQ2gt4P1.woff2)format("woff2"),url(/assets/orbitron-latin-500-normal-BCCupJ8c.woff)format("woff");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:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2)format("woff2"),url(/assets/orbitron-latin-700-normal-DmYOh-W9.woff)format("woff");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:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/orbitron-latin-900-normal-DrIi7unX.woff2)format("woff2"),url(/assets/orbitron-latin-900-normal-BbJatbhp.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");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,[data-theme=light]{--bg:#eef0ea;--bg-elev:#f7f8f4;--panel:#fff;--line:#c2c8bc;--line-bright:#1a1d18;--text:#141614;--muted:#5e665c;--accent:#141614;--glow:#1416140f;--checker-a:#d8dbd2;--checker-b:#eceee7;--drop-fill:#fbfcf8;--thumb-shadow:#14161433;--font-display:"Orbitron", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#070807;--bg-elev:#0e100e;--panel:#101310;--line:#2a2f2a;--line-bright:#c8d0c8;--text:#e8ece8;--muted:#7a847a;--accent:#f2f5f2;--glow:#e8ece814;--checker-a:#0a0c0a;--checker-b:#151815;--drop-fill:#0c0e0c;--thumb-shadow:#e8ece859;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button,input{font:inherit;color:inherit}.app{flex-direction:column;gap:1rem;min-height:100vh;padding:1.25rem 1.5rem 1rem;display:flex;position:relative;overflow-x:hidden}.grid-bg{pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px);z-index:0;background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.topbar,.layout,.footer{z-index:1;position:relative}.topbar{z-index:40;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-mark{color:var(--accent);font-size:1.6rem;line-height:1;animation:2.8s ease-in-out infinite pulse-mark}@keyframes pulse-mark{0%,to{opacity:1}50%{opacity:.55}}.brand h1{font-family:var(--font-display);letter-spacing:.14em;margin:0;font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:900}.tagline{letter-spacing:.04em;color:var(--muted);text-transform:none;margin:.2rem 0 0;font-size:.72rem}.topbar-right{align-items:center;gap:.55rem;display:flex}.project-file-actions{align-items:center;gap:.35rem;display:flex}.project-file-actions .theme-toggle:disabled{opacity:.4;cursor:not-allowed}.export-menu-wrap{position:relative}.export-menu-wrap .theme-toggle.open{border-color:var(--line-bright);background:var(--bg-elev)}.export-menu{z-index:210;border:1px solid var(--line-bright);background:var(--panel);min-width:13.5rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);flex-direction:column;gap:.1rem;padding:.25rem;display:flex;position:fixed}.bg-color-pair{align-items:center;gap:.45rem;display:flex}.bg-color-swatch{cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;display:flex;position:relative}.bg-color-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.5rem;line-height:1}.bg-color-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.bg-color-chip{border:1px solid var(--line-bright);pointer-events:none;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--panel) 40%, transparent);display:block}.boot-pill{letter-spacing:.12em;border:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:.35rem .65rem;font-size:.65rem}.boot-pill.live{border-color:var(--line-bright);color:var(--text)}.theme-toggle{border:1px solid var(--line);background:var(--panel);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:.4rem .75rem;font-size:.62rem;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--line-bright);background:var(--bg-elev)}.layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:1.1rem;min-height:0;display:grid}.layout.layout-editor{flex:1;grid-template-columns:52px minmax(0,1fr) 340px;align-items:stretch;min-height:0;overflow:hidden}html.layout-editor-root,html.layout-editor-root body,html.layout-editor-root #root{height:100dvh;overflow:hidden}.app.layout-editor-app{gap:.5rem;height:100dvh;min-height:0;padding:.5rem .75rem .35rem;overflow:hidden}.app.layout-editor-app .footer{display:none}.app.layout-editor-app .topbar{flex-shrink:0;padding-bottom:.55rem}.layout-editor .controls{align-self:stretch;height:100%;min-height:0;max-height:none;position:static;top:auto;overflow:auto}.layout-editor .tool-rail{align-self:stretch;height:100%;min-height:0;max-height:none;position:static;top:auto;overflow-y:auto}.layout-editor .pixel-stage{min-height:0}.app.layout-editor-app .hide-fx-toast{bottom:3.5rem}.layout.layout-start{grid-template-columns:1fr;width:100%;max-width:min(980px,100%);margin-inline:auto}.layout-start .stage-col{min-height:min(72vh,780px)}.layout-start .stage-viewport{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:.25rem 0 1rem;display:flex;overflow:hidden auto}@media (width<=960px){.layout,.layout.layout-editor{grid-template-columns:1fr}}.stage-col{flex-direction:column;gap:.85rem;min-width:0;min-height:0;display:flex}.dropzone{cursor:pointer;border:2px dashed var(--line);background:var(--drop-fill);flex:1;place-items:center;min-height:min(70vh,560px);padding:2rem 1.5rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;animation:.55s ease-out both rise;display:grid}.dropzone:hover,.dropzone.dragging{border-color:var(--line-bright);background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 18px 50px var(--glow)}.dropzone.dragging{transform:scale(1.01)}.dropzone-inner{text-align:center;max-width:420px}.dropzone-icon{width:64px;height:64px;margin:0 auto 1.25rem;position:relative}.dropzone-icon-box{border:2px solid var(--text);background:0 0;width:100%;height:100%;display:block}.dropzone-icon-arrow{place-items:center;font-size:1.5rem;animation:1.4s ease-in-out infinite bob;display:grid;position:absolute;inset:0}@keyframes bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.dropzone-title{font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:700}.dropzone-sub{color:var(--muted);margin:.65rem 0 0;font-size:.85rem;line-height:1.5}.dropzone-link{color:var(--text);text-underline-offset:3px;text-decoration:underline}.dropzone-steps{text-align:left;flex-direction:column;gap:.45rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.dropzone-steps li{letter-spacing:.06em;color:var(--muted);border:1px solid #0000;padding:.45rem .65rem;font-size:.78rem}.dropzone-steps li.active{color:var(--text);border-color:var(--line);background:var(--panel);font-weight:600}.preview{border:1px solid var(--line);background:var(--panel);flex-direction:column;flex:1;gap:.55rem;min-height:360px;padding:.75rem;animation:.45s ease-out both rise;display:flex}.preview.file-dragging{border-color:var(--line-bright);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.preview-meta{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:.68rem;display:flex}.preview-meta-actions{align-items:center;gap:.85rem;display:flex}.text-btn{color:var(--text);text-underline-offset:3px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;padding:0;font-size:.68rem;text-decoration:underline}.text-btn:hover{opacity:.7}.preview-stage{background:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:var(--checker-b);touch-action:none;cursor:col-resize;border:1px solid var(--line);flex:1;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.preview-canvas{width:auto;max-width:100%;height:auto;max-height:min(62vh,640px);image-rendering:pixelated;display:block}.replace-overlay{background:color-mix(in srgb, var(--bg) 72%, transparent);z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.replace-overlay p{font-family:var(--font-display);letter-spacing:.14em;border:1px solid var(--accent);background:var(--panel);margin:0;padding:.75rem 1.1rem;font-size:.85rem}.split-line{background:var(--accent);width:2px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 40%, transparent);pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;transform:translate(-1px)}.split-handle{background:var(--panel);border:1px solid var(--accent);letter-spacing:.1em;white-space:nowrap;padding:.2rem .35rem;font-size:.65rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-labels{pointer-events:none;letter-spacing:.16em;color:#fff;text-shadow:0 1px 2px #000,0 0 8px #000;z-index:3;justify-content:space-between;font-size:.62rem;display:flex;position:absolute;inset:.55rem .7rem auto}.preview-hint{color:var(--muted);letter-spacing:.02em;margin:0;font-size:.68rem}.palette-bar{flex-wrap:wrap;flex:1;gap:3px;min-width:0;padding-top:.15rem;display:flex}.palette-row{flex-wrap:wrap;align-items:center;gap:.55rem .75rem;display:flex}.palette-row-empty{padding:.15rem 0 .05rem}.palette-empty-copy{min-width:12rem;color:var(--muted);letter-spacing:.01em;flex:1;margin:0;font-size:.68rem;line-height:1.35}.palette-actions{flex-wrap:wrap;flex-shrink:0;gap:.35rem;margin-left:auto;display:flex}.palette-action-btn{letter-spacing:.08em;padding:.35rem .55rem;font-size:.58rem}.saved-palette-swatches{flex-wrap:wrap;gap:2px;margin-top:.35rem;display:flex}.swatch.tiny{pointer-events:none;width:12px;height:12px}.palette-more{color:var(--muted);align-self:center;margin-left:.15rem;font-size:.58rem}.palette-pair-card{border-bottom:1px solid var(--line);margin-bottom:.65rem;padding-bottom:.5rem}.palette-pair-swatches{flex-wrap:wrap;align-items:flex-end;gap:.35rem .5rem;display:flex}.palette-pair-arrow{color:var(--muted);padding:0 .15rem .35rem;font-size:1.1rem}.palette-bar-capped{max-height:123px;overflow:hidden auto}.locked-palette-banner{border:1px solid var(--line);background:var(--bg);flex-direction:column;gap:.45rem;padding:.55rem;display:flex}.modal-backdrop{z-index:50;background:color-mix(in srgb, var(--bg) 72%, transparent);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop-portaled{z-index:10050}.modal-card{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);width:min(480px,100%);max-height:min(90vh,100dvh - 2rem);box-shadow:0 18px 50px var(--glow);box-sizing:border-box;flex-direction:column;gap:.85rem;padding:1rem;display:flex;overflow:hidden auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.55rem;display:flex}.modal-head h2{font-family:var(--font-display);letter-spacing:.14em;margin:0;font-size:.78rem}.export-textarea{width:100%;font-family:var(--font-mono);background:var(--bg);border:1px solid var(--line);color:var(--text);resize:vertical;padding:.65rem;font-size:.75rem;line-height:1.45}.modal-actions{flex-wrap:wrap;gap:.45rem;display:flex}.import-modal-card{width:min(420px,100%)}.import-modal-hint{margin:0}.import-file-name{font-family:var(--font-mono);word-break:break-all;font-weight:600}.import-modal-actions{flex-direction:column}.import-modal-actions .btn{text-align:center;width:100%}.swatch{outline:1px solid var(--line);cursor:pointer;border:1px solid #000;width:18px;height:18px;padding:0;transition:transform .12s}.ignore-swatch-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ignore-add{border:1px dashed var(--line);background:var(--panel);width:22px;height:22px;color:var(--text);cursor:pointer;place-items:center;padding:0;font-size:1rem;line-height:1;display:grid}.ignore-add:hover:not(:disabled){border-color:var(--line-bright);border-style:solid}.ignore-add.active{border-style:solid;border-color:var(--line-bright);background:var(--bg)}.ignore-add:disabled{opacity:.4;cursor:not-allowed}.ignore-swatch{width:22px;height:22px}.ignore-swatch-wrap{flex-shrink:0;width:22px;height:22px;position:relative}.palette-from-badge{outline:1px solid var(--line);pointer-events:none;border:1px solid #000;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.palette-source-hint{margin-top:.35rem}.palette-remap-fields{flex-direction:column;gap:0;display:flex}.effect-subsection{border-top:1px solid var(--line);flex-direction:column;gap:.65rem;margin-top:.75rem;padding-top:.75rem;display:flex}.effect-subsection:first-child{border-top:none;margin-top:0;padding-top:0}.effect-subsection-options{gap:.75rem}.effect-subsection-palette-top{gap:.55rem}.effect-subsection-palette-top+.effect-subsection{margin-top:.65rem}.palette-name-hint{margin:0}.palette-slots-hint{margin:-.15rem 0 0}.palette-limit-field{margin-top:.15rem}.palette-mapping-panel{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:.65rem;padding:.7rem .75rem;display:flex}.palette-mapping-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.palette-mapping-header .field-label{margin:0}.palette-mapping-preview{background:var(--bg);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.35rem .45rem;display:flex}.palette-mapping-swatch{border:1px solid var(--line-bright);flex-shrink:0;width:18px;height:18px}.palette-mapping-arrow{color:var(--muted);font-size:.75rem}.palette-mapping-caption{color:var(--muted);letter-spacing:.04em;font-size:.65rem}.palette-mapping-actions{flex-wrap:wrap;gap:.35rem;display:flex}.ignore-swatch-wrap .ignore-swatch{width:100%;height:100%;display:block}.ignore-swatch-wrap.selected .ignore-swatch{outline-color:var(--accent);outline-width:2px}.ignore-swatch-x{border:1px solid var(--line-bright);background:var(--panel);width:14px;height:14px;color:var(--text);cursor:pointer;z-index:2;place-items:center;padding:0;font-size:.7rem;line-height:1;display:none;position:absolute;top:-6px;right:-6px}.ignore-swatch-wrap:hover .ignore-swatch-x,.ignore-swatch-wrap.selected .ignore-swatch-x{display:grid}.ignore-swatch-x:hover:not(:disabled){background:var(--accent);color:var(--bg)}.ignore-add-panel{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:.55rem;padding:.55rem .6rem;display:flex}.ignore-add-actions{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.rgb-row{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.rgb-field .number-box{width:100%}.controls{border:1px solid var(--line);background:var(--panel);flex-direction:column;align-self:start;gap:1rem;max-height:calc(100vh - 2rem);padding:1rem;animation:.55s ease-out 60ms both rise;display:flex;position:sticky;top:1rem;overflow:auto}.controls-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.65rem;display:flex}.controls-header h2{font-family:var(--font-display);letter-spacing:.14em;margin:0;font-size:.78rem}.status-dot{background:var(--muted);width:8px;height:8px;box-shadow:0 0 0 1px var(--line)}.status-dot[data-busy=true]{background:var(--accent);animation:.7s steps(2,end) infinite blink}.status-dot[data-save=pending]{background:var(--muted);animation:1.2s steps(2,end) infinite blink}.status-dot[data-save=saving]{background:var(--accent);animation:.7s steps(2,end) infinite blink}.status-dot[data-save=saved]{background:#3d9a5a}@keyframes blink{50%{opacity:.25}}.howto{color:var(--muted);font-size:.78rem;line-height:1.55}.howto p{margin:0 0 .85rem}.howto ol{flex-direction:column;gap:.55rem;margin:0;padding-left:1.1rem;display:flex}.howto strong{color:var(--text);font-weight:600}.controls-body{flex-direction:column;gap:1rem;display:flex}.controls-body.dimmed{opacity:.45;pointer-events:none}.tab-pane{flex-direction:column;gap:1rem;display:flex}.controls-tabs{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.controls-tab{background:var(--bg);border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;color:var(--muted);padding:.55rem .4rem;font-size:.58rem}.controls-tab:hover{color:var(--text);border-color:var(--muted)}.controls-tab.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.effects-panel{flex-direction:column;gap:.75rem;display:flex}.effect-add-row{grid-template-columns:1fr auto;align-items:center;gap:.45rem;display:grid}.effect-select{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);padding:.5rem .55rem}.effects-empty{color:var(--muted);margin:0;font-size:.72rem}.effect-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.effect-card{border:1px solid var(--line);background:var(--bg);position:relative}.effect-card.dragging{opacity:.92;border-color:var(--line-bright);box-shadow:0 8px 24px var(--glow)}.effect-card.off{opacity:.55}.effect-card.drag-over{border-color:var(--line-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.effect-card-top{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.45rem .5rem;display:flex}.effect-drag{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;place-items:center;margin:-.25rem 0 -.25rem -.15rem;padding:0;font-size:1rem;line-height:1;display:grid}.effect-drag:hover:not(:disabled){color:var(--text);border-color:var(--line-bright)}.effect-drag:active:not(:disabled){cursor:grabbing;background:var(--bg-elev)}.effect-drag:disabled{opacity:.4;cursor:not-allowed}.effect-index{color:var(--muted);min-width:1rem;font-size:.62rem}.effect-header-btn{cursor:pointer;min-width:0;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.4rem;padding:.15rem .25rem;display:flex}.effect-header-btn:hover:not(:disabled) .effect-title{text-underline-offset:3px;text-decoration:underline}.effect-chevron{color:var(--muted);margin-left:auto;font-size:.7rem}.effect-card.collapsed .effect-card-top{border-bottom:none}.effect-title{font-family:var(--font-display);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.62rem;overflow:hidden}.effect-enable{color:var(--muted);cursor:pointer;align-items:center;gap:.25rem;font-size:.62rem;display:flex}.effect-menu-btn{border:1px solid var(--line);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;padding:0;font-size:.95rem;line-height:1}.effect-menu-btn:hover:not(:disabled),.effect-menu-btn.open{color:var(--text);border-color:var(--line-bright)}.effect-menu-btn.open{background:var(--bg-elev)}.effect-card-body{flex-direction:column;gap:.65rem;padding:.55rem .6rem .65rem;display:flex}.effect-bake-row{border-top:1px solid var(--line);justify-content:flex-end;margin-top:.15rem;padding-top:.55rem;display:flex}.effect-bake-btn{padding:.35rem .65rem;font-size:.62rem}.inline-color{grid-template-columns:auto minmax(72px,1fr);align-items:center;gap:.45rem;display:grid!important}.inline-color .field-label{grid-column:1/-1}.inline-color-swatch{border:1px solid var(--line-bright);cursor:pointer;width:36px;height:28px;padding:0}.inline-color-swatch.open{outline:1px solid var(--accent,var(--line-bright))}.inline-color-swatch:disabled{opacity:.45;cursor:not-allowed}.field{flex-direction:column;gap:.45rem;display:flex}.field.check{flex-direction:row;align-items:center;gap:.5rem}.field.check input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent,#5b8def);flex:none;margin:0}.field-label{letter-spacing:.16em;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.field-value{color:var(--text);font-variant-numeric:tabular-nums}.field-value-btn{font:inherit;font-variant-numeric:tabular-nums;color:var(--text);cursor:text;text-align:right;background:0 0;border:none;margin:0;padding:0}.field-value-btn:hover:not(:disabled){color:var(--line-bright)}.field-value-btn:disabled{cursor:not-allowed;opacity:.5}.field-value-input{width:3.25rem;font:inherit;font-size:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg);border:1px solid var(--line);text-align:right;padding:.05rem .2rem}.field-value-input:focus{border-color:var(--line-bright);outline:none}.field-value-dual{align-items:center;gap:.2rem;display:inline-flex}.field-value-sep{color:var(--muted)}.hue-readout.field-value-btn{align-items:center;gap:.35rem;display:inline-flex}.color-count-row{grid-template-columns:1fr 64px;align-items:center;gap:.55rem;display:grid}.number-box{background:var(--bg);border:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums;width:100%;padding:.4rem .45rem}.number-box:focus{border-color:var(--line-bright);outline:none}.range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:16px}.range:disabled{cursor:not-allowed;opacity:.5}.range::-webkit-slider-runnable-track{background:var(--line);border:none;height:4px}.range::-moz-range-track{background:var(--line);border:none;height:4px}.range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--panel);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--thumb-shadow);margin-top:-5px}.range::-moz-range-thumb{background:var(--accent);border:2px solid var(--panel);cursor:pointer;border-radius:0;width:14px;height:14px}.range-hue{background:0 0;border:none;height:18px}.range-hue::-webkit-slider-runnable-track{border:1px solid var(--line);background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);height:12px}.range-hue::-moz-range-track{border:1px solid var(--line);background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);height:12px}.range-hue::-webkit-slider-thumb{background:#fff;border:2px solid #111;margin-top:-2px;box-shadow:0 0 0 1px #ffffff59}.range-hue::-moz-range-thumb{background:#fff;border:2px solid #111;box-shadow:0 0 0 1px #ffffff59}.hue-readout{align-items:center;gap:.35rem;display:inline-flex}.hue-chip{outline:1px solid var(--line);border:1px solid #000;flex-shrink:0;width:12px;height:12px}.range-ends{letter-spacing:.12em;color:var(--muted);justify-content:space-between;font-size:.58rem;display:flex}.dual-range{width:100%;height:16px;margin:.15rem 0;position:relative}.dual-range.disabled{opacity:.5;pointer-events:none}.dual-range-rail{background:var(--line);pointer-events:none;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.dual-range-fill{background:var(--accent);opacity:.55;position:absolute;top:0;bottom:0}.dual-range-thumb{pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;top:0;left:0}.dual-range-thumb::-webkit-slider-runnable-track{background:0 0}.dual-range-thumb::-moz-range-track{background:0 0}.dual-range-thumb::-webkit-slider-thumb{pointer-events:auto;z-index:2;position:relative}.dual-range-thumb::-moz-range-thumb{pointer-events:auto;z-index:2;position:relative}.dual-range-thumb.on-top{z-index:3}.dual-range-thumb-min{z-index:2}.dual-range-thumb-max{z-index:1}.preset-row{flex-wrap:wrap;gap:.35rem;display:flex}.chip{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;padding:.25rem .5rem;font-size:.68rem;transition:border-color .15s,color .15s,background .15s}.chip:hover:not(:disabled){border-color:var(--muted);color:var(--text)}.chip.active{border-color:var(--accent);color:var(--bg);background:var(--accent)}.chip:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.hint{color:var(--muted);margin:0;font-size:.68rem;line-height:1.45}.info-tip-btn{width:1rem;height:1rem;color:var(--muted);cursor:help;vertical-align:middle;opacity:.72;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;transition:opacity .12s,color .12s;display:inline-flex}.info-tip-btn:hover,.info-tip-btn:focus-visible,.info-tip-btn[aria-expanded=true]{opacity:1;color:var(--text)}.info-tip-icon{display:block}.label-with-tip{flex:0 auto;align-items:center;gap:.2rem;width:auto;max-width:max-content;display:inline-flex}.toggle-with-tip{align-items:center;gap:.25rem;display:flex}.toggle-with-tip .toggle{flex:1;min-width:0}.check-with-tip{flex-wrap:wrap;align-items:center;gap:.25rem .5rem}.check-with-tip-label{cursor:pointer;color:var(--text);align-items:center;gap:.5rem;font-size:.72rem;display:flex}.info-tip-popover{z-index:12000;color:var(--text);background:var(--panel);border:1px solid var(--line-bright);pointer-events:auto;border-radius:6px;padding:.5rem .6rem;font-size:.68rem;line-height:1.45;position:fixed;box-shadow:0 8px 24px #00000059}.info-tip-popover strong{font-weight:600}.info-tip-mode-blurb{margin:0 0 .45rem}.info-tip-mode-blurb:last-child{margin-bottom:0}.effect-summary-line{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.2rem;margin:0 0 .55rem;font-size:.68rem;line-height:1.4;display:flex}.effect-summary-line>span{flex:0 auto}.effect-add-type{align-items:center;gap:.25rem;min-width:0;display:flex}.controls-section-heading{align-items:center;gap:.25rem;margin:.85rem 0 .55rem;display:flex}.controls-section-heading .controls-section-title{margin:0}.toggle-stack{flex-direction:column;gap:.55rem;display:flex}.remove-grow-option{margin-top:-.15rem}.remove-grow-option .hint{margin:0;padding-left:2.15rem;line-height:1.35}.toggle{cursor:pointer;color:var(--text);align-items:center;gap:.65rem;font-size:.72rem;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-ui{border:1px solid var(--line);background:var(--bg);flex-shrink:0;width:28px;height:14px;position:relative}.toggle-ui:after{content:"";background:var(--muted);width:10px;height:10px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.toggle input:checked+.toggle-ui{border-color:var(--accent)}.toggle input:checked+.toggle-ui:after{background:var(--accent);transform:translate(14px)}.stats{border:1px solid var(--line);background:var(--bg);grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.55rem;display:grid}.stats-four{grid-template-columns:repeat(4,1fr)}.stats>div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.stat-k{letter-spacing:.14em;color:var(--muted);font-size:.55rem}.stat-v{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.action-row{gap:.45rem;margin-top:auto;display:grid}.btn{border:1px solid var(--line);letter-spacing:.12em;font-size:.72rem;font-family:var(--font-display);cursor:pointer;background:0 0;padding:.7rem .85rem;transition:background .15s,color .15s,border-color .15s,opacity .15s,box-shadow .15s}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn.primary:not(:disabled):hover{box-shadow:0 0 20px var(--glow)}.btn.ghost:not(:disabled):hover{border-color:var(--line-bright)}.footer{letter-spacing:.06em;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:.35rem;font-size:.62rem}.preset-dock{z-index:1;border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:.75rem;padding:.9rem 1rem 1rem;animation:.5s ease-out .1s both rise;display:flex;position:relative}.preset-dock.preset-dock-compact{background:0 0;border:none;padding:0;animation:none}.saved-library-backdrop{z-index:64;background:color-mix(in srgb, var(--bg) 55%, transparent);cursor:default;border:none;margin:0;padding:0;position:fixed;inset:0}.saved-library-wrap{z-index:65;pointer-events:none;flex-direction:column-reverse;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.saved-library-wrap>*{pointer-events:auto}.saved-library-tab{border:1px solid var(--line-bright);background:var(--panel);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;box-shadow:0 -2px 12px var(--glow);border-bottom:none;border-radius:.45rem .45rem 0 0;align-items:center;gap:.4rem;padding:.3rem .85rem .35rem;font-size:.58rem;transition:color .15s,background .15s;display:flex}.saved-library-tab:hover{color:var(--text);background:var(--bg-elev)}.saved-library-tab-label{white-space:nowrap}.saved-library-tab-chevron{opacity:.7;font-size:.65rem;line-height:1}.saved-library-sheet{border:1px solid var(--line-bright);background:var(--panel);width:min(640px,100vw - 1.5rem);max-height:min(55dvh,480px);box-shadow:0 -8px 32px var(--glow);border-bottom:none;border-radius:.55rem .55rem 0 0;flex-direction:column;animation:.22s ease-out both saved-library-rise;display:flex}@keyframes saved-library-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.saved-library-tabs{border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.55rem .65rem 0;display:grid}.saved-library-tab-btn{background:var(--bg);border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;padding:.4rem .35rem;font-size:.58rem;transition:border-color .15s,color .15s,background .15s}.saved-library-tab-btn:hover{border-color:var(--line-bright);color:var(--text)}.saved-library-tab-btn.active{border-color:var(--line-bright);background:var(--bg-elev);color:var(--text)}.saved-library-body{overscroll-behavior:contain;flex:1;min-height:0;padding:.75rem .85rem .85rem;overflow:hidden auto}.preset-dock-head{flex-wrap:wrap;align-items:baseline;gap:.55rem 1rem;display:flex}.preset-dock-head h2{font-family:var(--font-display);letter-spacing:.14em;margin:0;font-size:.78rem}.preset-dock-blurb{color:var(--muted);margin:0;font-size:.72rem}.preset-save-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;max-width:520px;display:grid}.preset-name-input{background:var(--bg);border:1px solid var(--line);width:100%;padding:.55rem .7rem;font-size:.85rem}.preset-name-input:focus{border-color:var(--line-bright);outline:none}.preset-name-input.inline{padding:.35rem .5rem;font-size:.78rem}.preset-save-btn{white-space:nowrap}.preset-empty{color:var(--muted);margin:0;font-size:.72rem}.preset-list{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.preset-card{border:1px solid var(--line);background:var(--bg);flex-direction:column;flex:200px;min-width:min(100%,200px);max-width:280px;display:flex}.preset-card.active{border-color:var(--line-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.preset-card-main{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:.65rem .7rem .35rem;display:flex}.preset-card-main:hover .preset-card-name{text-underline-offset:3px;text-decoration:underline}.preset-card-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);font-size:.72rem}.preset-card-meta{color:var(--muted);letter-spacing:.04em;font-size:.62rem}.preset-card-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.65rem;padding:.35rem .7rem .6rem;display:flex}.text-btn.danger{color:var(--muted)}.text-btn.danger:hover{color:var(--text)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-rail{border:1px solid var(--line);background:var(--panel);flex-direction:column;align-self:start;align-items:center;gap:.55rem;max-height:calc(100vh - 7rem);padding:.45rem .3rem;display:flex;position:sticky;top:.5rem;overflow-y:auto}.tool-rail-group{flex-direction:column;gap:.2rem;width:100%;display:flex}.tool-btn{aspect-ratio:1;width:100%;min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:.25rem;transition:border-color .12s,color .12s,background .12s;display:grid}.tool-btn svg{width:16px;height:16px}.tool-btn:hover{color:var(--text);border-color:var(--line);background:var(--bg-elev)}.tool-btn.active{color:var(--text);border-color:var(--line-bright);background:var(--bg-elev);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.tool-flyout-anchor{width:100%}.tool-flyout{z-index:90;border:1px solid var(--line-bright);background:var(--panel);min-width:11.5rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 12%, transparent);pointer-events:auto;flex-direction:column;gap:.15rem;padding:.3rem;display:flex;position:fixed}.tool-flyout-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.35rem .4rem;display:flex}.tool-flyout-item svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.tool-flyout-item:hover,.tool-flyout-item.active{border-color:var(--line);background:var(--bg-elev)}.tool-flyout-item.active svg{color:var(--accent)}.tool-flyout-copy{flex-direction:column;gap:.05rem;min-width:0;display:flex}.tool-flyout-copy strong{letter-spacing:.04em;font-size:.72rem;font-weight:600}.tool-flyout-copy em{color:var(--muted);letter-spacing:.02em;font-size:.62rem;font-style:normal}.crop-overlay{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:visible}.crop-dim{background:#0000006b;position:absolute}.crop-frame{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 85%, #fff);box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 50%, transparent);position:absolute}.crop-popup{z-index:130;border:1px solid var(--line-bright);background:var(--panel);width:9.25rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 12%, transparent);color:var(--text);padding:.28rem .35rem .4rem;position:fixed}.crop-popup-drag{cursor:grab;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;padding:.1rem .15rem .2rem;font-size:.68rem;font-weight:600}.crop-popup-drag:active{cursor:grabbing}.crop-popup-size{letter-spacing:.02em;margin:0 .15rem .35rem;font-size:.78rem;font-weight:600}.crop-popup-actions{gap:.3rem;display:flex}.crop-popup-btn{flex:1;padding:.22rem .3rem;font-size:.68rem}.tool-colors-block{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:.25rem;width:100%;margin-top:.35rem;padding-top:.45rem;display:flex}.tool-btn-eyedropper{width:100%}.sel-context-menu{z-index:80;border:1px solid var(--line-bright);background:var(--panel);min-width:13.5rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);flex-direction:column;gap:.1rem;padding:.25rem;display:flex;position:fixed}.sel-context-item{color:var(--text);text-align:left;letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .55rem;font-size:.72rem}.sel-context-item:hover:not(:disabled){border-color:var(--line);background:var(--bg-elev)}.sel-context-item:disabled{opacity:.45;cursor:not-allowed}.sel-context-sep{background:var(--line);height:1px;margin:.2rem .35rem}.sel-ai-trigger{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex}.sel-ai-trigger:after{content:"›";opacity:.55;font-size:1rem;line-height:1}.sel-ai-back:before{content:"‹ "}.sq-scroll{scrollbar-width:thin;scrollbar-color:var(--line-bright) var(--bg)}.sq-scroll::-webkit-scrollbar{width:10px;height:10px}.sq-scroll::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--line)}.sq-scroll::-webkit-scrollbar-thumb{background:var(--line-bright);border:2px solid var(--bg)}.sq-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text) 55%, var(--line-bright))}.sq-scroll::-webkit-scrollbar-corner{background:var(--bg)}.pixellab-modal{width:min(420px,100%);max-height:calc(100vh - 2rem);overflow:hidden auto}.gemini-result-modal{width:min(620px,100%);max-height:calc(100vh - 2rem)}.gemini-preview-viewport-wrap{flex-direction:column;gap:.35rem;display:flex}.gemini-preview-toolbar{align-items:center;gap:.35rem;display:flex}.gemini-preview-toolbar .btn{min-width:2.2rem;padding:.2rem .45rem}.gemini-preview-stage{border:1px solid var(--line);background:repeating-conic-gradient(var(--bg) 0% 25%, var(--panel) 0% 50%) 0 0 / 12px 12px;cursor:grab;touch-action:none;height:min(52vh,420px);min-height:200px;position:relative;overflow:hidden}.gemini-preview-stage:active{cursor:grabbing}.gemini-preview-canvas{image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0}.gemini-preview-hint{margin:0}.gemini-pixelate-row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.gemini-pixelate-row .field{flex:1;min-width:7rem}.gemini-result-preview-scroll{background:repeating-conic-gradient(var(--bg) 0% 25%, var(--panel) 0% 50%) 0 0 / 12px 12px;border:1px solid var(--line);max-height:min(70vh,640px);padding:.4rem;overflow:auto}.gemini-result-preview-canvas{image-rendering:pixelated;max-width:none;display:block}.pixellab-ref{flex-direction:column;gap:.45rem;display:flex}.pixellab-ref-preview-wrap{background:repeating-conic-gradient(var(--bg) 0% 25%, var(--panel) 0% 50%) 0 0 / 12px 12px;border:1px solid var(--line);align-self:flex-start;padding:.4rem}.pixellab-ref-preview{image-rendering:pixelated;display:block}.pixellab-prompt{resize:vertical;width:100%;min-height:4.5rem;font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:.4rem .5rem;font-size:.8rem}.pixellab-engine-row{align-items:flex-start}.pixellab-engine-col{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.pixellab-engine-note{max-width:5.75rem;color:var(--muted);margin:0;font-size:.62rem;line-height:1.3}.pixellab-error{color:#b42318}.pixellab-balance{text-align:right;margin:0}.pixellab-working{border:1px solid var(--line);background:var(--bg);align-items:center;gap:.75rem;padding:.55rem .6rem;display:flex}.pixellab-foot{z-index:2;background:var(--panel);border-top:1px solid var(--line);flex-direction:column;gap:.55rem;margin:0 -1rem -1rem;padding:.55rem 1rem 1rem;display:flex;position:sticky;bottom:-1rem}.pixellab-tank{width:68px;height:68px;image-rendering:pixelated;background:#000;flex:none}.pixellab-working-copy{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.pixellab-working-title{margin:0;font-size:.78rem}.pixellab-bar{border:1px solid var(--line-bright);background:var(--panel);height:8px;overflow:hidden}.pixellab-bar-run{background:repeating-linear-gradient(90deg, var(--accent,#3d7ea6) 0 6px, color-mix(in srgb, var(--accent,#3d7ea6) 45%, var(--bg)) 6px 10px);width:36%;height:100%;animation:1.1s linear infinite pixellab-bar-slide;display:block}@keyframes pixellab-bar-slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.tool-colors{width:36px;height:42px;position:relative}.tool-color-well{border:1px solid var(--line-bright);cursor:pointer;background-color:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;width:22px;height:22px;padding:0;position:absolute;overflow:hidden}.tool-color-well.open{outline:1px solid var(--accent,var(--line-bright))}.tool-color-well input{opacity:0;cursor:pointer;position:absolute;inset:0}.tool-color-swatch{pointer-events:none;width:100%;height:100%;display:block}.tool-color-well.primary{z-index:2;top:0;left:0}.tool-color-well.secondary{z-index:1;bottom:0;right:0}.tool-color-swap{z-index:3;border:1px solid var(--line);background:var(--panel);width:16px;height:16px;color:var(--muted);cursor:pointer;padding:0;font-size:.65rem;line-height:1;position:absolute;top:-2px;right:-2px}.color-picker-pop{z-index:92;border:1px solid var(--line-bright);background:var(--panel);width:14.5rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 12%, transparent);flex-direction:column;gap:.4rem;padding:.55rem .6rem .65rem;display:flex;position:fixed;overflow-y:auto}.color-picker-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem}.color-picker-sv{border:1px solid var(--line);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;height:8.2rem;position:relative}.color-picker-sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 1px #000}.color-picker-hue-row{align-items:stretch;gap:.4rem;display:flex}.color-picker-hue{border:1px solid var(--line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);flex:1;height:16px;position:relative}.color-picker-hue-thumb{pointer-events:none;background:0 0;border:2px solid #fff;width:6px;margin-left:-3px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 1px #000}.color-picker-preview{border:1px solid var(--line);background-color:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;flex-shrink:0;width:28px;height:16px}.color-picker-preview span{width:100%;height:100%;display:block}.color-picker-eyedrop{border:1px solid var(--line);background:var(--bg-elev);width:100%;color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.32rem .4rem;font-size:.62rem;display:flex}.color-picker-eyedrop svg{width:14px;height:14px}.color-picker-eyedrop.active{border-color:var(--line-bright);background:var(--panel)}.color-picker-rgba{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.color-picker-ch{letter-spacing:.06em;color:var(--muted);flex-direction:column;gap:.12rem;font-size:.62rem;display:flex}.color-picker-ch .number-box{padding:.22rem .1rem;font-size:.72rem}.color-picker-hex{letter-spacing:.06em;color:var(--muted);grid-template-columns:2.2rem 1fr;align-items:center;gap:.35rem;font-size:.62rem;display:grid}.color-picker-hex .number-box{text-align:left;font-variant-numeric:normal;padding:.28rem .4rem;font-size:.72rem}.color-picker-alpha{letter-spacing:.06em;color:var(--muted);grid-template-columns:2.2rem 1fr 2.1rem;align-items:center;gap:.35rem;font-size:.62rem;display:grid}.color-picker-alpha em{font-variant-numeric:tabular-nums;text-align:right;color:var(--text);font-size:.72rem;font-style:normal}.tool-options{border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem .85rem;padding:.45rem .65rem;font-size:.72rem;display:flex}.tool-options-left,.tool-options-right{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.tool-opt-field{color:var(--muted);align-items:center;gap:.35rem;display:inline-flex}.tool-opt-field em{color:var(--text);font-variant-numeric:tabular-nums;min-width:2.2rem;font-style:normal}.tool-opt-value.field-value-btn,.tool-opt-value.field-value-input{text-align:center;min-width:2.2rem}.layer-opacity-value.field-value-btn,.layer-opacity-value.field-value-input,.color-picker-alpha-value.field-value-btn,.color-picker-alpha-value.field-value-input{text-align:right;min-width:2.4rem}.tool-opt-hint{letter-spacing:.04em;color:var(--muted);align-self:center;font-size:.65rem}.tool-opt-field input[type=range]{width:84px}.tool-opt-select select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:.15rem .35rem}.tool-opt-check{color:var(--muted);cursor:pointer;align-items:center;gap:.3rem;display:inline-flex}.tool-opt-btn{min-width:0;padding:.25rem .5rem!important;font-size:.65rem!important}.tool-opt-btn.active{border-color:var(--line-bright);background:var(--bg-elev);color:var(--text)}.tool-opt-flip{justify-content:center;align-items:center;width:1.28rem;height:1.28rem;display:inline-flex;min-width:1.28rem!important;padding:.12rem!important}.tool-opt-flip svg{width:12px;height:12px;display:block}.tool-opt-sep{background:var(--line);width:1px;height:1.1rem}.pixel-editor{flex-direction:column;flex:1;gap:0;min-width:0;min-height:0;display:flex}.pixel-stage-overlay{z-index:12;pointer-events:none;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.68rem;display:flex;position:absolute;left:0;right:0}.pixel-stage-overlay-top{top:0}.pixel-stage-overlay-top .pixel-meta-file,.pixel-stage-overlay-top .pixel-res,.pixel-stage-overlay-top .pixel-overlay-btn{color:#fff;mix-blend-mode:difference;text-shadow:none;background:0 0}.pixel-stage-overlay-top .pixel-overlay-btn:hover{opacity:.82}.pixel-meta-file{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pixel-meta-actions{pointer-events:none;flex-shrink:0;align-items:center;gap:.65rem;display:flex}.pixel-overlay-btn,.pixel-meta-actions .pixel-res{pointer-events:auto}.pixel-editor.file-dragging .pixel-stage{outline:2px dashed var(--accent);outline-offset:-2px}.pixel-res{font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.04em}.pixel-stage{touch-action:none;border:1px solid var(--line);background:var(--bg);cursor:crosshair;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;flex:1;min-height:360px;position:relative;overflow:hidden}.pixel-stage.effect-eyedrop{touch-action:pan-x pan-y;cursor:none}.effect-eyedrop-loupe{z-index:11050;pointer-events:none;border:2px solid var(--line-bright);background:var(--checker-b,#1a1a1e);border-radius:50%;position:fixed;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 10px 32px #00000080}.effect-eyedrop-loupe img{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.effect-eyedrop-loupe-reticle{pointer-events:none;position:absolute;inset:0}.effect-eyedrop-loupe-reticle:before,.effect-eyedrop-loupe-reticle:after{content:"";pointer-events:none;background:#fff;position:absolute;box-shadow:0 0 0 1px #000000d9}.effect-eyedrop-loupe-reticle:before{width:2px;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.effect-eyedrop-loupe-reticle:after{height:2px;top:50%;left:4px;right:4px;transform:translateY(-50%)}.effect-eyedrop-loupe-center{pointer-events:none;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000e6}.effect-eyedrop-loupe-hex{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fff;pointer-events:none;background:#000000b8;border-radius:3px;padding:.1rem .35rem;font-size:.58rem;font-style:normal;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pixel-world{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;line-height:0;position:absolute;top:0;left:0}.pixel-canvas,.pixel-overlay{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;top:0;left:0;max-width:none!important;max-height:none!important}.pixel-art-grid{pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--text) 45%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--text) 45%, transparent) 1px, transparent 1px);z-index:1;position:absolute;top:0;left:0}.pixel-overlay{z-index:2}.crop-layer{pointer-events:none;z-index:5;position:absolute;top:0;left:0}.crop-box{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 85%, #fff);position:absolute;box-shadow:0 0 0 9999px #0000006b}.crop-commit-popup{z-index:120;border:1px solid var(--line-bright);background:var(--panel);width:9.25rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 12%, transparent);color:var(--text);-webkit-user-select:none;user-select:none;padding:.15rem .35rem .4rem;font-size:.72rem;position:fixed}.crop-commit-header{cursor:grab;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.28rem .1rem;font-size:.62rem;font-weight:700}.crop-commit-header:active{cursor:grabbing}.crop-commit-size{font-variant-numeric:tabular-nums;margin:0 0 .4rem;font-weight:600}.crop-commit-actions{gap:.3rem;display:flex}.crop-commit-btn{flex:1;padding:.22rem .3rem;font-size:.68rem}.sel-transform{pointer-events:none;z-index:4;position:absolute;inset:0}.sel-transform-oriented{transform-origin:50%;pointer-events:none;position:absolute}.sel-transform-box{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 80%, #fff);box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 55%, transparent);position:absolute}.sel-transform-box-fill{width:100%;height:100%;inset:0}.sel-handle{background:var(--panel);border:1px solid var(--accent);box-sizing:border-box;pointer-events:none;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute}.sel-handle.active{background:var(--accent)}.sel-handle-rotate{border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px}.sel-rotate-stem{background:color-mix(in srgb, var(--accent) 80%, #fff);width:1px;box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 55%, transparent);pointer-events:none;box-sizing:border-box;margin-left:-.5px;position:absolute}.pixel-brush-cursor{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;z-index:3;display:block;position:absolute;top:0;left:0;max-width:none!important;max-height:none!important}.pixel-brush-cursor-hull{z-index:4}.pixel-brush-pointer{pointer-events:none;z-index:5;width:0;height:0;display:none;position:absolute;top:0;left:0;overflow:visible}.pixel-brush-pointer svg{position:absolute;top:0;left:0;overflow:visible}.pixel-brush-pointer-shape{fill:#f4f4f0;stroke:#141414;stroke-width:1.15px;stroke-linejoin:miter;paint-order:stroke fill}.clone-source-mark{pointer-events:none;z-index:4;width:11px;height:11px;margin-top:-5px;margin-left:-5px;position:absolute;top:0;left:0}.clone-source-mark:before,.clone-source-mark:after{content:"";background:#3ad4ee;position:absolute;box-shadow:0 0 0 1px #141414}.clone-source-mark:before{width:3px;height:11px;top:0;left:4px}.clone-source-mark:after{width:11px;height:3px;top:4px;left:0}.pixel-hint{color:var(--muted);letter-spacing:.02em;margin:0;font-size:.68rem}.editor-loading{border:1px solid var(--line);color:var(--muted);flex:1;place-items:center;min-height:320px;display:grid}.controls-section-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:.85rem 0 .15rem;font-size:.72rem}.controls-section-blurb{color:var(--muted);margin:0 0 .55rem;font-size:.72rem}.layers-panel{border:1px solid var(--line);background:var(--bg);margin-bottom:.35rem}.layers-panel.dimmed{opacity:.55;pointer-events:none}.layers-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.layers-header h3{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem}.layers-actions{gap:.2rem;display:flex}.layers-btn{min-width:1.6rem;padding:.15rem .45rem!important;font-size:.75rem!important}.layers-list{flex-direction:column;gap:.2rem;max-height:220px;margin:0;padding:.25rem;list-style:none;display:flex;overflow:auto}.layer-row{cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:auto auto 1fr;align-items:center;gap:.2rem;padding:.25rem;display:grid}.layer-row.active{border-color:var(--line-bright);background:var(--bg-elev);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr}.layer-eye,.layer-lock,.layer-rename{color:var(--muted);cursor:pointer;background:0 0;border:none;width:1.5rem;padding:.15rem;font-size:.7rem}.layer-rename{opacity:.55;flex-shrink:0}.layer-row:hover .layer-rename,.layer-row.active .layer-rename{opacity:1}.layer-rename:hover{color:var(--text)}.layer-label{align-items:center;gap:.15rem;min-width:0;display:flex}.layer-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);pointer-events:none;flex:1;padding:.15rem .25rem;font-size:.78rem;overflow:hidden}.layer-name{width:100%;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;padding:.15rem .25rem;font-size:.78rem}.layer-name.editing,.layer-name:focus{border-color:var(--line);background:var(--panel);outline:none}.layer-opacity{color:var(--muted);grid-column:1/-1;align-items:center;gap:.35rem;padding:0 .2rem .15rem;font-size:.65rem;display:flex}.layer-opacity input[type=range]{flex:1}.layer-opacity em{min-width:2.2rem;color:var(--text);font-style:normal}@media (width<=960px){.controls{height:auto;max-height:none;position:static}html.layout-editor-root,html.layout-editor-root body,html.layout-editor-root #root{height:auto;min-height:100dvh;overflow:hidden auto}.app.layout-editor-app{height:auto;min-height:100dvh;padding:1rem;overflow:visible}.layout.layout-editor{overflow:visible}.layout-editor .tool-rail{height:auto}.saved-library-sheet{width:min(100vw - 1rem,640px);max-height:min(70dvh,520px)}.pixel-stage-overlay-top{padding:.3rem .4rem;font-size:.62rem}.pixel-stage-overlay-top .pixel-overlay-btn{min-height:2rem;padding:.2rem .35rem}.palette-panel-resize{width:22px;height:22px}.palette-panel-icon-btn{min-width:2rem;min-height:2rem}.palette-panel-swatch{min-height:24px}.app{padding:1rem}.dropzone{min-height:420px}.preset-save-row{grid-template-columns:1fr;max-width:none}.tool-rail{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.15rem .12rem;width:100%;height:auto;max-height:none;padding:.28rem .35rem;position:static;overflow:visible}.tool-rail-group{flex-flow:wrap;flex:0 auto;gap:.15rem .12rem;width:auto;overflow:visible}.tool-flyout-anchor{flex:none;width:auto}.tool-btn{flex:0 0 36px;width:36px;height:36px;min-height:0}.tool-colors-block{border-top:none;border-left:1px solid var(--line);flex-direction:row;flex:none;align-items:center;gap:.3rem;width:auto;margin-top:0;margin-left:0;padding-top:0;padding-left:.4rem}.tool-btn-eyedropper{flex:0 0 36px;width:36px;height:36px;min-height:0}.tool-colors{flex-shrink:0}}.offline-banner{z-index:80;text-align:center;font-family:var(--font-mono);letter-spacing:.03em;color:var(--text);background:color-mix(in srgb, var(--panel) 92%, #c9a227 8%);border-bottom:1px solid var(--line-bright);padding:.35rem .75rem;font-size:.62rem;position:relative}.pwa-install-steps{color:var(--text);margin:.5rem 0 .75rem;padding-left:1.25rem;font-size:.72rem;line-height:1.45}.pwa-install-steps li+li{margin-top:.35rem}.hide-fx-toast{z-index:70;border:1px solid var(--line-bright);background:var(--panel);box-shadow:3px 3px 0 color-mix(in srgb, var(--text) 14%, transparent);align-items:stretch;display:flex;position:fixed;bottom:1.25rem;left:1.25rem}.hide-fx-toast-action{color:var(--text);text-align:left;letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1;padding:.4rem .55rem;font-size:.65rem;line-height:1.3}.hide-fx-toast-action:hover{background:var(--bg-elev)}.hide-fx-toast-link{text-underline-offset:.12em;color:var(--text);font-weight:600;text-decoration:underline}.hide-fx-toast-key{border:1px solid var(--line-bright);background:var(--bg-elev);font-family:var(--font-mono);letter-spacing:.04em;vertical-align:.08em;margin-left:.4rem;padding:.04rem .28rem;font-size:.58rem;font-weight:700;line-height:1.35;display:inline-block}.hide-fx-toast-dismiss{border:none;border-left:1px solid var(--line);width:1.6rem;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;font-size:.95rem;line-height:1}.effect-eyedrop-toast{bottom:4.4rem}.effect-eyedrop-toast .hide-fx-toast-action{cursor:default}.hide-fx-toast-dismiss:hover{color:var(--text);background:var(--bg-elev)}.frame-strip{border-bottom:1px solid var(--line);flex-direction:column;gap:.45rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.frame-strip.dimmed{opacity:.45;pointer-events:none}.frame-strip-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.frame-strip-header h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.frame-strip-actions{gap:.2rem;display:flex}.frame-strip-list{flex-wrap:wrap;gap:.3rem;display:flex}.frame-chip{border:1px solid var(--line);background:var(--bg-elev);min-width:1.75rem;height:1.75rem;color:var(--text);cursor:pointer;border-radius:4px;padding:0 .35rem;font-size:.7rem}.frame-chip.active{border-color:var(--accent,#3d7ea6);background:color-mix(in srgb, var(--accent,#3d7ea6) 22%, var(--bg-elev));font-weight:600}.frame-duration{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.frame-duration input{border:1px solid var(--line);background:var(--bg);width:4.5rem;color:var(--text);border-radius:4px;padding:.2rem .35rem}.frame-strip-hint{color:var(--muted);margin:0;font-size:.65rem}.anim-preview-float{z-index:70;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:.45rem;width:min(280px,100vw - 2rem);max-height:min(90vh,720px);padding:.65rem .75rem .75rem;display:flex;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 10px 32px #00000047}.anim-preview-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.anim-preview-header:active{cursor:grabbing}.anim-preview-header h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem}.anim-preview-stage{border:1px solid var(--line);cursor:grab;touch-action:none;overscroll-behavior:contain;border-radius:6px;flex:auto;min-height:120px;position:relative;overflow:hidden}.anim-preview-stage:active{cursor:grabbing}.anim-preview-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.anim-preview-controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.anim-preview-controls label{align-items:center;gap:.3rem;display:flex}.anim-preview-fps input{border:1px solid var(--line);background:var(--bg-elev);width:3.25rem;color:var(--text);border-radius:4px;padding:.15rem .3rem}.anim-preview-zoom-row{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.anim-preview-thumbs{flex-wrap:wrap;flex-shrink:0;gap:.25rem;max-height:4.5rem;display:flex;overflow:auto}.anim-preview-hint{color:var(--muted);flex-shrink:0;margin:0;font-size:.62rem}.anim-preview-meta{color:var(--muted);margin-left:auto}.anim-preview-mode-row{flex-wrap:wrap;gap:.35rem;padding:.35rem .65rem 0;display:flex}.anim-preview-mode-row .btn.active{border-color:var(--accent,#3d7ea6);color:var(--text);background:color-mix(in srgb, var(--accent,#3d7ea6) 16%, transparent)}.anim-preview-bake-overlay{color:#fff;pointer-events:none;z-index:1;background:#00000073;place-items:center;font-size:.78rem;display:grid;position:absolute;inset:0}.anim-preview-error{padding:0 .65rem;color:#c44!important}.anim-export-modal{overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:.65rem;width:min(440px,94vw);max-height:min(90vh,100dvh - 2rem);padding:1rem;display:flex;overflow:hidden auto}.anim-export-fieldset{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:.35rem;margin:0;padding:.5rem .65rem .65rem;display:flex}.anim-export-fieldset legend{color:var(--muted);padding:0 .25rem;font-size:.72rem}.anim-export-fieldset label{align-items:flex-start;gap:.4rem;font-size:.8rem;line-height:1.35;display:flex}.anim-export-fps{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.anim-export-fps input{border:1px solid var(--line);background:var(--bg-elev);width:7rem;color:var(--text);border-radius:4px;padding:.25rem .4rem}.anim-export-hint{color:var(--muted);font-size:.7rem}.anim-export-progress{color:var(--muted);margin:0;font-size:.8rem}.anim-export-note{color:var(--muted);background:color-mix(in srgb, var(--accent,#3d7ea6) 12%, transparent);border-radius:4px;margin:0;padding:.35rem .5rem;font-size:.78rem;line-height:1.4}.export-preview{border:1px solid var(--line);background:var(--bg-elev);border-radius:6px;flex-direction:column;gap:.4rem;padding:.45rem .5rem;display:flex}.export-preview-toggle{cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.export-preview-remember{color:var(--muted);letter-spacing:.02em;margin-left:auto;font-size:.65rem}.export-preview-status{color:var(--muted);margin:0;font-size:.72rem}.export-preview-sheet{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(40vh,240px);image-rendering:pixelated;border:1px solid var(--line);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;display:block}.export-preview-strip{flex-wrap:wrap;gap:.25rem;max-height:7.5rem;display:flex;overflow:auto}.export-preview-strip img{image-rendering:pixelated;border:1px solid var(--line);background:var(--checker-b);display:block}.export-preview-swatches{flex-wrap:wrap;gap:.2rem;max-height:4.5rem;display:flex;overflow:auto}.export-preview-swatch{border:1px solid var(--line);flex-shrink:0;width:.9rem;height:.9rem}.tool-opt-onion{min-width:5.5rem}.tool-opt-onion input[type=range]{width:4.5rem}.anim-preview-resize{z-index:2;touch-action:none;width:12px;height:12px;position:absolute}.anim-preview-resize-nw{cursor:nwse-resize;top:0;left:0}.anim-preview-resize-ne{cursor:nesw-resize;top:0;right:0}.anim-preview-resize-sw{cursor:nesw-resize;bottom:0;left:0}.anim-preview-resize-se{cursor:nwse-resize;bottom:0;right:0}.anim-preview-resize:after{content:"";border-right:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-bottom:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);opacity:0;border-radius:1px;width:6px;height:6px;transition:opacity .15s;position:absolute;bottom:2px;right:2px}.anim-preview-resize-nw:after{border-bottom:none;border-right:none;border-left:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-top:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);inset:2px auto auto 2px}.anim-preview-resize-ne:after{border-right:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-bottom:none;border-top:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);top:2px;bottom:auto;right:2px}.anim-preview-resize-sw:after{border-right:none;border-left:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-bottom:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);bottom:2px;left:2px;right:auto}.anim-preview-float:hover .anim-preview-resize:after,.anim-preview-resize:hover:after{opacity:.7}.palette-panel-float{z-index:68;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line-bright);box-sizing:border-box;border-radius:6px;flex-direction:column;gap:.35rem;padding:.45rem .55rem .55rem;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 32px #00000047}.palette-panel-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:.35rem;display:flex}.palette-panel-header:active{cursor:grabbing}.palette-panel-header h3{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.62rem}.palette-panel-close{line-height:1;padding:.1rem .35rem!important;font-size:.85rem!important}.palette-panel-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.2rem;display:flex}.palette-panel-icon-btn,.palette-panel-mini-btn{letter-spacing:.06em;min-width:0;padding:.2rem .35rem!important;font-size:.58rem!important}.palette-panel-icon-btn{min-width:1.6rem;font-size:.72rem!important}.palette-panel-stale{position:relative}.palette-panel-stale:after{content:"";width:5px;height:5px;box-shadow:0 0 0 1px var(--panel);background:#c9a227;border-radius:50%;position:absolute;top:2px;right:2px}.palette-panel-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.palette-panel-empty{color:var(--muted);text-align:center;margin:0;padding:.5rem .15rem;font-size:.62rem}.palette-panel-grid{grid-template-columns:repeat(auto-fill,minmax(20px,1fr));align-content:start;gap:3px;display:grid}.palette-panel-swatch{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--text) 18%, transparent);cursor:pointer;width:100%;min-height:20px;padding:0}.palette-panel-swatch:hover{outline:1px solid var(--line-bright);outline-offset:1px;z-index:1}.palette-panel-resize{z-index:2;touch-action:none;width:12px;height:12px;position:absolute}.palette-panel-resize-nw{cursor:nwse-resize;top:0;left:0}.palette-panel-resize-ne{cursor:nesw-resize;top:0;right:0}.palette-panel-resize-sw{cursor:nesw-resize;bottom:0;left:0}.palette-panel-resize-se{cursor:nwse-resize;bottom:0;right:0}.palette-panel-resize:after{content:"";border-right:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-bottom:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);opacity:0;border-radius:1px;width:6px;height:6px;transition:opacity .15s;position:absolute;bottom:2px;right:2px}.palette-panel-resize-nw:after{border-bottom:none;border-right:none;border-left:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-top:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);inset:2px auto auto 2px}.palette-panel-resize-ne:after{border-right:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-bottom:none;border-top:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);top:2px;bottom:auto;right:2px}.palette-panel-resize-sw:after{border-right:none;border-left:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);border-bottom:1.5px solid color-mix(in srgb, var(--muted) 55%, transparent);bottom:2px;left:2px;right:auto}.palette-panel-float:hover .palette-panel-resize:after,.palette-panel-resize:hover:after{opacity:.7}.anim-preview-backdrop{z-index:80;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.stage-viewport{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stage-loading{z-index:40;background:color-mix(in srgb, var(--bg) 72%, transparent);color:var(--muted);pointer-events:all;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;font-size:.8rem;display:flex;position:absolute;inset:0}.stage-spinner{border:2px solid var(--line);border-top-color:var(--accent,#3d7ea6);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite stage-spin}@keyframes stage-spin{to{transform:rotate(360deg)}}.layer-menu-btn{width:1.35rem;height:1.35rem;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;font-size:.95rem;line-height:1}.layer-row:hover .layer-menu-btn,.layer-row.active .layer-menu-btn,.layer-menu-btn.open{opacity:1}.layer-menu-btn.open{color:var(--text);background:var(--bg-elev);border-radius:3px}.layer-menu-btn:hover{color:var(--text)}.layer-context-menu{z-index:200;border:1px solid var(--line-bright);background:var(--panel);min-width:13.5rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);flex-direction:column;gap:.1rem;padding:.25rem;display:flex;position:fixed}.layer-context-item{color:var(--text);text-align:left;letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .55rem;font-size:.72rem}.layer-context-item:hover:not(:disabled){border-color:var(--line);background:var(--bg-elev)}.layer-context-item:disabled{opacity:.45;cursor:not-allowed}.layer-context-sep{background:var(--line);height:1px;margin:.2rem .35rem}.layer-context-danger:not(:disabled){color:#c44}.layer-context-danger:hover:not(:disabled){border-color:color-mix(in srgb, #c44 40%, var(--line));background:color-mix(in srgb, #c44 10%, var(--bg-elev))}.upload-modes{box-sizing:border-box;gap:.85rem;width:min(640px,100%);margin:auto;padding:1.25rem;display:grid}.upload-modes-title{text-align:center;margin:0;font-size:1.1rem}.upload-modes-blurb{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.upload-mode-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}@media (width<=640px){.upload-mode-grid{grid-template-columns:1fr}}.upload-mode-card{border:1px dashed var(--line);background:var(--bg-elev);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;flex-direction:column;gap:.35rem;padding:1rem .85rem;display:flex}.upload-mode-card-seq{cursor:default}.upload-seq-actions{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.upload-seq-actions .btn{padding:.2rem .5rem;font-size:.72rem}.upload-mode-card:hover,.upload-mode-card.dragging{border-color:var(--accent,#3d7ea6);background:color-mix(in srgb, var(--accent,#3d7ea6) 10%, var(--bg-elev))}.upload-mode-card strong{font-size:.9rem}.upload-mode-card span{color:var(--muted);font-size:.72rem;line-height:1.35}.ai-gen-wrap{align-content:start;width:min(920px,100%);max-height:none;overflow:visible}.ai-gen-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.ai-gen-head .upload-modes-title{text-align:center}.ai-gen-head-spacer{width:4.5rem}.ai-gen-balance{text-align:center;margin:0}.ai-gen-filters{justify-content:center}.ai-gen-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem;max-height:min(58vh,520px);padding:.15rem .1rem .4rem;display:grid;overflow:auto}.ai-gen-card{border:1px solid var(--line);background:var(--bg-elev);color:var(--text);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:.3rem;padding:.65rem;display:flex}.ai-gen-card:hover{border-color:var(--accent,#3d7ea6)}.ai-gen-thumb{aspect-ratio:1;border:1px dashed var(--line);background:color-mix(in srgb, var(--line) 18%, var(--bg));color:var(--muted);border-radius:6px;place-items:center;font-size:.68rem;display:grid}.ai-gen-card strong{font-size:.82rem}.ai-gen-provider{color:var(--muted);font-size:.65rem;font-style:normal}.ai-gen-card span{color:var(--muted);font-size:.7rem;line-height:1.3}.ai-gen-form{flex-direction:column;gap:.65rem;max-height:none;display:flex;overflow:visible}.ref-swatch-wrap{width:40px;height:40px}.ref-swatch{width:40px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--panel);border:1px solid var(--line);display:block}.ref-swatch-wrap .ignore-swatch-x{display:grid}.spritesheet-modal{overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:.65rem;width:min(420px,94vw);max-height:min(90vh,100dvh - 2rem);padding:1rem;display:flex;overflow:hidden auto}.spritesheet-modal label{justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.spritesheet-modal input{border:1px solid var(--line);background:var(--bg-elev);width:5rem;color:var(--text);border-radius:4px;padding:.25rem .4rem}.spritesheet-actions{justify-content:flex-end;gap:.5rem;margin-top:.35rem;display:flex}.frame-reorder-backdrop{z-index:85;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.frame-reorder-modal{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.85rem;width:min(920px,96vw);max-height:min(86vh,720px);padding:1rem 1.1rem 1.1rem;display:flex;overflow:auto;box-shadow:0 16px 48px #00000059}.frame-reorder-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.frame-reorder-header h3{margin:0 0 .25rem;font-size:1rem}.frame-reorder-header p{color:var(--muted);margin:0;font-size:.78rem}.frame-reorder-strip{border:1px dashed var(--line);background:var(--bg-elev);border-radius:8px;flex-wrap:wrap;align-items:stretch;gap:.35rem;min-height:9rem;padding:.5rem;display:flex}.frame-reorder-slot{align-items:stretch;gap:.2rem;display:flex}.frame-reorder-gap{background:var(--accent,#3d7ea6);border-radius:2px;align-self:stretch;width:4px;margin:.15rem 0}.frame-reorder-card{border:1px solid var(--line);background:var(--bg);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;gap:.3rem;width:6.5rem;padding:.35rem;display:flex}.frame-reorder-card.dragging{opacity:.45}.frame-reorder-card.drop-target{border-color:var(--accent,#3d7ea6)}.frame-reorder-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:4px;place-items:center;display:grid;overflow:hidden}.frame-reorder-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.frame-reorder-empty{color:var(--muted);font-size:.85rem}.frame-reorder-meta{color:var(--muted);justify-content:space-between;font-size:.68rem;display:flex}.frame-reorder-meta strong{color:var(--text)}.frame-reorder-nudge{gap:.15rem;display:flex}.frame-reorder-nudge .btn{flex:1;padding:.15rem;font-size:.7rem}.frame-reorder-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.frame-reorder-actions-right{gap:.4rem;margin-left:auto;display:flex}.copy-to-frames-modal{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.75rem;width:min(920px,96vw);max-height:min(86vh,720px);padding:1rem;display:flex;overflow:auto;box-shadow:0 12px 40px #00000059}.copy-to-frames-toolbar{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.copy-to-frames-count{color:var(--muted);margin-left:auto;font-size:.75rem}.copy-to-frames-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;max-height:min(52vh,420px);padding:.25rem;display:grid;overflow:auto}.copy-to-frames-card{border:2px solid var(--line);background:var(--bg-elev);cursor:pointer;text-align:left;color:inherit;border-radius:6px;flex-direction:column;gap:.25rem;padding:.35rem;transition:border-color .12s,box-shadow .12s;display:flex}.copy-to-frames-card:hover:not(:disabled){border-color:var(--line-bright)}.copy-to-frames-card.checked{border-color:var(--accent,#3d7ea6);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent,#3d7ea6) 35%, transparent)}.copy-to-frames-card.source{cursor:default;opacity:.92;border-color:color-mix(in srgb, var(--accent,#3d7ea6) 50%, var(--line))}.copy-to-frames-card:disabled{cursor:default}.copy-to-frames-thumb{aspect-ratio:1;border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.copy-to-frames-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.copy-to-frames-badge{background:color-mix(in srgb, var(--bg) 75%, transparent);border:1px solid var(--line);min-width:1.25rem;height:1.25rem;color:var(--muted);border-radius:3px;place-items:center;padding:0 .25rem;font-size:.65rem;font-weight:600;display:grid;position:absolute;top:4px;right:4px}.copy-to-frames-badge.on{background:var(--accent,#3d7ea6);border-color:var(--accent,#3d7ea6);color:var(--bg)}.copy-to-frames-badge.source{background:var(--accent,#3d7ea6);border-color:var(--accent,#3d7ea6);color:var(--bg);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;inset:auto auto 4px 4px}.copy-to-frames-meta{color:var(--muted);justify-content:space-between;padding:0 .1rem;font-size:.65rem;display:flex}.copy-to-frames-meta strong{color:var(--text)}.copy-to-frames-hint{color:var(--muted);flex:1;min-width:8rem;font-size:.72rem}.file-menu-wrap{position:relative}.file-menu-wrap .theme-toggle.open{border-color:var(--line-bright);background:var(--bg-elev)}.file-menu{z-index:210;border:1px solid var(--line-bright);background:var(--panel);min-width:11rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);flex-direction:column;gap:.1rem;padding:.25rem;display:flex;position:fixed}.import-hint{color:var(--muted);margin-top:.1rem;font-size:.58rem;font-weight:400;display:block}.settings-menu-wrap{position:relative}.settings-menu-wrap .theme-toggle.open{border-color:var(--line-bright);background:var(--bg-elev)}.settings-menu{z-index:210;border:1px solid var(--line-bright);background:var(--panel);min-width:12rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);flex-direction:column;gap:.1rem;padding:.25rem;display:flex;position:fixed}.settings-menu-colors{flex-direction:column;gap:.35rem;padding:.45rem .55rem;display:flex}.settings-color-row{cursor:pointer;color:var(--muted);align-items:center;gap:.45rem;font-size:.72rem;display:flex;position:relative}.settings-color-row:hover{color:var(--text)}.settings-color-label{flex:1;min-width:5rem}.settings-color-chip{border:1px solid var(--line-bright);pointer-events:none;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--panel) 40%, transparent);flex-shrink:0;display:block}.settings-color-row input[type=color]{opacity:0;cursor:pointer;width:1.35rem;height:1.35rem;position:absolute;top:0;right:0}@media (width<=480px){.tool-rail{gap:.1rem .08rem;padding:.2rem .25rem}.tool-rail-group{gap:.1rem .08rem}.tool-btn,.tool-btn-eyedropper{flex:0 0 32px;width:32px;height:32px}.tool-colors-block{gap:.2rem;padding-left:.3rem}.tool-colors{width:32px;height:38px}.tool-color-well{width:20px;height:20px}.tool-color-swap{width:14px;height:14px;font-size:.55rem}}@media (width<=640px){.topbar{flex-wrap:wrap;gap:.5rem}.topbar-right{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;width:100%}.brand{flex:1;min-width:0}.brand h1{font-size:1rem}.tagline,.boot-pill{display:none}}