@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}*{box-sizing:border-box}body{color:#e8e6e1;-webkit-font-smoothing:antialiased;background:#101012;margin:0;font-family:Helvetica,Helvetica Neue,Arial,sans-serif}input[type=range]{accent-color:#e8e6e1}.app{flex-direction:column;gap:20px;min-height:100vh;padding:28px 32px 40px;display:flex}.title-group{flex-direction:column;gap:6px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e8e6e173;font:500 11px/1 DM Mono,ui-monospace,monospace}.head h1{letter-spacing:-.02em;margin:0;font:400 30px/1.05 Helvetica,Arial,sans-serif}.sub{color:#e8e6e180;max-width:52ch;margin:0;font:400 13px/1.5 Helvetica,Arial,sans-serif}.btn{color:#e8e6e1;cursor:pointer;background:0 0;border:1px solid #e8e6e138;border-radius:7px;padding:11px 16px;font:400 13px/1 Helvetica,Arial,sans-serif}.btn:hover{border-color:#e8e6e180}.btn-primary{color:#101012;background:#e8e6e1;border-color:#0000;padding:11px 18px;font-weight:500}.btn-primary:hover{background:#fff;border-color:#0000}.panel .btn{width:100%;padding:10px 12px;font-size:12px}.panel-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.main{grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:24px;display:grid}.stage{background:#0a0a0b;border:1px solid #e8e6e11f;border-radius:12px;flex-direction:column;gap:12px;min-height:420px;padding:18px;display:flex}.checker{cursor:pointer;background-color:#1a1a1d;background-image:linear-gradient(45deg,#232327 25%,#0000 25% 75%,#232327 75%),linear-gradient(45deg,#232327 25%,#0000 25% 75%,#232327 75%);background-position:0 0,11px 11px;background-size:22px 22px;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.checker canvas{width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.stage-meta{color:#e8e6e161;justify-content:space-between;gap:12px;font:400 11px/1.4 DM Mono,ui-monospace,monospace;display:flex}.panel{background:#0a0a0b;border:1px solid #e8e6e11f;border-radius:12px;flex-direction:column;padding:16px 16px 20px;display:flex}.panel-label{letter-spacing:.14em;text-transform:uppercase;color:#e8e6e166;padding-bottom:10px;font:500 10px/1 DM Mono,ui-monospace,monospace}.seg{gap:8px;display:grid}.seg-2{grid-template-columns:1fr 1fr;padding-bottom:16px}.seg-3{grid-template-columns:repeat(3,1fr);padding-bottom:18px}.seg button{color:#e8e6e199;cursor:pointer;background:0 0;border:1px solid #e8e6e12e;border-radius:6px;padding:9px 4px;font:400 12px/1 Helvetica,Arial,sans-serif}.seg button.on{color:#e8e6e1;background:#e8e6e11f;border-color:#e8e6e1d9}.sliders{flex-direction:column;gap:14px;display:flex}.slider{flex-direction:column;gap:7px;display:flex}.slider>span{color:#e8e6e1b8;justify-content:space-between;font:400 12px/1 Helvetica,Arial,sans-serif;display:flex}.slider em{color:#e8e6e166;font:400 11px/1 DM Mono,ui-monospace,monospace}.slider input{width:100%}.subslider{padding-bottom:14px}.rule{background:#e8e6e11a;height:1px;margin:18px 0 14px}.toggle{color:#e8e6e1b8;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;font:400 12px/1 Helvetica,Arial,sans-serif;display:flex}.toggle input{accent-color:#e8e6e1;cursor:pointer;width:15px;height:15px}.reset{color:#e8e6e1b3;cursor:pointer;background:0 0;border:1px solid #e8e6e12e;border-radius:7px;padding:10px 12px;font:400 12px/1 Helvetica,Arial,sans-serif}.reset:hover{color:#e8e6e1;border-color:#e8e6e173}@media (width<=820px){.app{padding:20px 16px 32px}.main{grid-template-columns:minmax(0,1fr)}}