.spatial-stage{position:relative;height:min(620px,max(430px,calc(100svh - 235px)));border:1px solid #d5ceb8;border-radius:12px;background:#e7e3d5;overflow:hidden;isolation:isolate}
.spatial-stage .b3-canvas{position:absolute;inset:0;height:100%;min-height:0;border-radius:0;background:transparent}
.spatial-top{position:absolute;inset:10px 12px auto;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none;font-size:12px;color:#5a6652}
.spatial-top>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}.spatial-top>span{max-width:40%}
.spatial-stage button{font:inherit;font-size:12px;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #c5bda5;background:#f6f0e2;color:#48533f;border-radius:7px;cursor:pointer;margin:0;touch-action:manipulation}
.spatial-stage button[aria-pressed=true]{background:#e5d7b5;border-color:#a68245;box-shadow:inset 0 0 0 1px #a68245}
.spatial-stage button[data-spatial=confirm]{background:#708570;color:#fff8e8;font-weight:600}
.spatial-context{position:absolute;left:50%;top:55%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);min-width:180px;padding:9px 11px;border:1px solid #b8ab87;border-radius:10px;background:#faf5e9f5;box-shadow:0 5px 15px #61573b24;font-size:12px;z-index:4;pointer-events:auto}
.spatial-context[hidden]{display:none}.spatial-context>strong{display:block;font-size:12px;color:#79623a;margin-bottom:6px}.spatial-context p{margin:8px 0;font-size:12px;max-width:250px}.spatial-buttons{display:flex;align-items:center;justify-content:center;gap:5px}.spatial-buttons button[data-spatial=left],.spatial-buttons button[data-spatial=right],.spatial-buttons button[data-spatial=minus],.spatial-buttons button[data-spatial=plus]{font-size:24px;line-height:1}
.spatial-tray{position:absolute;bottom:44px;left:12px;right:12px;display:flex;gap:5px;justify-content:center;flex-wrap:wrap;pointer-events:none}.spatial-tray>button{pointer-events:auto;display:flex;align-items:center;gap:5px}
.spatial-notice{position:absolute;bottom:5px;left:12px;right:12px;margin:0;padding:5px 8px;text-align:center;font-size:12px;line-height:1.5;pointer-events:none;background:#f6efdddb;border-radius:5px;color:#5b6550}.spatial-notice.problem{color:#a35342;background:#f5e4d8ed}
.spatial-chip{width:12px;height:12px;display:inline-block;border-radius:2px;background:var(--wood)}.wood-0{--wood:#c29268}.wood-1{--wood:#829b83}.wood-2{--wood:#bfa572}.wood-3{--wood:#9a83a2}.wood-4{--wood:#668fa0}.wood-5{--wood:#af7b86}
.spatial-ready.e23-burr #decision-shelf,.spatial-ready.e23-marbletracks #decision-shelf{display:none}.spatial-field .b3-access{margin:8px 0}.spatial-field .b3-access p{font-size:12px}
@media(max-width:600px){.spatial-stage{height:max(440px,calc(100svh - 250px))}.spatial-top{inset:8px 8px auto;align-items:flex-start;flex-direction:column;font-size:11px;gap:4px}.spatial-top>span{max-width:100%}.spatial-top>div{justify-content:flex-start;gap:4px}.spatial-stage button{padding:5px 8px;font-size:11px}.spatial-context{padding:8px;min-width:170px}.spatial-tray{left:6px;right:6px;bottom:63px;gap:3px}.spatial-tray>button{min-width:44px;padding:4px 6px}.spatial-notice{font-size:11px;bottom:5px;left:6px;right:6px;min-height:38px;display:grid;place-items:center}}

@media(max-width:600px){.spatial-context>p{display:none}.spatial-context .spatial-buttons+.spatial-buttons{margin-top:6px}.spatial-context>p+.spatial-buttons{margin-top:6px}}