@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-mono-400-latin-4GdczIuU.woff2)format("woff2");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:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-mono-400-latin-ext-C2zvOubV.woff2)format("woff2");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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/dm-mono-500-latin-DRMDZjhP.woff2)format("woff2");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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/dm-mono-500-latin-ext-BtRyHRi6.woff2)format("woff2");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}:root{--bg:#101012;--surface:#0a0a0b;--surface-hi:#0d0d0f;--checker:#1a1a1d;--checker-alt:#232327;--fg:#e8e6e1;--fg-hi:#fff;--muted:#e8e6e1b8;--muted-2:#e8e6e18c;--muted-3:#e8e6e166;--faint:#e8e6e14d;--line:#e8e6e11f;--line-2:#e8e6e133;--line-hover:#e8e6e180;--line-on:#e8e6e1d9;--fill-on:#e8e6e11f;--fill-subtle:#e8e6e10a;--radius:12px;--radius-sm:6px;--ease:.12s ease;--sans:Helvetica, "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}input[type=checkbox]{accent-color:var(--fg)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:12px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);border-radius:1px;height:2px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:1px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);width:11px;height:11px;transition:transform var(--ease);border:0;border-radius:50%;margin-top:-4.5px}input[type=range]::-moz-range-thumb{background:var(--fg);width:11px;height:11px;transition:transform var(--ease);border:0;border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.18)}input[type=range]:active::-moz-range-thumb{transform:scale(1.18)}.app{min-height:100vh;padding:28px 32px 40px}.main{grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:24px;display:grid}.stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:420px;transition:border-color var(--ease), background-color var(--ease);flex-direction:column;gap:12px;padding:18px;display:flex}.stage.dragging{border-color:var(--line-hover);background:var(--surface-hi)}.checker{border-radius:var(--radius-sm);cursor:pointer;background-color:var(--checker);background-image:linear-gradient(45deg, var(--checker-alt) 25%, transparent 25%, transparent 75%, var(--checker-alt) 75%), linear-gradient(45deg, var(--checker-alt) 25%, transparent 25%, transparent 75%, var(--checker-alt) 75%);background-position:0 0,11px 11px;background-size:22px 22px;border:0;justify-content:center;align-items:center;max-width:100%;margin:auto;padding:0;display:flex;overflow:hidden}.checker canvas{width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.stage-meta{font:400 11px/1.4 var(--mono);color:var(--muted-3);justify-content:space-between;gap:12px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex-direction:column;max-height:calc(100vh - 68px);padding:16px 16px 20px;display:flex;position:sticky;top:28px;overflow-y:auto}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:2px solid #0000;border-radius:4px}.panel::-webkit-scrollbar-track{background:0 0}.btn{border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--fg);font:400 13px/1 var(--sans);cursor:pointer;transition:border-color var(--ease), background-color var(--ease), color var(--ease);background:0 0;padding:11px 16px}.btn:hover{border-color:var(--line-hover)}.btn-primary{background:var(--fg);color:var(--bg);border-color:#0000;padding:11px 18px;font-weight:500}.btn-primary:hover{background:var(--fg-hi);border-color:#0000}.panel .btn{padding:10px 12px;font-size:12px}.panel-actions{background:var(--surface);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-bottom:20px;display:grid;position:sticky;bottom:-20px}.seg{gap:8px;display:grid}.seg+.seg{padding-top:8px}.seg+.sliders{padding-top:20px}.seg-2{grid-template-columns:1fr 1fr}.seg-3{grid-template-columns:repeat(3,1fr)}.seg button{border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--muted-2);font:400 12px/1 var(--sans);cursor:pointer;transition:border-color var(--ease), background-color var(--ease), color var(--ease);background:0 0;padding:9px 4px}.seg button:hover{border-color:var(--line-hover);color:var(--fg)}.seg button.on{border-color:var(--line-on);background:var(--fill-on);color:var(--fg)}.sliders{flex-direction:column;gap:14px;display:flex}.slider{flex-direction:column;gap:7px;display:flex}.slider>span{font:400 12px/1 var(--sans);color:var(--muted);justify-content:space-between;gap:8px;display:flex}.slider em{font:400 11px/1 var(--mono);color:var(--muted-3);font-style:normal}.rule{background:var(--line);height:1px;margin:18px 0 14px}.reset{border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--muted);font:400 12px/1 var(--sans);cursor:pointer;transition:border-color var(--ease), background-color var(--ease), color var(--ease);background:0 0;padding:10px 12px}.reset:hover{border-color:var(--line-hover);color:var(--fg)}.fields{flex-direction:column;gap:10px;display:flex}.seg+.fields,.sliders+.fields,.fields+.sliders,.fields+.seg{padding-top:18px}.field{justify-content:space-between;align-items:center;gap:10px;display:flex}.field>span{font:400 12px/1 var(--sans);color:var(--muted)}.select{display:flex;position:relative}.select select{appearance:none;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--fill-subtle);min-width:108px;color:var(--fg);font:400 11px/1 var(--mono);cursor:pointer;transition:border-color var(--ease), background-color var(--ease), color var(--ease);padding:8px 26px 8px 9px}.select select:hover:not(:disabled){border-color:var(--line-hover)}.select select:disabled{color:var(--muted-3);cursor:not-allowed}.select select option{background:var(--surface);color:var(--fg)}.select:after{content:"";border-right:1px solid var(--muted-2);border-bottom:1px solid var(--muted-2);pointer-events:none;width:5px;height:5px;position:absolute;top:50%;right:10px;transform:translateY(-70%)rotate(45deg)}.chip{border:1px solid var(--line-2);border-radius:var(--radius-sm);cursor:pointer;width:34px;height:30px;transition:border-color var(--ease);background:0 0;padding:0}.chip:hover{border-color:var(--line-hover)}.chip::-webkit-color-swatch-wrapper{padding:3px}.chip::-webkit-color-swatch{border:0;border-radius:3px}.chip::-moz-color-swatch{border:0;border-radius:3px}.note{font:400 11px/1.5 var(--mono);color:var(--muted-3);padding-top:12px}.progress{flex-direction:column;gap:7px;padding-bottom:10px;display:flex}.progress>span{font:400 11px/1 var(--mono);color:var(--muted-2);justify-content:space-between;gap:8px;display:flex}.progress>div{background:var(--line);border-radius:1px;height:2px;overflow:hidden}.progress i{background:var(--fg);height:100%;transition:width .16s;display:block}.btn:disabled,.reset:disabled{color:var(--muted-3);cursor:not-allowed}.btn:disabled:hover,.reset:disabled:hover{border-color:var(--line-2)}.btn-primary:disabled{background:var(--fill-on);color:var(--muted-2)}.btn-primary:disabled:hover{background:var(--fill-on);border-color:#0000}.field-controls{align-items:center;gap:8px;display:flex}.stage-meta button{color:var(--muted-2);font:inherit;cursor:pointer;transition:color var(--ease);background:0 0;border:0;margin-left:10px;padding:0;text-decoration:underline}.stage-meta button:hover{color:var(--fg)}.section{flex-direction:column;display:flex}.section-head{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted-2);font:400 12px/1 var(--sans);text-align:left;cursor:pointer;transition:color var(--ease);background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.section-head:hover,.section-head[aria-expanded=true]{color:var(--fg)}.section-head i{width:5px;height:5px;transition:transform var(--ease);border-bottom:1px solid;border-right:1px solid;display:block;transform:translateY(-2px)rotate(45deg)}.section-head[aria-expanded=true] i{transform:translateY(1px)rotate(-135deg)}.section-body{flex-direction:column;padding:4px 0 16px;display:flex}.section-body[hidden]{display:none}.panel>.btn+.section{margin-top:14px}@media (width<=820px){.app{padding:20px 16px 32px}.main{grid-template-columns:minmax(0,1fr)}.panel{max-height:none;position:static;overflow:visible}.panel-actions{padding-bottom:0;position:static}}.toggle{font:400 12px/1 var(--sans);color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.toggle input{cursor:pointer;width:15px;height:15px}.subslider{padding-bottom:14px}