:root{color:#edece6;--muted:#899284;--line:#293028;--accent:#ff8055;--mono:"SFMono-Regular", Consolas, monospace;background:#090b09;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lab-header{color:#a0a899;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:32px 48px;font-size:12px;display:flex}.lab-brand{letter-spacing:-1.4px;color:#eee;font-size:26px;font-weight:650}.lab-brand span{color:var(--accent)}.lab-header>span{font:9px var(--mono);letter-spacing:2px;color:#6b7566}.lab-main{max-width:1280px;margin:auto;padding:38px 48px 55px}.lab-intro{margin-bottom:35px}.lab-kicker{font:9px var(--mono);letter-spacing:1.6px;color:#899b7d;align-items:center;gap:8px;display:flex}.lab-kicker i{background:var(--accent);border-radius:100%;width:5px;height:5px}h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(44px,5.2vw,68px);font-weight:450;line-height:1.04}h1 span{color:#829077}.lab-intro>p{color:#929c89;font-size:13px;line-height:1.8}.lab-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:36px;display:grid}.lab-preview{min-width:0}.lab-stage{isolation:isolate;background:radial-gradient(at 50% 62%,#1b2519,#0c100c 65%);border:1px solid #2b3627;border-radius:15px;height:480px;position:relative;overflow:hidden}.lab-grid{z-index:-1;background-image:linear-gradient(#2c38261f 1px,#0000 1px),linear-gradient(90deg,#2c38261f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0008,#0000 80%);mask-image:radial-gradient(#0008,#0000 80%)}.lab-stage canvas{touch-action:none;cursor:grab;z-index:1;width:100%;height:100%;display:block;position:relative}.lab-stage canvas:active{cursor:grabbing}.lab-placeholder{color:#536449;letter-spacing:-10px;place-items:center;font-size:100px;display:grid;position:absolute;inset:0}.lab-stage.has-3d .lab-placeholder{display:none}.lab-stage-label,.lab-stage-hint{font:8px var(--mono);letter-spacing:1.4px;color:#7f8f73;z-index:2;pointer-events:none;position:absolute;bottom:19px}.lab-stage-label{left:22px}.lab-stage-hint{right:22px}.lab-poses{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.lab-poses button{font:9px var(--mono);color:#8d9b80;background:#10150f;border:1px solid #2c3727;border-radius:7px;padding:13px 3px}.lab-poses button[aria-pressed=true]{color:#f1ddbf;background:#2a2116;border-color:#866342}.lab-models{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lab-model{text-align:left;background:#10150f;border:1px solid #2b3527;border-radius:9px;flex-direction:column;align-items:flex-start;min-height:103px;padding:15px 14px;display:flex;position:relative}.lab-model>span{font:8px var(--mono);color:#718068}.lab-model strong{letter-spacing:-.5px;margin:8px 0 5px;font-size:19px;font-weight:500}.lab-model small{color:#7d8c72;font-size:9px}.lab-model b{color:#5c6f51;font-size:15px;font-weight:400;position:absolute;top:13px;right:14px}.lab-model.is-active{background:linear-gradient(135deg,#2a2418,#151b11);border-color:#8b6846}.lab-model.is-active strong{color:#ffd6af}.lab-model.is-active b{color:var(--accent)}.lab-description{padding:26px 3px 0}.lab-description h2{letter-spacing:-.9px;margin:16px 0 12px;font-size:26px;font-weight:450;line-height:1.2}.lab-description>p{color:#95a189;margin:0;font-size:12px;line-height:1.9}.lab-description dl{margin:20px 0}.lab-description dl>div{border-bottom:1px solid #202a1c;justify-content:space-between;gap:10px;padding:9px 0;font-size:10px;display:flex}.lab-description dt{color:#718267}.lab-description dd{color:#bdc8b4;text-align:right;margin:0}.lab-description>a{color:#a7b79a;margin-top:14px;font-size:10px;display:block}.lab-description>a.lab-home-link{color:#e8bd8e;margin-top:20px}.lab-footnote{color:#6d7b63;max-width:850px;margin:30px 0 0;font-size:10px;line-height:1.9}.lab-footnote a{color:#b5c5a4;text-underline-offset:3px;text-decoration:underline}.lab-footer{color:#75836b;border-top:1px solid #252f21;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:24px 48px;font-size:10px;display:flex}.lab-footer span{font:8px var(--mono);letter-spacing:1.5px}@media (width<=800px){.lab-header{padding:24px}.lab-header>span{display:none}.lab-main{padding:25px 24px 40px}.lab-layout{grid-template-columns:1fr;gap:26px}.lab-stage{height:390px}.lab-description h2{font-size:25px}.lab-models{grid-template-columns:repeat(4,1fr)}.lab-model{min-height:100px;padding:13px 8px}.lab-model strong{font-size:15px}.lab-model small{font-size:8px;line-height:1.5}.lab-model b{display:none}.lab-footer{padding:22px 24px}.lab-stage-label,.lab-stage-hint{letter-spacing:.7px;font-size:7px}.lab-poses button{font-size:8px}h1{letter-spacing:-2.5px;font-size:49px}}@media (width<=390px){.lab-models{grid-template-columns:1fr 1fr}.lab-stage{height:340px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lab-rotation{justify-content:center;gap:8px;margin:12px 0;display:flex}.lab-rotation button{font:inherit;color:#b5b9aa;cursor:pointer;background:#11170f;border:1px solid #30362c;border-radius:5px;padding:8px 13px;font-size:11px}.lab-rotation button:hover{color:#fff;border-color:#776d50}.lab-rotation button:focus-visible{outline-offset:3px;outline:2px solid #ff8c60}