.model-page{background:var(--ex-paper);min-height:100svh;color:var(--ex-ink);padding-bottom:32px;position:relative}.model-footer{border-top:1px solid var(--ex-line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:24px;display:flex}.model-page :focus-visible{outline:2px solid var(--ex-ink);outline-offset:4px}.model-stage{padding-bottom:var(--ex-space-section);grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:40px;display:grid}.model-viewport{background:var(--ex-ink);height:600px;color:var(--ex-paper);position:relative;overflow:hidden}.model-viewport__rail{z-index:4;font:10px var(--ex-font-mono);color:var(--ex-line);pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex;position:absolute;top:24px;left:24px;right:24px}.model-module-loading{font:11px var(--ex-font-mono);color:var(--ex-line);place-items:center;display:grid;position:absolute;inset:0}.model-page .model-viewer__loader,.model-page .model-viewer__empty span,.model-page .model-viewer__empty small{color:var(--ex-line);font-size:10px}.model-page .model-viewer__screenshot{border-radius:var(--ex-radius-action);border-color:var(--ex-line);background:var(--ex-ink);min-height:44px;color:var(--ex-paper);-webkit-backdrop-filter:none;top:64px}.model-viewport :focus-visible{outline-color:var(--ex-paper)}.model-options{border-top:1px solid var(--ex-line);font:11px var(--ex-font-mono);align-self:end}.model-options__head{color:var(--ex-muted);padding:20px 0}.model-options dl{margin:0}.model-options dl>div{border-top:1px solid var(--ex-line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:20px;display:flex}.model-options dt{color:var(--ex-muted)}.model-options dd{margin:0}.empty-dot{background:var(--ex-muted);width:5px;height:5px;margin-right:7px;display:inline-block}.model-slot-note{color:var(--ex-muted);padding-block:24px}.model-slot-note p{font:14px/1.8 var(--ex-font-sans)}@media (width<=760px){.model-stage{grid-template-columns:minmax(0,1fr);gap:24px}.model-viewport{height:64svh;min-height:420px}}@media (prefers-reduced-motion:reduce){.model-page *,.model-page :before,.model-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
