@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.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}:root{--paper:#f4f4f2;--surface:#fbfbfa;--white:#fff;--ink:#16181a;--ink-2:#1c1f23;--body:#4c5257;--muted:#868b8f;--faint:#c9c9c4;--rule:#dcdcd8;--rule-soft:#e7e7e3;--hover:#f0f0ed;--teal:#00847a;--teal-bright:#00bba7;--teal-wash:#e3f3f1;--dim:#c2683a;--dim-wash:#f8ebe3;--ok:#1f8a5b;--warn:#a8650c;--warn-wash:#fbf1e1;--bad:#c2412d;--bad-wash:#fbe9e6;--focus:#00a594;--font-sans:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Instrument Serif", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--r-panel:16px;--r-card:12px;--r-ctl:9px;--shadow-float:0 1px 2px #16181a0f, 0 8px 24px #16181a14;--shadow-pop:0 2px 6px #16181a14, 0 18px 48px #16181a29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:var(--paper);height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono,code,kbd{font-family:var(--font-mono);font-size:.92em}.spacer{flex:1}.muted{color:var(--muted)}button{cursor:pointer;border:1px solid var(--rule);background:var(--white);border-radius:var(--r-ctl);color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.38;cursor:default}button.primary{background:var(--ink);border-color:var(--ink);color:var(--white);padding:7px 16px;font-weight:600}button.primary:hover:not(:disabled){background:var(--ink-2);box-shadow:0 4px 14px #16181a38}button.ghost{color:var(--body);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}button.ghost.small{border-color:var(--rule);background:var(--white)}button.icon{width:34px;height:34px;color:var(--body);background:0 0;border-color:#0000;padding:0}button.icon:hover:not(:disabled){color:var(--ink)}button.icon.small{border-radius:7px;width:26px;height:26px}button.ghost.on,button.icon.on{background:var(--teal);border-color:var(--teal);color:var(--white)}button.icon.on:hover:not(:disabled){background:var(--teal);color:var(--white)}.small{padding:4px 9px;font-size:12px}input[type=text],input[type=search],input:not([type]),input[type=number],select{background:var(--white);border:1px solid var(--rule);border-radius:8px;min-width:0;padding:6px 9px;transition:border-color .12s,box-shadow .12s}input[type=text]:hover,input:not([type]):hover,input[type=number]:hover,select:hover{border-color:var(--faint)}input[type=text]:focus,input[type=search]:focus,input:not([type]):focus,input[type=number]:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash);outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23868b8f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:28px}input[type=checkbox],input[type=radio]{accent-color:var(--teal);width:15px;height:15px;margin:0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--teal) var(--p,0%), var(--rule) var(--p,0%));border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:var(--rule);border-radius:4px;height:4px}input[type=range]::-moz-range-progress{background:var(--teal);border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:1.5px solid var(--ink);border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:transform .1s;box-shadow:0 1px 3px #16181a33}input[type=range]::-moz-range-thumb{background:var(--white);border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #16181a33}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--teal-wash);border-color:var(--teal)}input[type=range]:disabled{opacity:.4}.seg{background:var(--paper);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--body);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:5px 11px;font-weight:500}.seg button:hover:not(:disabled){color:var(--ink);background:#ffffffb3}.seg button[aria-checked=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 2px #16181a1a,0 1px 6px #16181a0f}.seg button[aria-checked=true] svg{color:var(--teal)}.switch{cursor:pointer;color:var(--body);white-space:nowrap;align-items:center;gap:8px;padding:0 6px;font-weight:500;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch .track{background:var(--faint);border-radius:99px;flex:none;width:28px;height:16px;transition:background .15s;position:relative}.switch .track:after{content:"";background:var(--white);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--teal)}.switch input:checked+.track:after{transform:translate(12px)}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}kbd{border:1px solid var(--rule);background:var(--white);color:var(--body);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:10.5px;line-height:16px;display:inline-block}.app{grid-template-rows:60px minmax(0,1fr) 30px;height:100%;display:grid}.topbar{background:var(--white);border-bottom:1px solid var(--rule-soft);align-items:center;gap:8px;min-width:0;padding:0 14px 0 18px;display:flex}.brand{white-space:nowrap;color:var(--ink);align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mark{flex:none;display:block}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:650}.brand-by{font-family:var(--font-display);color:var(--muted);margin-left:-3px;font-size:14px;font-style:italic}.topbar-rule{background:var(--rule);width:1px;height:24px;margin:0 8px}.doc{flex-direction:column;min-width:0;line-height:1.15;display:flex}.project-name{width:240px;max-width:100%;margin-left:-6px;font-weight:600;background:0 0!important;border-color:#0000!important;padding:2px 6px!important;font-size:14px!important}.project-name:hover{border-color:var(--rule)!important}.project-name:focus{border-color:var(--teal)!important;background:var(--white)!important}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.save-state.saved svg{color:var(--teal)}.save-state.error{color:var(--bad)}.group{align-items:center;gap:2px;margin-right:4px;display:flex}.workspace{grid-template-columns:284px minmax(0,1fr) 344px;min-height:0;display:grid}.statusline{color:var(--muted);background:var(--white);border-top:1px solid var(--rule-soft);white-space:nowrap;align-items:center;gap:14px;padding:0 18px;font-size:11px;display:flex;overflow:hidden}.statusline .stage{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--body);align-items:center;gap:6px;font-size:10px;display:inline-flex}.statusline .dot{background:var(--teal-bright);border-radius:50%;width:6px;height:6px}.statusline .keys{align-items:center;gap:14px;display:flex}.statusline .keys span{align-items:center;gap:5px;display:inline-flex}.sidebar{background:var(--white);border-right:1px solid var(--rule-soft);flex-direction:column;min-height:0;display:flex}.sidebar-head{padding:22px 20px 6px}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:10.5px}.display{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:27px;font-weight:400;line-height:1.08}.tabs{border-bottom:1px solid var(--rule-soft);gap:18px;margin-top:14px;padding:0 20px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:10px 0 11px;font-weight:550;box-shadow:inset 0 -2px #0000}.tabs button:hover:not(:disabled){color:var(--ink);background:0 0}.tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--teal)}.count{font-family:var(--font-mono);color:var(--muted);background:var(--paper);border-radius:5px;padding:0 5px;font-size:10px;font-weight:500;line-height:16px;display:inline-block}.preset-list,.variants{scrollbar-width:thin;scrollbar-color:var(--rule) transparent;flex:1;padding:14px 16px 24px;overflow:auto}.search{border:1px solid var(--rule);background:var(--surface);color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:0 11px;transition:border-color .12s,box-shadow .12s;display:flex}.search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash);background:var(--white)}.search input{flex:1;box-shadow:none!important;background:0 0!important;border:0!important;padding:8px 0!important}.import-card{border:1px dashed var(--faint);border-radius:var(--r-card);cursor:pointer;background:var(--surface);align-items:center;gap:11px;padding:11px 12px;transition:border-color .12s,background .12s;display:flex;position:relative}.import-card:hover,.import-card:focus-within{border-color:var(--teal);background:var(--teal-wash)}.import-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-card strong{font-weight:600}.import-card small,.variant small,.layer-name small{color:var(--muted);font-size:11.5px;font-weight:400;display:block}.import-icon{background:var(--white);width:34px;height:34px;color:var(--teal);border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:0 1px 2px #16181a14}.preset-group h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);justify-content:space-between;align-items:center;margin:20px 2px 10px;font-size:10.5px;font-weight:500;display:flex}.preset-grid{grid-template-columns:1fr 1fr;gap:12px 10px;display:grid}.preset{text-align:left;border-radius:var(--r-card);background:0 0;border:0;flex-direction:column;align-items:stretch;gap:7px;padding:0;display:flex}.preset:hover:not(:disabled){background:0 0}.preset img,.thumb-placeholder{aspect-ratio:1;border-radius:var(--r-card);background:var(--paper);object-fit:cover;width:100%;transition:transform .18s,box-shadow .18s;display:block;box-shadow:inset 0 0 0 1px #16181a0f}.preset:hover img{transform:translateY(-2px);box-shadow:0 8px 18px #16181a24}.preset.current img{box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--teal)}.preset-name{padding:0 2px;font-size:12.5px;font-weight:600;line-height:1.25}.preset.current .preset-name{color:var(--teal)}.hint.empty{padding:18px 4px}.variants .row{display:flex}.variants .row button{border-color:var(--rule);background:var(--white)}.variants .hint{margin:10px 2px}.variants ul{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.variants li{border-radius:var(--r-card);border:1px solid var(--rule-soft);background:var(--surface);align-items:center;gap:6px;padding:6px;display:flex}.variants li.active{border-color:var(--teal);background:var(--white);box-shadow:0 0 0 3px var(--teal-wash)}.variant{text-align:left;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:0;font-weight:600;display:flex}.variant:hover:not(:disabled){background:0 0}.variant img,.variant .thumb-placeholder{border-radius:8px;flex:none;width:46px;height:46px}.variant-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.preview{background:var(--paper);flex-direction:column;min-width:0;min-height:0;display:flex}.viewport{background-color:#efefec;background-image:radial-gradient(circle at 1px 1px,#16181a1c 1px,#0000 0);background-size:22px 22px;flex:1;min-height:0;position:relative;overflow:hidden}.viewport canvas{width:100%;height:100%;display:block}.viewport canvas.hidden{visibility:hidden;position:absolute}.float{z-index:5;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-float);background:#ffffffeb;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute}.float .seg{background:0 0;padding:0}.float .seg button[aria-checked=true]{background:var(--paper);box-shadow:none}.float-rule{background:var(--rule);align-self:stretch;width:1px;margin:6px 4px}.float-top{max-width:calc(100% - 32px);top:16px;left:50%;transform:translate(-50%)}.float-rail{flex-direction:column;padding:5px;top:50%;left:16px;transform:translateY(-50%)}.float-rail button.icon{border-radius:10px;width:36px;height:36px}.float-bottom-right{bottom:16px;right:16px}.float-bottom-left{bottom:16px;left:16px}select.bare{color:var(--body);background-color:#0000;border:0;padding-top:5px;padding-bottom:5px;font-weight:500}select.bare:hover{background-color:var(--paper)}.light-angle{color:var(--muted);align-items:center;gap:7px;padding:0 4px 0 6px;display:flex}.light-angle input{width:96px}.viewport-status{color:var(--body);flex-wrap:wrap;gap:10px;max-width:calc(100% - 32px);padding:7px 12px;font-size:11.5px}.viewport-status .mono{color:var(--muted)}.viewport-status .err{color:var(--bad)}.dims{pointer-events:none;z-index:2;position:absolute;inset:0}.dim{justify-content:center;align-items:center;display:flex;position:absolute}.dim-h{height:12px}.dim-v{width:12px}.dim-line{background:var(--dim);position:absolute}.dim-h .dim-line{height:1.5px;top:50%;left:0;right:0;transform:translateY(-50%)}.dim-v .dim-line{width:1.5px;top:0;bottom:0;left:50%;transform:translate(-50%)}.dim-h:before,.dim-h:after,.dim-v:before,.dim-v:after{content:"";background:var(--dim);position:absolute}.dim-h:before,.dim-h:after{width:1.5px;height:12px;top:0}.dim-h:before{left:0}.dim-h:after{right:0}.dim-v:before,.dim-v:after{width:12px;height:1.5px;left:0}.dim-v:before{top:0}.dim-v:after{bottom:0}.dim-pill{font-family:var(--font-mono);white-space:nowrap;color:var(--white);background:var(--dim);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:500;position:relative;box-shadow:0 2px 8px #c2683a59}.dim-pill b{opacity:.7;margin-right:3px;font-weight:500}.dim-v .dim-pill{transform:rotate(-90deg)}.compare-overlay{pointer-events:none;z-index:3;position:absolute;inset:0}.compare-overlay .divider{background:var(--white);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px);box-shadow:0 0 0 1px #16181a1f}.compare-overlay .badge{background:var(--ink);color:var(--white);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:550;position:absolute;top:72px}.compare-overlay .left{left:calc(50% - 12px);transform:translate(-100%)}.compare-overlay .right{background:var(--teal);left:calc(50% + 12px)}.channel-view{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:76px 24px 72px;display:flex;position:absolute;inset:0}.channel-view canvas{aspect-ratio:1;image-rendering:auto;max-width:100%;max-height:calc(100% - 30px);box-shadow:var(--shadow-float);border-radius:6px;width:auto!important;height:auto!important}.channel-caption{color:var(--body);background:#ffffffe6;border-radius:8px;margin:0;padding:4px 10px;font-size:12px}.maps-dock{background:var(--white);border-top:1px solid var(--rule-soft);scrollbar-width:none;align-items:center;gap:14px;min-width:0;padding:8px 16px;display:flex;overflow-x:auto}.dock-title{white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:inline-flex}.dock-maps{gap:6px;display:flex}.map-thumb{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:3px;padding:3px;font-size:10px;font-weight:500}.map-thumb img,.map-thumb .thumb-placeholder{border-radius:6px;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 1px #16181a14}.map-thumb.on{border-color:var(--teal);color:var(--teal);background:var(--teal-wash)}.dock-facts{white-space:nowrap;align-items:center;gap:8px;display:flex}.fact{background:var(--paper);color:var(--body);border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;display:inline-flex}.fact.ok{color:var(--ok);background:#e6f3ec}.fact.bad{color:var(--bad);background:var(--bad-wash)}.fact.warn{color:var(--warn);background:var(--warn-wash)}.spinner{border:2px solid var(--rule);border-top-color:var(--teal);vertical-align:middle;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}*{transition:none!important}}.inspector{background:var(--white);border-left:1px solid var(--rule-soft);scrollbar-width:thin;scrollbar-color:var(--rule) transparent;min-height:0;padding-bottom:40px;overflow:auto}.inspector-head{border-bottom:1px solid var(--rule-soft);padding:18px 18px 14px}.name-input{letter-spacing:-.01em;width:100%;margin-left:-6px;font-weight:650;background:0 0!important;border-color:#0000!important;padding:2px 6px!important;font-size:20px!important}.name-input:hover{border-color:var(--rule)!important}.name-input:focus{border-color:var(--teal)!important;background:var(--white)!important}.meta-line{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{background:var(--paper);color:var(--body);border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:500}.chip.dim-chip{background:var(--dim-wash);color:var(--dim);font-family:var(--font-mono);font-size:11px}.section{border-bottom:1px solid var(--rule-soft)}.section>header{justify-content:space-between;align-items:center;padding:0 12px 0 0;display:flex}.section-toggle{text-align:left;background:0 0;border:0;border-radius:0;flex:1;justify-content:flex-start;gap:6px;padding:13px 18px 13px 14px;font-size:13px;font-weight:600}.section-toggle:hover:not(:disabled){color:var(--teal);background:0 0}.chev{color:var(--muted);flex:none;transition:transform .15s}.section.open .chev{transform:rotate(90deg)}.section-body{gap:12px;padding:0 18px 16px;display:grid}.lock{width:28px;height:28px;color:var(--faint);background:0 0;border:0;border-radius:8px;padding:0}.lock:hover:not(:disabled){color:var(--body)}.lock.on{color:var(--dim);background:var(--dim-wash)}.lock.on:hover:not(:disabled){background:var(--dim-wash);color:var(--dim)}.field{gap:4px;display:grid}.field>label,.field-label{color:var(--body);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.slider-row{align-items:center;gap:10px;display:flex}.num{border:1px solid var(--rule);background:var(--surface);border-radius:8px;flex:none;align-items:center;padding-right:7px;transition:border-color .12s,box-shadow .12s;display:flex}.num:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash);background:var(--white)}.num input{text-align:right;width:54px;font-family:var(--font-mono);font-size:12px;box-shadow:none!important;background:0 0!important;border:0!important;padding:4px 4px 4px 6px!important}.unit{color:var(--muted);min-width:14px;font-size:11px}.field.toggle{align-items:center;gap:8px;display:flex}.field.toggle>label{color:var(--ink)}.color-row{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--rule);background:var(--white);cursor:pointer;border-radius:8px;width:34px;height:28px;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.color-row code{color:var(--muted)}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch{background:var(--paper);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.swatch input[type=number]{width:46px;font-family:var(--font-mono);padding:4px 5px;font-size:11.5px}.advanced-toggle{color:var(--body);border-bottom:1px solid var(--rule-soft);cursor:pointer;align-items:center;gap:8px;padding:14px 18px;font-weight:500;display:flex}.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.subhead{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:6px 0 0;font-size:10.5px;font-weight:500}.layers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.layer{border:1px solid var(--rule-soft);border-radius:var(--r-card);background:var(--surface);transition:border-color .12s,box-shadow .12s}.layer.selected{border-color:var(--teal);background:var(--white);box-shadow:0 0 0 3px var(--teal-wash)}.layer.disabled .layer-name{opacity:.45}.layer-row{align-items:center;gap:2px;padding:5px 5px 5px 10px;display:flex}.layer-name{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0;padding:3px 6px;font-weight:600}.layer-name:hover:not(:disabled){color:var(--teal);background:0 0}.layer-editor{border-top:1px solid var(--rule-soft);gap:12px;padding:10px 12px 12px;display:grid}.layer-editor>button{justify-self:start}.menu-wrap{position:relative}.menu{z-index:20;background:var(--white);width:280px;box-shadow:var(--shadow-pop);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left;background:0 0;border:0;border-radius:9px;width:100%;padding:8px 10px;display:block}.menu button:hover{background:var(--paper)}.menu small{color:var(--muted);font-weight:400;display:block}.facts{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:12px;display:grid}.facts dt{color:var(--muted)}.facts dd{color:var(--ink);margin:0}.ok{color:var(--ok)}.bad,.err,.error{color:var(--bad)}.warn,.warn-text{color:var(--warn)}.quality-list{gap:6px;margin:0;padding:0;font-size:12px;line-height:1.4;list-style:none;display:grid}.quality-list li{background:var(--paper);color:var(--body);border-radius:9px;padding:7px 10px}.quality-list li.warn{color:var(--warn);background:var(--warn-wash)}.quality-list li.error{color:var(--bad);background:var(--bad-wash)}.sources{gap:10px;display:grid}.source-slot{grid-template-columns:1fr auto auto;align-items:center;gap:3px 6px;display:grid}.slot-label{color:var(--body);grid-column:1/-1;font-size:12px;font-weight:500}.slot-file{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.slot-file.empty{color:var(--muted)}.file-btn{cursor:pointer;position:relative}.file-btn input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.crop-box{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--ink);border-radius:8px;margin-top:4px;position:relative;overflow:hidden}.crop-box img{opacity:.6;width:100%;display:block}.crop-rect{border:2px solid var(--teal-bright);cursor:move;position:absolute;box-shadow:0 0 0 9999px #16181a66}.crop-handle{background:var(--white);border:2px solid var(--teal-bright);cursor:nwse-resize;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.crop-nums{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.crop-num{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.crop-num input{width:58px;font-family:var(--font-mono);font-size:11.5px}.export-dialog{background:var(--white);color:var(--ink);width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-pop);border:0;border-radius:20px;padding:24px 26px 22px}.export-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16181a52}.export-dialog h2{font-family:var(--font-display);margin:0 0 18px;font-size:28px;font-weight:400;line-height:1.1}.export-dialog fieldset{border:0;min-width:0;margin:0 0 18px;padding:0}.export-dialog legend{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;font-size:10.5px}.kinds{gap:8px;display:grid}.kind{border:1px solid var(--rule);border-radius:var(--r-card);cursor:pointer;grid-template-columns:auto 1fr;gap:3px 10px;padding:12px 14px;transition:border-color .12s,box-shadow .12s,background .12s;display:grid}.kind:hover{border-color:var(--faint)}.kind.on{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash)}.kind input{grid-row:span 2;margin-top:2px}.kind small{color:var(--muted);line-height:1.45}.res{flex-wrap:wrap;gap:8px;display:flex}.res legend{width:100%}.res label{border:1px solid var(--rule);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-weight:500;display:flex}.res label:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash)}.meta{grid-template-columns:1fr 1fr;gap:12px;display:grid}.meta label{color:var(--body);gap:5px;font-size:12px;font-weight:500;display:grid}.result{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-card);margin-bottom:14px;padding:12px 14px;font-size:12px}.result ul{color:var(--body);margin:6px 0;padding-left:16px}.result code{color:var(--teal)}.progress{color:var(--body);align-items:center;gap:8px;display:flex}.dialog-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.dialog-actions .ghost{border-color:var(--rule)}.toast{background:var(--ink);color:var(--white);z-index:50;max-width:min(720px,100vw - 32px);box-shadow:var(--shadow-pop);border-radius:14px;align-items:center;gap:10px;padding:9px 9px 9px 14px;font-weight:500;display:flex;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}.toast>svg{color:var(--teal-bright);flex:none}.toast.error>svg{color:#ff8a73}.toast button.icon{color:var(--faint)}.toast button.icon:hover:not(:disabled){color:var(--white);background:#ffffff1a}@media (max-width:1280px){.workspace{grid-template-columns:240px minmax(0,1fr) 316px}.display{font-size:23px}.statusline .muted{display:none}}@media (max-width:1080px){.brand-by,.topbar-rule,.doc,.topbar .label,.float-bottom-right .light-angle{display:none}}@media (max-width:860px){.app{grid-template-rows:auto minmax(0,1fr) auto}.topbar{gap:4px;padding:8px 12px}.brand-name{font-size:14px}.workspace{flex-direction:column;display:flex;overflow:auto}.preview{flex:none;order:-1;height:64vh;min-height:380px}.sidebar,.inspector{border:0;border-top:1px solid var(--rule-soft);flex:none;overflow:visible}.sidebar-head{display:none}.tabs{margin-top:0}.preset-list,.variants{flex:none;max-height:360px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.meta{grid-template-columns:1fr}.float-top{top:10px}.float-top .seg button svg{display:none}.float-top .seg button{padding:5px 8px}.float-rail{top:auto;bottom:64px;left:10px;transform:none}.float-bottom-right{bottom:10px;right:10px}.float-bottom-left,.statusline{display:none}}@media (max-width:520px){.switch-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.float-top .seg button{padding:5px 7px}}