.three-d-viewer{width:100%;min-width:0;color:var(--color-ink);background:var(--color-paper);overflow:hidden}.three-d-viewer-state{min-height:340px;color:var(--color-ink-muted);place-content:center;padding:32px 20px;font-size:13px;display:grid}.three-d-canvas-view{min-width:0;position:relative}.three-d-canvas{background:radial-gradient(ellipse at center, var(--color-paper), var(--color-canvas-soft));touch-action:none;width:100%;height:clamp(300px,43vw,560px)}.three-d-canvas:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.three-d-canvas canvas{width:100%;height:100%;display:block}.three-d-canvas-loading{pointer-events:none;color:var(--color-ink-muted);place-content:center;font-size:13px;display:grid;position:absolute;inset:0 0 100px}.three-d-viewer-controls{border-top:1px solid var(--color-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 0;display:flex}.three-d-orbit-controls{flex-wrap:wrap;gap:2px;display:flex}.three-d-viewer-help{color:var(--color-ink-muted);padding:8px 18px 0;font-size:11px;line-height:1.6}.three-d-viewer-metadata{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;padding:8px 18px 16px;font-size:10px}