@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2)format("woff2-variations");unicode-range:U+100-2AF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-C2S99t-D.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-cyrillic-ext-400-normal-Q6o0JNvR.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-ext-400-normal-C4uWV10k.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-cyrillic-400-normal-DEN69lup.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-400-normal-B6g5SoKk.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-greek-400-normal-BdERMBEW.woff2)format("woff2"),url(/assets/roboto-mono-greek-400-normal-Dp0HotGv.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-vietnamese-400-normal-BJn9WoS4.woff2)format("woff2"),url(/assets/roboto-mono-vietnamese-400-normal-BJbtp2UX.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:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-ext-400-normal-D_EPU6CM.woff2)format("woff2"),url(/assets/roboto-mono-latin-ext-400-normal-CFnj-Ilb.woff)format("woff");unicode-range:U+100-2AF,U+304,U+308,U+329,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:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-400-normal-C_5wUCW5.woff2)format("woff2"),url(/assets/roboto-mono-latin-400-normal-B0u6u4eV.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2c2c2c;--bg-secondary:#383838;--bg-tertiary:#444;--bg-hover:#383838;--bg-pressed:#383838;--bg-selected:#4a5878;--bg-selected-hover:#536383;--bg-selected-strong:#0c8ce9;--bg-brand:#0c8ce9;--bg-brand-hover:#0a6dc2;--bg-brand-tertiary:#394360;--bg-component:#8a38f5;--bg-component-tertiary:#473956;--bg-danger:#e03e1a;--bg-danger-tertiary:#60332a;--bg-success:#198f51;--bg-warning:#f3c11b;--bg-warning-tertiary:#5c4100;--bg-disabled:#757575;--bg-canvas:#1e1e1e;--bg-menu:#1e1e1e;--text:#fff;--text-secondary:#ffffffb2;--text-tertiary:#fff6;--text-disabled:#fff6;--text-brand:#7cc4f8;--text-onbrand:#fff;--text-onselected:#ffffffe5;--text-component:#d1a8ff;--text-danger:#fca397;--text-ondanger:#fff;--text-success:#79d297;--text-warning:#f7d15f;--text-onwarning:#000000e5;--text-onmenu:#fff;--text-onmenu-secondary:#ffffffb2;--icon:#fff;--icon-secondary:#ffffffb2;--icon-tertiary:#fff6;--icon-brand:#7cc4f8;--icon-onbrand:#fff;--icon-danger:#e03e1a;--icon-warning:#f3c11b;--icon-disabled:#fff6;--border:#444;--border-strong:#ffffffe5;--border-selected:#0c8ce9;--border-selected-strong:#7cc4f8;--border-danger:#963323;--border-disabled:#444;--focus-ring:#0c8ce9;--swatch-ring:#fff;--swatch-ring-outer:#000;--swatch-range:var(--bg-selected-strong);--checker-a:var(--bg-secondary);--checker-b:var(--bg-tertiary);--viewport-bg-top:#1a1a1a;--viewport-bg-bottom:#666;--viewport-bg-flat:var(--bg-canvas);--viewport-select:#0c8ce9;--viewport-select-fill:#0c8ce926;--preview-attach:#fff;--preview-erase:#f24822;--preview-paint:#ffcd29;--preview-select:#0c8ce9;--viewport-ruler:#ffffff45;--space-050:2px;--space-100:4px;--space-150:6px;--space-200:8px;--space-300:12px;--space-400:16px;--space-600:24px;--radius-small:2px;--radius-medium:5px;--radius-large:6px;--radius-xlarge:12px;--radius-full:9999px;--control-height:24px;--row-height:32px;--icon-frame:24px;--icon-glyph:16px;--toolbar-height:40px;--column-palette:200px;--column-brush:152px;--column-edit:200px;--column-file:176px;--shadow-hud:0 5px 17px #0003, 0 2px 7px #00000026;--shadow-floating:0 2px 14px #00000026;--shadow-thumb:0 0 0 .5px #0000001a, 0 1px 3px #0000004d;--layer-panel:2;--layer-ruler:3;--layer-selection:4;--layer-toast:5;--layer-popover:6;--layer-tooltip:10;--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif;--font-mono:"Roboto Mono", ui-monospace, Consolas, "SF Mono", monospace}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:.005em;-webkit-font-smoothing:antialiased;margin:0;font-size:11px;font-weight:450;line-height:16px}::selection{background:var(--bg-selected);color:var(--text-onselected)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.icon-svg{width:var(--icon-glyph);height:var(--icon-glyph);stroke-width:1.5px;flex:none}.dim{color:var(--text-secondary)}.mono{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:400}button{justify-content:center;align-items:center;gap:var(--space-100);height:var(--control-height);min-width:var(--control-height);padding:0 var(--space-200);border:1px solid var(--border);border-radius:var(--radius-medium);color:var(--text);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:default;background:0 0;transition:background-color .1s ease-out,color .1s ease-out,border-color .1s ease-out;display:inline-flex}button:hover{background:var(--bg-hover)}button:active{background:var(--bg-pressed)}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}button:disabled{color:var(--text-disabled);border-color:var(--border-disabled);background:0 0}button.primary{background:var(--bg-brand);color:var(--text-onbrand);border-color:#0000;font-weight:550}button.primary:hover,button.primary:active{background:var(--bg-brand-hover)}button.primary:disabled{background:var(--bg-disabled);color:var(--text-onbrand)}button.danger{background:var(--bg-danger);color:var(--text-ondanger);border-color:#0000;font-weight:550}button.ghost{border-color:#0000}button.icon{width:var(--icon-frame);color:var(--icon-secondary);border-color:#0000;padding:0}button.icon:hover{color:var(--icon)}button.on{background:var(--bg-selected);color:var(--text-onselected);border-color:#0000}button.on:hover{background:var(--bg-selected-hover)}button.icon.on{background:var(--bg-selected);color:var(--icon-brand)}button.switch,button.switch.on{border-color:var(--border);color:var(--text);background:0 0}button.switch:hover{background:var(--bg-hover)}.row{align-items:center;gap:var(--space-100);flex-wrap:wrap;display:flex}.row>.grow,.grow{flex:1;min-width:0}.grid3,.grid4{gap:var(--space-100);display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid3>button,.grid4>button{padding:0 var(--space-100)}.seg{background:var(--bg-secondary);border-radius:var(--radius-medium);gap:1px;padding:1px;display:flex}.seg>button{height:calc(var(--control-height) - 2px);min-width:0;padding:0 var(--space-100);border-radius:calc(var(--radius-medium) - 1px);color:var(--text-secondary);border:0;flex:1}.seg>button:hover{background:var(--bg-tertiary);color:var(--text)}.seg>button.on{background:var(--bg-selected);color:var(--text-onselected)}.seg.vertical{flex-direction:column}.seg.vertical>button{height:var(--control-height);padding:0 var(--space-200);flex:none;justify-content:flex-start}.row>.label{width:40px;color:var(--text-secondary);flex:none}.row>.label~button{flex:1 1 0;min-width:0;padding:0}.row.fill{flex-wrap:nowrap}.row.fill>button:not(.icon){min-width:0;padding:0 var(--space-100);flex:auto}input[type=text],input[type=number],select,textarea{height:var(--control-height);min-width:0;padding:0 var(--space-200);border-radius:var(--radius-medium);background:var(--bg-secondary);color:var(--text);font:inherit;letter-spacing:inherit;border:1px solid #0000;outline:none;transition:border-color .1s ease-out}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:var(--border)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--border-selected)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input[type=number]{font-variant-numeric:tabular-nums;width:48px}input[type=number]::-webkit-inner-spin-button{display:none}input.invalid{border-color:var(--border-danger)}.field{align-items:center;gap:var(--space-100);height:var(--control-height);padding-left:var(--space-200);border-radius:var(--radius-medium);background:var(--bg-secondary);border:1px solid #0000;display:inline-flex}.field:hover{border-color:var(--border)}.field:focus-within{border-color:var(--border-selected)}.field>span{color:var(--text-tertiary)}.field>input{height:100%;padding:0 var(--space-200) 0 0;background:0 0;border:0;width:36px}.field>input:hover,.field>input:focus{border:0}.select{min-width:0;display:inline-flex;position:relative}.select>select{appearance:none;width:100%;padding-right:var(--space-600);border-color:var(--border);background:0 0}.select:after{content:"";right:var(--space-100);width:var(--icon-glyph);height:var(--icon-glyph);pointer-events:none;background:var(--icon-secondary);position:absolute;top:50%;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}textarea.code{width:100%;height:120px;padding:var(--space-200);resize:vertical;white-space:pre;font-family:var(--font-mono);letter-spacing:0;font-weight:400;display:block}.slider{align-items:center;gap:var(--space-200);height:var(--control-height);color:var(--text-secondary);grid-template-columns:40px minmax(0,1fr) 36px;display:grid}.slider>span{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{--fill:50%;appearance:none;border-radius:var(--radius-full);background:linear-gradient(to right, var(--bg-brand) var(--fill), var(--bg-tertiary) var(--fill));width:100%;height:4px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);width:12px;height:12px;box-shadow:var(--shadow-thumb);background:#fff}input[type=range]::-moz-range-thumb{border-radius:var(--radius-full);width:12px;height:12px;box-shadow:var(--shadow-thumb);background:#fff;border:0}input[type=range]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.slider>input[type=color]{border-radius:var(--radius-small);background:0 0;border:0;width:100%;height:16px;padding:0}.slider>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.slider>input[type=color]::-webkit-color-swatch{border-radius:var(--radius-small);box-shadow:inset 0 0 0 1px var(--border);border:0}.slider>input[type=color]::-moz-color-swatch{border-radius:var(--radius-small);border:0}.color-field{align-items:center;gap:var(--space-200);height:var(--control-height);padding:0 var(--space-200) 0 var(--space-100);border-radius:var(--radius-medium);background:var(--bg-secondary);display:flex}.color-field>input[type=color]{border-radius:var(--radius-small);background:0 0;border:0;width:16px;height:16px;padding:0}.color-field>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field>input[type=color]::-webkit-color-swatch{border-radius:var(--radius-small);box-shadow:inset 0 0 0 1px var(--border);border:0}.color-field>input[type=text]{background:0 0;border:0;flex:1;padding:0}.console{align-items:center;gap:var(--space-100);min-width:80px;height:var(--control-height);padding:0 var(--space-200);border-radius:var(--radius-medium);background:var(--bg-secondary);color:var(--icon-tertiary);border:1px solid #0000;flex:1;display:flex}.console:focus-within{border-color:var(--border-selected);color:var(--icon-secondary)}.console>input{height:100%;font-family:var(--font-mono);letter-spacing:0;background:0 0;border:0;flex:1;padding:0;font-weight:400}.console>input:hover,.console>input:focus{border:0}.palette{background:var(--bg-canvas);border-radius:var(--radius-small);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;padding:1px;display:grid}.palette>div{aspect-ratio:1.5;border-radius:1px;position:relative}.palette>div.sel{z-index:1;box-shadow:0 0 0 1px var(--swatch-ring-outer), inset 0 0 0 2px var(--swatch-ring), inset 0 0 0 3px var(--swatch-ring-outer)}.palette>div.range{box-shadow:inset 0 0 0 2px var(--swatch-range)}.palette>div.used:after{content:"";border-radius:var(--radius-full);background:#0000008c;width:3px;height:3px;position:absolute;bottom:2px;right:2px}.palette>div.empty,.checker{background:repeating-conic-gradient(var(--checker-b) 0 25%, var(--checker-a) 0 50%) 0 0 / 8px 8px}.list{min-height:96px;max-height:280px;padding:var(--space-050);border:1px solid var(--border);border-radius:var(--radius-large);overflow-y:auto}.list>div{height:var(--control-height);padding:0 var(--space-200);border-radius:calc(var(--radius-large) - 2px);text-overflow:ellipsis;white-space:nowrap;line-height:22px;overflow:hidden}.list>div:hover{background:var(--bg-hover)}.list>div.cur{background:var(--bg-selected);color:var(--text-onselected)}.list:empty:before{content:attr(data-empty);padding:var(--space-200);color:var(--text-tertiary);display:block}.badge{height:16px;padding:0 var(--space-150);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap;align-items:center;display:inline-flex}.badge.brand{background:var(--bg-brand-tertiary);color:var(--text-brand)}.badge.component{background:var(--bg-component-tertiary);color:var(--text-component)}.badge.warning{background:var(--bg-warning-tertiary);color:var(--text-warning)}.dot{border-radius:var(--radius-full);background:var(--icon-tertiary);width:6px;height:6px}.dot.on{background:var(--icon-warning)}.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xlarge);box-shadow:var(--shadow-floating);overscroll-behavior:contain;z-index:var(--layer-panel);overflow-y:auto}.panel section:last-child{border-bottom:0}.panel section{border-bottom:1px solid var(--border)}.panel .ph{align-items:center;gap:var(--space-100);height:var(--row-height);padding:0 var(--space-300) 0 var(--space-100);color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-size:11px;font-weight:550;line-height:16px;display:flex}.panel .ph:before{content:"";width:var(--icon-glyph);height:var(--icon-glyph);background:var(--icon-tertiary);flex:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.panel .ph:hover:before{background:var(--icon-secondary)}.panel section.collapsed .ph:before{transform:rotate(-90deg)}.panel section.collapsed .pb{display:none}.panel .ph .dim,.panel .ph .badge{margin-left:auto;font-weight:450}.panel .ph>button{height:20px;padding:0 var(--space-150);border-color:#0000;margin-left:auto;font-weight:450}.panel .pb{gap:var(--space-200);padding:0 var(--space-300) var(--space-300);flex-direction:column;display:flex}.toolbar{align-items:center;gap:var(--space-200);height:var(--toolbar-height);max-width:100%;padding:0 var(--space-200);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xlarge);box-shadow:var(--shadow-floating);z-index:var(--layer-panel);display:inline-flex;overflow-x:auto}.toolbar .group{align-items:center;gap:var(--space-100);display:flex}.readout{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.toolbar .spacer{flex:1}.divider{background:var(--border);flex:none;width:1px;height:16px}.tabs{gap:var(--space-050);display:flex}.tabs>button{color:var(--text-secondary);border-color:#0000}.tabs>button:hover{color:var(--text);background:0 0}.tabs>button.active{color:var(--text);background:var(--bg-secondary);font-weight:550}.toast{align-items:center;gap:var(--space-200);max-width:480px;padding:var(--space-100) var(--space-300);border-radius:var(--radius-large);background:var(--bg-menu);color:var(--text-onmenu);box-shadow:var(--shadow-hud);letter-spacing:-.0025em;z-index:var(--layer-toast);font-size:13px;line-height:22px;animation:.15s ease-out toast-in;display:inline-flex}.toast.err{background:var(--bg-danger);color:var(--text-ondanger)}@keyframes toast-in{0%{opacity:0}}.tooltip{gap:var(--space-200);max-width:280px;padding:var(--space-100) var(--space-200);border-radius:var(--radius-large);background:var(--bg-menu);color:var(--text-onmenu);box-shadow:var(--shadow-hud);z-index:var(--layer-tooltip);display:inline-flex}.tooltip kbd{font:inherit;color:var(--text-onmenu-secondary)}.popover{align-items:center;gap:var(--space-100);padding:var(--space-200);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-hud);z-index:var(--layer-popover);display:flex}button.disclosure{gap:var(--space-050);padding:0 var(--space-100) 0 var(--space-200);font-variant-numeric:tabular-nums}button.disclosure>.icon-svg{color:var(--icon-secondary)}button.disclosure.open{background:var(--bg-selected);color:var(--text-onselected);border-color:#0000}.resize-handle{cursor:ew-resize;width:8px;z-index:var(--layer-panel);touch-action:none;position:absolute}.resize-handle:after{content:"";border-radius:var(--radius-full);background:0 0;width:2px;transition:background-color .1s ease-out;position:absolute;top:0;bottom:0;left:3px}.resize-handle:hover:after,.resize-handle.active:after{background:var(--border-selected)}.coming-soon>:not(.badge){opacity:.4;pointer-events:none}.sel-rect{border:1px solid var(--viewport-select);background:var(--viewport-select-fill);pointer-events:none;z-index:var(--layer-selection);position:absolute}.ruler{height:18px;z-index:var(--layer-ruler);cursor:ew-resize;border-top:1px solid var(--viewport-ruler);background:repeating-linear-gradient(90deg, var(--viewport-ruler) 0 1px, transparent 1px 10px);position:absolute;bottom:0;left:0;right:0}:root{--gap:var(--space-200);--left-edge:calc(var(--gap) * 3 + var(--column-palette) + var(--column-brush));--right-edge:calc(var(--gap) * 3 + var(--column-edit) + var(--column-file));--bottom-edge:calc(var(--gap) * 2 + var(--toolbar-height))}html,body{height:100%;overflow:hidden}body{background:var(--bg-canvas);position:relative}#view{background:linear-gradient(var(--viewport-bg-top), var(--viewport-bg-bottom));position:absolute;inset:0;overflow:hidden}#view.no-bg{background:var(--viewport-bg-flat)}#view canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pt-canvas{pointer-events:none}#view.rendering .pt-canvas{object-fit:contain}body>.panel{top:var(--gap);bottom:var(--bottom-edge);position:absolute}#col-pal{left:var(--gap);width:var(--column-palette)}#col-brush{left:calc(var(--gap) * 2 + var(--column-palette));width:var(--column-brush)}#col-edit{right:calc(var(--gap) * 2 + var(--column-file));width:var(--column-edit)}#col-file{right:var(--gap);width:var(--column-file)}#top-dock{top:var(--gap);left:var(--left-edge);right:var(--right-edge);align-items:center;gap:var(--gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}#top-dock>.toolbar{pointer-events:auto}#model-name{width:96px}#animbar{height:var(--row-height)}#frames{gap:var(--space-050);display:flex}#frames button{min-width:var(--control-height);padding:0 var(--space-100)}#bottombar{left:var(--gap);right:var(--gap);bottom:var(--gap);display:flex;position:absolute}#proj-seg{flex:none;width:168px}#slot-seg{flex:none;width:52px}#status{text-align:right;min-width:220px}#spp{white-space:nowrap}#topbar{position:relative}#top-dock.compact #topbar{z-index:var(--layer-popover);gap:var(--space-100);overflow:visible}#top-dock.compact #model-name{width:72px}#top-dock.compact #top-divider{display:none}#top-dock.compact #model-top,#top-dock.compact #render-top{top:calc(100% + var(--space-100));position:absolute;right:0}#top-dock.compact:not(.dims-open) #model-top,#top-dock.compact:not(.dims-open) #render-top,#top-dock.compact #animbar>.field{display:none}.resize-handle{top:calc(var(--gap) + var(--space-300));bottom:calc(var(--bottom-edge) + var(--space-300))}#rh-pal{left:calc(var(--gap) + var(--column-palette))}#rh-brush{left:calc(var(--gap) * 2 + var(--column-palette) + var(--column-brush) - 4px)}#rh-file{right:calc(var(--gap) + var(--column-file))}#rh-edit{right:calc(var(--gap) * 2 + var(--column-file) + var(--column-edit) - 4px)}body.resizing,body.resizing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}body.ui-hidden>.panel,body.ui-hidden #top-dock,body.ui-hidden #bottombar,body.ui-hidden>.resize-handle{display:none}.stack{gap:var(--space-100);flex-direction:column;display:flex}.opts{gap:var(--space-200);padding-top:var(--space-200);border-top:1px solid var(--border);flex-direction:column;display:flex}#pattern-info{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#palette{cursor:default}#mat-type>button{padding:0 var(--space-050)}#view>.toast{left:50%;bottom:calc(var(--bottom-edge) + var(--gap));pointer-events:none;position:absolute;transform:translate(-50%)}.tooltip{pointer-events:none;position:fixed}.ruler{left:var(--left-edge);right:var(--right-edge);bottom:var(--bottom-edge)}.ruler.v{left:auto;right:var(--right-edge);top:calc(var(--gap) * 2 + var(--toolbar-height));bottom:var(--bottom-edge);border-top:0;border-left:1px solid var(--viewport-ruler);cursor:ns-resize;background:repeating-linear-gradient(0deg, var(--viewport-ruler) 0 1px, transparent 1px 10px);width:18px;height:auto}#animbar.coming-soon>:not(.badge){opacity:.4;pointer-events:none}