.model-section{margin-top:44px;scroll-margin-top:100px}.model-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.model-section-heading .overline{margin-bottom:12px}.model-section-heading h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.04em;line-height:1.1;margin:0}.model-section-heading>a{font-size:12px;color:var(--muted);text-underline-offset:5px}.model-viewer{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #344139;border-radius:8px;overflow:hidden;background:#151a17}.model-stage{position:relative;min-height:650px;background:radial-gradient(ellipse at 45% 38%,#f0f3ef 0%,#e0e6e1 62%,#ced8d1 100%);isolation:isolate;min-width:0;overflow:hidden}.model-poster{position:absolute;width:100%;height:100%;object-fit:contain;padding:0}.model-viewport{position:absolute;inset:0;z-index:1}.model-viewport canvas{width:100%;height:100%;display:block;outline-offset:-5px;cursor:grab}.model-viewport canvas:active{cursor:grabbing}.model-stage-label{position:absolute;inset:23px 24px auto;display:flex;justify-content:space-between;gap:10px;color:#3f5148;font:10px var(--mono);letter-spacing:.14em;z-index:2;pointer-events:none}.model-stage-label span:first-child{font-weight:bold;letter-spacing:.23em}.model-load{position:absolute;inset:auto 20px 35px;z-index:3;text-align:center;color:#283d32}.model-load button{border:1px solid #234536;background:#173d2b;color:#ecf7ef;padding:15px 24px;border-radius:4px;font:14px var(--sans);cursor:pointer;min-height:48px}.model-load p{font:12px var(--sans);margin:12px auto 0;max-width:380px;line-height:1.5}.model-ready .model-load,.model-ready .model-poster{display:none}.model-stage-tools{position:absolute;bottom:54px;right:20px;z-index:2;display:flex;gap:5px}.model-stage-tools button{min-width:40px;min-height:40px;background:#f8faf7dd;border:1px solid #b8c7bd;color:#1d3b2a;font:13px var(--sans);border-radius:4px;padding:8px 12px;cursor:pointer}.model-stage-tools button:first-child,.model-stage-tools button:nth-child(2){font-size:20px}.model-gesture{position:absolute;bottom:16px;inset-inline:12px;z-index:2;text-align:center;color:#3d5245;font:11px var(--sans);margin:0;pointer-events:none}.model-panel{padding:28px 22px;color:#e8eee8;border-left:1px solid #344139}.model-eyebrow{font:9px var(--mono);letter-spacing:.13em;color:#a4b9ad;margin:0 0 17px}.model-control-group+.model-control-group{margin-top:28px;padding-top:26px;border-top:1px solid #334238}.model-panel button{font:12px var(--sans);min-height:42px;cursor:pointer;border-radius:4px;color:#c4d0c7;background:transparent;border:1px solid #3b4a40;transition:background .15s,color .15s,border-color .15s}.model-panel button:hover:enabled{background:#27362c;color:#fff;border-color:#7d9b88}.model-panel button:disabled{cursor:default;opacity:.5}.model-panel button[aria-pressed="true"]{background:#b8eed0;color:#102b1b;border-color:#b8eed0}.model-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.model-modes button{padding:8px 4px;font-size:11px}.model-separation{margin-top:23px}.model-separation label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#c4d0c7}.model-separation output{font:11px var(--mono);color:#b8eed0}.model-separation input{width:100%;height:32px;accent-color:#a7dfbc;cursor:ew-resize;margin:7px 0 0}.model-separation>div{display:flex;justify-content:space-between;color:#9cb2a4;font-size:10px}.model-views{display:flex;gap:6px;margin-top:20px}.model-views button{flex:1;font-size:11px;padding:6px 8px}.model-parts{display:flex;flex-wrap:wrap;gap:6px}.model-parts button{font-size:11px;padding:7px 10px;min-height:36px}.model-detail{margin-top:23px;min-height:138px}.model-detail-kicker{font:9px var(--mono);letter-spacing:.16em;color:#add7ba;margin:0 0 9px}.model-detail h3{font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}.model-detail p:last-child{font-size:12px;line-height:1.75;color:#bac8bf;margin:0}.model-keyboard{margin-top:18px;font-size:11px;color:#a5b7ac}.model-keyboard summary{cursor:pointer;padding:7px 0}.model-keyboard p{font-size:11px;line-height:1.7}.model-reference-note{font-size:12px;line-height:1.8;color:var(--muted);max-width:970px;margin:18px 0 0}.model-reference-note a{color:var(--phosphor);text-underline-offset:4px;white-space:nowrap}.model-viewer [hidden]{display:none!important}.model-viewer :focus-visible{outline:2px solid #55ad7f;outline-offset:3px}.model-panel :focus-visible{outline-color:#c3f7d3}.model-viewer.model-error .model-viewport{display:none}
@media(max-width:1050px){.model-viewer{grid-template-columns:minmax(0,1fr) 280px}.model-panel{padding:24px 17px}.model-stage{min-height:650px}}
@media(max-width:760px){.model-section-heading{align-items:start;flex-direction:column;gap:18px}.model-viewer{grid-template-columns:1fr}.model-stage{min-height:430px}.model-panel{border-left:0;border-top:1px solid #344139;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.model-control-group+.model-control-group{border:0;margin:0;padding:0}.model-keyboard{grid-column:1/-1;margin:0}.model-detail{min-height:0}.model-stage-label{inset:20px 18px auto;font-size:9px}}
@media(max-width:500px){.model-section{margin-top:34px}.model-panel{display:block;padding:23px 20px}.model-control-group+.model-control-group{margin-top:25px;padding-top:24px;border-top:1px solid #334238}.model-keyboard{margin-top:20px}.model-stage{min-height:370px}.model-stage-tools{bottom:46px;right:12px}.model-stage-tools button{min-height:38px;min-width:38px;padding:6px 10px}.model-gesture{font-size:10px;bottom:14px}.model-poster{padding:0}.model-reference-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.model-panel button{transition:none}}