@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.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:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-cyrillic-ext-standard-normal-BFx_pHPN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-cyrillic-standard-normal-Dgr-UBxV.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-latin-ext-standard-normal-DeTdBbNh.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:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-latin-standard-normal-1TqSgyfh.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}:root{--ground:#e9ecea;--plate:#f7f8f6;--plate-2:#eef1ef;--ink:#14171a;--ink-2:#4c555c;--ink-3:#6f7a82;--rule:#cfd5d2;--signal:#1f63d8;--signal-ink:#fff;--signal-soft:#dce6f7;--tape:#16191c;--tape-ink:#f2f3ef;--ok:#16803c;--warn:#9a5806;--note:#5c6770;--stage:#dfe3e1;--tip-bg:#16191c;--tip-ink:#eef0ee;--shadow:0 1px 0 #14171a0a, 0 18px 40px -24px #14171a73;--f-display:"Archivo Variable", "Archivo", "Arial Narrow", system-ui, sans-serif;--f-body:"Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Martian Mono Variable", "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--r:6px;--r-s:3px;--measure:1200px;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f1214;--plate:#171b1e;--plate-2:#1d2226;--ink:#e8ebe9;--ink-2:#a7b0b6;--ink-3:#85909a;--rule:#2a3135;--signal:#5d97ff;--signal-ink:#08111f;--signal-soft:#17243a;--tape:#e8ebe9;--tape-ink:#111416;--ok:#4ade80;--warn:#f2b84b;--note:#9aa5ad;--stage:#1a1f22;--tip-bg:#e8ebe9;--tip-ink:#111416;--shadow:0 1px 0 #0000004d, 0 18px 40px -22px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#0f1214;--plate:#171b1e;--plate-2:#1d2226;--ink:#e8ebe9;--ink-2:#a7b0b6;--ink-3:#85909a;--rule:#2a3135;--signal:#5d97ff;--signal-ink:#08111f;--signal-soft:#17243a;--tape:#e8ebe9;--tape-ink:#111416;--ok:#4ade80;--warn:#f2b84b;--note:#9aa5ad;--stage:#1a1f22;--tip-bg:#e8ebe9;--tip-ink:#111416;--shadow:0 1px 0 #0000004d, 0 18px 40px -22px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:var(--top-h);scroll-snap-type:y proximity;-webkit-text-size-adjust:100%}:root{--top-h:calc(57px + env(safe-area-inset-top,0px))}.hero-band,.band,.build{scroll-snap-align:start}.hero-band,.band{min-height:calc(100svh - var(--top-h));align-content:center;display:grid}.hero-band>*,.band>*{width:100%;min-width:0}.foot{scroll-snap-align:end}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);margin:0;font-size:16px;line-height:1.55;overflow-x:clip}h1,h2,h3,h4{text-wrap:balance;font-family:var(--f-display);margin:0}p{margin:0}a{color:inherit}img{max-width:100%}button,select,input{font:inherit;color:inherit}code{font-family:var(--f-mono);font-size:.78em;font-stretch:87.5%}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.ico{display:inline-flex}.ico svg{width:100%;height:100%}.skip{z-index:50;background:var(--tape);color:var(--tape-ink);padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.tape{background:var(--tape);color:var(--tape-ink);font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:1px;place-self:start;padding:6px 9px 5px;font-stretch:87.5%;display:inline-block}.btn,.primary{border:1px solid var(--signal);border-radius:var(--r-s);background:var(--signal);color:var(--signal-ink);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:650;font-stretch:105%;line-height:1.1;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn:hover,.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--plate);filter:none}.btn.small{height:36px;padding:0 12px;font-size:14px}.pill,.icon-btn{border:1px solid var(--rule);background:var(--plate);border-radius:var(--r-s);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:14px;text-decoration:none;transition:border-color .15s;display:inline-flex}.icon-btn{flex:none;width:36px;height:36px;padding:0}.icon-btn .ico,.icon-btn svg{width:18px;height:18px}.icon-btn.text{font:600 12px var(--f-mono)}.pill:hover:not(:disabled),.icon-btn:hover{border-color:var(--ink-3)}button:disabled{opacity:.45;cursor:default}.top{z-index:30;align-items:center;gap:var(--s-4);padding:calc(10px + env(safe-area-inset-top,0px)) max(var(--gutter), env(safe-area-inset-right,0px)) 10px max(var(--gutter), env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--ground) 86%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(12px);backdrop-filter:saturate(1.2)blur(12px);border-bottom:1px solid var(--rule);transition:transform .25s;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.wordmark{font:800 20px/1 var(--f-display);letter-spacing:-.01em;font-stretch:118%}.nav{margin-left:var(--s-4);gap:2px;display:flex}.nav-link{color:var(--ink-2);border-radius:var(--r-s);padding:6px 10px;font-size:15px;font-weight:550;text-decoration:none}.nav-link:hover{color:var(--ink);background:var(--plate)}.top-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.hero-band{--ground:#020203;--plate:#171b1e;--plate-2:#1d2226;--ink:#e8ebe9;--ink-2:#a7b0b6;--ink-3:#85909a;--rule:#2a3135;--tape:#e8ebe9;--tape-ink:#111416;background:var(--ground);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hero{max-width:1640px;padding:clamp(28px, 4vw, 60px) var(--gutter) clamp(40px, 5vw, 76px);grid-template-columns:minmax(0,4fr) minmax(0,7.5fr);align-items:center;gap:clamp(28px,3.5vw,60px);margin:0 auto;display:grid}.hero-copy{gap:var(--s-4);align-content:center;min-width:0;display:grid}.hero h1{letter-spacing:-.03em;margin:var(--s-2) 0 0;font-size:clamp(2.3rem,1rem + 3.3vw,4.4rem);font-weight:820;font-stretch:116%;line-height:.95}.hero .lead{color:var(--ink-2);max-width:52ch;margin:0;font-size:clamp(1rem,.95rem + .25vw,1.15rem)}.cta{margin-top:var(--s-1);flex-wrap:wrap;gap:10px;display:flex}.cta .btn{padding:14px 20px;font-size:16px}.cta .btn.ghost{border-color:var(--ink)}.hero-media{min-width:0;margin:0}.hero-stage{aspect-ratio:16/9;border-radius:var(--r);background:var(--ground);position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.legend{z-index:2;font:500 11px/1.3 var(--f-mono);color:var(--ink);background:color-mix(in srgb, var(--plate) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--rule);border-radius:var(--r-s);gap:3px;margin:0;padding:8px 10px;font-stretch:87.5%;list-style:none;display:grid;position:absolute;top:10px;left:10px}.viewer .legend{top:52px;left:auto;right:10px}.legend li{white-space:nowrap;align-items:center;gap:8px;display:flex}.legend i{border-radius:2px;flex:none;width:16px;height:4px}.band{padding-block:clamp(40px,7vh,88px)}.band.alt{background:var(--plate);border-block:1px solid var(--rule)}.wrap{max-width:var(--measure);padding-inline:var(--gutter);margin:0 auto}.section-head{gap:var(--s-3);margin-bottom:var(--s-6);display:grid}.band h2,.build h2{letter-spacing:-.015em;font-size:clamp(1.7rem,1.1rem + 2vw,2.7rem);font-weight:780;font-stretch:110%;line-height:1.05}.section-lead{color:var(--ink-2);max-width:62ch;font-size:1.05rem}.why{gap:var(--s-6) clamp(32px, 5vw, 72px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.why-head{gap:var(--s-3);align-content:start;display:grid}.statement{font:600 clamp(1.15rem, 1rem + .6vw, 1.45rem)/1.35 var(--f-display);margin-top:var(--s-2);font-stretch:104%}.why-text{gap:var(--s-4);color:var(--ink-2);align-content:start;max-width:64ch;font-size:1.04rem;display:grid}.bay-table-wrap{margin-top:var(--s-2);-webkit-overflow-scrolling:touch;grid-column:1/-1;overflow-x:auto}.bay-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:600px}.bay-table th,.bay-table td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:middle;padding:10px 14px}.bay-table thead th{font:600 11px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom-color:var(--ink);font-stretch:87.5%}.bay-table td{font-family:var(--f-mono);white-space:nowrap;font-size:13px;font-stretch:87.5%}.bay-table td:first-child{font-family:var(--f-display);font-size:15px;font-weight:700;font-stretch:100%}.bay-table td.scale{width:34%;min-width:160px}.u-scale{gap:2px;height:12px;display:flex}.u-scale i{background:var(--signal);border-radius:1px;flex-basis:0}.u-scale i.spare{background:var(--ink-3);opacity:.45}.table-note{color:var(--ink-3);margin-top:var(--s-3);max-width:80ch;font-size:13px}.sub{margin:clamp(48px, 7vw, 80px) 0 var(--s-5);font-size:1.3rem;font-weight:720;font-stretch:108%}.uses{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plate{--screw:radial-gradient(circle, var(--rule) 0 2.6px, transparent 3.2px);gap:var(--s-3);background:var(--screw) 8px 8px / 10px 10px no-repeat, var(--screw) calc(100% - 8px) 8px / 10px 10px no-repeat, var(--screw) 8px calc(100% - 8px) / 10px 10px no-repeat, var(--screw) calc(100% - 8px) calc(100% - 8px) / 10px 10px no-repeat, var(--plate);border:1px solid var(--rule);border-radius:var(--r-s);grid-template-rows:auto 1fr auto;min-width:0;padding:22px 22px 18px;display:grid}.plate header{align-items:center;gap:12px;display:flex}.plate h4{font-size:1.05rem;font-weight:720;font-stretch:104%}.plate p{color:var(--ink-2);font-size:.95rem}.plate code{color:var(--ink-3);border-top:1px dashed var(--rule);overflow-wrap:anywhere;padding-top:10px}.use-ico{border-radius:var(--r-s);background:var(--signal-soft);width:36px;height:36px;color:var(--signal);flex:none;place-items:center;display:inline-grid}.use-ico svg{width:20px;height:20px}.gallery{gap:var(--s-4);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--s-3);scrollbar-width:thin;grid-auto-columns:clamp(260px,30%,420px);grid-auto-flow:column;display:grid;overflow-x:auto}.gallery .shot{scroll-snap-align:start}.gallery-nav{margin:calc(-1 * var(--s-5)) 0 var(--s-3);justify-content:flex-end;gap:6px;display:flex}.shot{gap:var(--s-3);grid-template-rows:auto 1fr;min-width:0;margin:0;display:grid}.shot-img{border-radius:var(--r-s);background:var(--stage);border:1px solid var(--rule);display:block;position:relative;overflow:hidden}.shot img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .5s;display:block}.shot:hover img{transform:scale(1.025)}.shot .tape{position:absolute;top:10px;left:10px}.shot figcaption{align-content:start;gap:6px;display:grid}.shot h4{font-size:1.08rem;font-weight:720;font-stretch:104%}.shot p{color:var(--ink-2);max-width:60ch;font-size:.93rem}.shot .spec{font:500 11.5px/1.4 var(--f-mono);color:var(--ink-3);font-stretch:87.5%}.load{color:var(--signal);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;margin-top:4px;padding:0;font-size:.93rem;font-weight:650;text-decoration:underline;display:inline-flex}.how{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.how li{gap:var(--s-2);align-content:start;display:grid;position:relative}.how li:not(:last-child):after{content:"";z-index:0;left:36px;right:calc(-1 * var(--s-5));background:var(--signal);height:3px;position:absolute;top:17px}.how b{z-index:1;background:var(--ink);width:36px;height:36px;color:var(--ground);font:700 15px var(--f-mono);box-shadow:0 0 0 6px var(--ground);margin-bottom:var(--s-2);border-radius:50%;place-items:center;display:grid;position:relative}.how h4{font-size:1.1rem;font-weight:720;font-stretch:104%}.how p{color:var(--ink-2);max-width:38ch}.build{padding-block:clamp(48px,7vw,88px) 0}.build-head,.examples{margin-bottom:var(--s-5)}.examples summary{align-items:baseline;gap:4px var(--s-3);cursor:pointer;padding:var(--s-3) var(--s-4);border:1px solid var(--rule);border-radius:var(--r);background:var(--plate);flex-wrap:wrap;font-weight:600;list-style:none;display:flex}.examples summary::-webkit-details-marker{display:none}.examples summary:before{content:"▸";color:var(--ink-3);transition:transform .15s}.examples[open] summary:before{transform:rotate(90deg)}.examples summary small{color:var(--ink-3);font-weight:400}.examples summary:hover{border-color:var(--ink-3)}#examplesList{padding:var(--s-3) 0 0}.layout{--panel-w:410px;grid-template-columns:var(--panel-w) minmax(0, 1fr);border-block:1px solid var(--rule);background:linear-gradient(90deg, var(--plate) calc(var(--panel-w) - 1px), var(--rule) 0 var(--panel-w), transparent 0);align-items:start;max-width:1680px;margin:0 auto;display:grid}.panel{top:var(--top-h);max-height:calc(100vh - var(--top-h));padding:var(--s-5) var(--s-4) var(--s-6) max(var(--s-4), calc(var(--gutter) - 8px));overscroll-behavior:contain;min-width:0;position:sticky;overflow:auto}.panel-title{font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 4px var(--s-3);font-stretch:87.5%}.step{border-top:1px solid var(--rule);padding:var(--s-4) 4px}.step:first-child{border-top:0;padding-top:4px}.step header{margin-bottom:var(--s-3);cursor:help;align-items:center;gap:10px;display:flex}.step h3{flex:1;font-size:1rem;font-weight:700;font-stretch:104%}.step-num{border-radius:var(--r-s);background:var(--tape);width:24px;height:24px;color:var(--tape-ink);font:600 11px var(--f-mono);flex:none;place-items:center;display:grid}.info{border:1px solid var(--rule);background:var(--plate);width:22px;height:22px;color:var(--ink-3);cursor:pointer;border-radius:50%;padding:0;font:italic 700 12px/1 Georgia,serif}.body{gap:10px;min-width:0;display:grid}.hint{color:var(--ink-3);font-size:12.5px;line-height:1.4}.hint.warn{color:var(--warn)}.seg{background:var(--plate-2);border:1px solid var(--rule);border-radius:var(--r-s);flex-wrap:wrap;gap:3px;padding:3px;display:flex}.seg-btn{cursor:pointer;min-width:40px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:2px;flex:1;padding:7px 8px;font-weight:600;transition:background .15s,color .15s}.seg-btn:hover{color:var(--ink)}.seg-btn.active{background:var(--signal);color:var(--signal-ink)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.small .chip{padding:5px 9px;font-size:12.5px}.chip{border:1px solid var(--rule);background:var(--plate);border-radius:var(--r-s);cursor:pointer;padding:6px 11px;font-size:14px;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--ink-3)}.chip.active{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.cards{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.card-btn{text-align:center;cursor:pointer;border:1px solid var(--rule);background:var(--plate);border-radius:var(--r-s);color:var(--ink);justify-items:center;gap:3px;padding:10px 8px;transition:border-color .15s,background .15s;display:grid}.card-btn .ico{width:64px;height:44px;color:var(--ink)}.card-btn strong{font-stretch:104%}.card-btn small{color:var(--ink-3);font-size:11.5px;line-height:1.25}.card-btn:hover{border-color:var(--ink-3)}.card-btn.active{border-color:var(--signal);background:var(--signal-soft);box-shadow:inset 0 0 0 1px var(--signal)}.rows{gap:6px;display:grid}.row{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;display:grid}.row .u{font:600 11px/1.25 var(--f-mono);color:var(--ink-3);font-stretch:87.5%}.select{border:1px solid var(--rule);border-radius:var(--r-s);background:var(--plate-2);width:100%;min-width:0;padding:7px 10px}.zone{border:1px solid var(--rule);border-radius:var(--r-s);background:var(--plate-2);gap:6px;padding:10px;display:grid}.zone-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.zone-head b{font-size:13.5px}.zone-size{font:500 11.5px var(--f-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;font-stretch:87.5%}.zone .chip:disabled{opacity:.38;cursor:not-allowed;text-decoration:line-through}.zone .chip.active.misfit{background:var(--warn);border-color:var(--warn)}.split{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.split input[type=range]{width:100%;accent-color:var(--signal)}.tray{gap:4px;margin:-2px 0 6px 84px;display:grid}.tray-slots{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;display:grid}.tray-slots .select{padding:5px 8px;font-size:13px}.ports{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.port{aspect-ratio:1;border-radius:var(--r-s);border:1px solid var(--rule);cursor:pointer;background:var(--plate-2);text-align:center;align-content:center;place-items:center;gap:1px;min-width:0;padding:2px;font-size:10px;line-height:1.1;display:grid;overflow:hidden}.port b{font:600 13px var(--f-mono)}.port:hover{border-color:var(--ink-3)}.port-rj45m{color:#24282e;background:linear-gradient(160deg,#e6e9ee,#b9c0ca)}.port-rj45{color:#2b2723;background:#fbfaf7}.port-hdmi,.port-usb,.port-rca,.port-jack,.port-toslink{color:#f3f1ec;background:#2a2c31}.port-rca{box-shadow:inset 0 -4px #c0392b}.port-cover{color:#fff;background:#5a6170}.port-pass{color:#fff;background:repeating-linear-gradient(135deg,#5a6170 0 6px,#6f7787 6px 12px)}.port-none{color:var(--ink-3);background:0 0;border-style:dashed}.port-ctl{grid-column:1/-1;gap:6px;display:flex}.mini{border-radius:var(--r-s);border:1px solid var(--rule);background:var(--plate);cursor:pointer;width:28px;height:28px;padding:0;font-weight:700}.toggles{gap:8px;display:grid}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.track{background:var(--rule);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.toggle input:checked+.track{background:var(--signal)}.toggle input:checked+.track:after{transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--signal);outline-offset:2px}.toggle.advanced{margin:var(--s-5) 4px var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--rule)}.toggle.advanced small{color:var(--ink-3);font-weight:400}.advanced-form{border:1px solid var(--rule);border-radius:var(--r-s);background:var(--plate);padding:2px 12px}.sec{border-bottom:1px solid var(--rule)}.sec:last-child{border-bottom:0}.sec summary{cursor:pointer;justify-content:space-between;padding:10px 2px;font-weight:650;list-style:none;display:flex}.sec summary::-webkit-details-marker{display:none}.sec summary:after{content:"+";color:var(--ink-3);font-family:var(--f-mono)}.sec[open]>summary:after{content:"–"}.param{cursor:help;grid-template-columns:minmax(0,1fr) minmax(0,150px);align-items:center;gap:8px;padding:3px 2px 7px;display:grid}.param .name{overflow-wrap:anywhere;min-width:0;font-size:13px}.param.modified .name:after{content:" •";color:var(--signal);font-weight:700}.param input[type=checkbox]{width:18px;height:18px;accent-color:var(--signal);justify-self:end}.param input,.param select,.dim input{min-width:0}.param .num,.param .text,.param .select,.dim .num{font-size:13.5px}.param .num,.param .text{border:1px solid var(--rule);border-radius:var(--r-s);background:var(--plate-2);text-align:right;font-variant-numeric:tabular-nums;width:100%;padding:5px 8px}.param .text{text-align:left}.slider{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:6px;display:grid}.slider input[type=range]{width:100%;accent-color:var(--signal)}.stage{min-width:0;padding:var(--s-4) var(--gutter) var(--s-6) var(--s-5);gap:var(--s-4);display:grid}.viewer{height:clamp(420px, calc(100vh - var(--top-h) - 110px), 900px);border-radius:var(--r);background:var(--stage);border:1px solid var(--rule);position:relative;overflow:hidden}.view{position:absolute;inset:0}.view canvas{width:100%;height:100%;display:block}.tabs{z-index:2;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:4px;padding-bottom:2px;display:flex;position:absolute;top:10px;left:10px;right:10px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--rule);border-radius:var(--r-s);cursor:pointer;background:color-mix(in srgb, var(--plate) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-2);flex:none;padding:5px 11px;font-size:13px;font-weight:600}.tab:hover:not(:disabled){color:var(--ink)}.tab.active{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.tab-sub{flex:none}.tab-sub .select{background:var(--plate);width:auto;max-width:260px;padding:5px 10px}.floatbar{z-index:2;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.floatbar .pill{background:color-mix(in srgb, var(--plate) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 11px;font-size:13px}.spacer{flex:1}.status{font:500 12px/1.3 var(--f-mono);color:var(--ink-2);border-radius:var(--r-s);background:color-mix(in srgb, var(--plate) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--rule);padding:7px 10px;font-stretch:87.5%}.case-name{color:var(--ink)}.status:empty{display:none}.status.busy:before{content:"";vertical-align:-1px;border:2px solid var(--signal);border-right-color:#0000;border-radius:50%;width:9px;height:9px;margin-right:7px;animation:.8s linear infinite spin;display:inline-block}.status.ok{color:var(--ok)}.status.error{color:var(--warn)}.warn-badge{cursor:pointer;color:var(--warn);border-color:var(--warn);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.results{gap:var(--s-4);display:grid}.downloads{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{accent-color:var(--signal)}.prebuilt{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.prebuilt .label{font:500 11px var(--f-mono);color:var(--ink-3)}.file{font:500 12px var(--f-mono);border-radius:var(--r-s);background:var(--plate);border:1px solid var(--rule);padding:4px 9px;font-stretch:87.5%;text-decoration:none}.file:before{content:"↓ ";color:var(--signal)}.cards-2{gap:var(--s-4);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.card{background:var(--plate);border:1px solid var(--rule);border-radius:var(--r-s);min-width:0;padding:14px 16px}.card h3{font:600 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 8px;font-stretch:87.5%}.card ul{margin:0;padding-left:18px}.card li{overflow-wrap:anywhere;margin:4px 0;font-size:14px}.bom b{font-weight:650}.warnings li.warn{color:var(--warn)}.warnings li.note{color:var(--note)}.warnings li.good{color:var(--ok);list-style:"✓  "}.log summary{cursor:pointer;color:var(--ink-3);font-size:13px}.log pre{font:11px/1.4 var(--f-mono);background:var(--plate);border-radius:var(--r-s);border:1px solid var(--rule);max-height:220px;padding:10px;overflow:auto}.devs{gap:10px;display:grid}.dev-row{gap:6px;display:grid}.dev-title{justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px;display:flex}.dims{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dim{gap:2px;min-width:0;display:grid}.dim small{color:var(--ink-3);font-size:11.5px}.dim .num{border:1px solid var(--rule);border-radius:var(--r-s);background:var(--plate-2);text-align:right;font-variant-numeric:tabular-nums;width:100%;padding:6px 8px}.link{color:var(--signal);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px}.vec{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches .label{color:var(--ink-3);margin-right:2px;font-size:13px}.swatch{cursor:pointer;background:var(--c);border:2px solid var(--plate);width:26px;height:26px;box-shadow:0 0 0 1px var(--rule), inset 0 -3px 6px #0000002e;border-radius:50%;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--signal), inset 0 -3px 6px #0000002e}.foot{background:var(--plate);border-top:1px solid var(--rule);margin-top:clamp(48px,7vw,88px)}.foot a{text-underline-offset:3px}.foot-main{gap:var(--s-6) clamp(32px, 6vw, 96px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding-block:clamp(36px,5vw,56px);display:grid}.foot-brand{gap:var(--s-2);display:grid}.foot-brand .wordmark{font-size:24px}.foot-brand p{color:var(--ink-2);max-width:40ch}.foot-wip{gap:var(--s-3);justify-items:start;display:grid}.foot-wip p{color:var(--ink-2);max-width:46ch}.foot-bottom{justify-content:space-between;gap:var(--s-2) var(--s-6);border-top:1px solid var(--rule);padding-block:var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom,0px));color:var(--ink-3);flex-wrap:wrap;font-size:13.5px;display:flex}.foot-made a{color:var(--ink);font-weight:650}.tip{z-index:60;border-radius:var(--r-s);pointer-events:none;background:var(--tip-bg);max-width:min(320px,100vw - 24px);color:var(--tip-ink);padding:10px 13px;font-size:13px;line-height:1.45;position:fixed;box-shadow:0 10px 30px #0000004d}.tip strong{font-family:var(--f-mono);letter-spacing:.02em;opacity:.75;margin-bottom:3px;font-size:11.5px;display:block}.tip p{white-space:pre-line;margin:0}@media (max-width:1240px){.layout{--panel-w:350px}.cards-2{grid-template-columns:minmax(0,1fr)}}@media (max-width:1080px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:760px}.why{grid-template-columns:minmax(0,1fr)}.uses{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-auto-columns:clamp(260px,44%,420px)}}@media (max-width:900px){.nav{display:none}html.head-off .top{transform:translateY(-100%)}.layout{height:100svh;scroll-snap-align:start;height:100dvh;scroll-margin-top:calc(-1 * var(--top-h));background:0 0;border-block:0;flex-direction:column;align-items:stretch;display:flex}.stage{display:contents}.viewer{border-width:0 0 1px;border-radius:0;flex:none;order:-1;height:min(42svh,440px);min-height:220px;margin:0}.viewer .tabs{top:calc(10px + env(safe-area-inset-top,0px))}.panel{overscroll-behavior-y:auto;background:var(--plate);min-height:0;max-height:none;padding:var(--s-4) max(var(--gutter), calc((100% - 680px) / 2)) calc(var(--s-6) + env(safe-area-inset-bottom,0px));flex:auto;position:static;overflow-y:auto}.panel .results{padding:var(--s-5) 0 0;margin-top:var(--s-4);border-top:1px solid var(--rule)}.downloads .primary{flex:100%}.prebuilt{margin-left:0}.how{gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.how li:not(:last-child):after{top:36px;left:17px;right:auto;bottom:calc(-1 * var(--s-5));width:3px;height:auto}.how li{column-gap:var(--s-4);grid-template-columns:36px minmax(0,1fr)}.how li b{grid-row:span 2;margin:0}}@media (max-width:760px){.hero{padding-top:var(--s-4);gap:var(--s-4)}.hero-copy{display:contents}.cta{order:1;margin-top:0}.hero-stage{border-radius:4px}.cta .btn{flex:auto;justify-content:center}}@media (max-width:600px){.top{gap:var(--s-2)}.top-actions .btn.small,.hero-stage .legend{display:none}.legend{gap:2px;padding:6px 8px;font-size:10px}.uses{grid-template-columns:minmax(0,1fr)}.gallery{grid-auto-columns:82%}.param{grid-template-columns:minmax(0,1fr) 128px}.floatbar{gap:4px;bottom:8px;left:8px;right:8px}.floatbar .pill{padding:5px 8px;font-size:12px}.status{padding:6px 8px;font-size:11px}.viewer .legend,.case-name{display:none}.row{grid-template-columns:62px minmax(0,1fr)}.tray{margin-left:0}.seg-btn{min-width:34px;padding:7px 4px}.foot-main{grid-template-columns:minmax(0,1fr)}}