.spatial-display{margin:13px 0 4px;padding:0;position:relative;min-height:278px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.spatial-display canvas{display:block;width:100%;height:220px;margin:0;pointer-events:none}
.spatial-display figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;padding:8px 0 12px;font:14px var(--mono)}
.spatial-display label{display:flex;align-items:center;gap:8px;font:14px var(--mono);letter-spacing:0;color:var(--muted)}
.spatial-display input{width:88px;min-height:28px;accent-color:var(--cyan)}
.spatial-display button{border:1px solid var(--line);background:transparent;color:var(--text);padding:5px 9px;min-height:32px;font:14px var(--mono);cursor:pointer;border-radius:2px}
.spatial-display button:hover{border-color:var(--cyan)}
.spatial-display button:focus-visible,.spatial-display input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.spatial-display button:disabled{opacity:.45;cursor:default}
.spatial-display [data-view-note]{flex:1 0 100%;margin:0;font:13px/1.4 var(--font-body);color:var(--muted)}
.spatial-display[data-renderer-state="disabled"],.spatial-display[data-renderer-state="unsupported"],.spatial-display[data-renderer-state="disposed"]{min-height:0}
.spatial-display[data-renderer-state="pending"] [data-view-note]{visibility:hidden}
.spatial-display[data-renderer-state="disabled"] label,.spatial-display[data-renderer-state="unsupported"] label,.spatial-display[data-renderer-state="disabled"] [data-view-reset],.spatial-display[data-renderer-state="unsupported"] [data-view-reset]{display:none}
@media(max-width:480px){.spatial-display{min-height:310px}.spatial-display figcaption{gap:10px}.spatial-display label,.spatial-display button{font-size:14px}.spatial-display input{width:86px}}