/* Let the window be the interface. The CSS drawing stays until 3D is ready. */
.calc-section .calc-stage{--calc-stage:#f3f1ec;background:var(--calc-stage)}
.calc-stage .calc-stage-grid,.calc-stage .calc-stage-floor{display:none}
.calc-stage:after{background:radial-gradient(ellipse at 48% 36%,#fff 0%,#ffffff80 34%,transparent 76%)}
.calc-3d-surface{position:absolute;inset:38px 10px 68px;z-index:2;opacity:0;transition:opacity .6s ease;pointer-events:none}
.calc-3d-surface canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline-offset:-5px;border-radius:8px}
.calc-3d-surface canvas:active{cursor:grabbing}
.calc-stage.is-3d .calc-3d-surface{opacity:1;pointer-events:auto}
.calc-stage.is-3d .calc-window,.calc-stage.is-3d .calc-dimension{visibility:hidden;pointer-events:none}
.calc-stage.is-3d .calc-stage-top{display:none}
.calc-stage.is-3d #calc-drawing-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.calc-stage.is-3d .calc-stage-bottom{justify-content:center}
.window3d-ui{position:absolute;inset:0;pointer-events:none;z-index:5;font-family:var(--body-font,var(--font,'Satoshi',sans-serif));display:none}
.calc-stage.is-3d .window3d-ui{display:block}
.window3d-toolbar{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;gap:12px;pointer-events:none}
.window3d-toolbar>button{font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.3;border:0;background:transparent;color:#6c6070;pointer-events:auto;min-height:44px;transition:color .25s,background .25s,transform .3s}
.window3d-toolbar>.window3d-reset{width:44px;height:44px;padding:12px;margin-left:auto;border-radius:50%;display:grid;place-items:center}
.window3d-reset svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.window3d-toolbar>.window3d-reset:hover{background:#29173508;color:#291735;transform:rotate(-18deg)}
.window3d-toolbar>.window3d-touch-rotate{padding:10px 17px;border-radius:24px;background:#ffffffa8;color:#291735}
.window3d-toolbar>.window3d-touch-rotate[aria-pressed=true]{background:#291735;color:#f7f4ef}
.window3d-toolbar>button[hidden]{display:none!important}
.calc-stage.is-exploring .calc-3d-surface canvas{cursor:grabbing}
@media(max-width:760px){.calc-3d-surface{inset:45px 6px 64px}.window3d-toolbar{top:9px;left:12px;right:10px}}
@media(prefers-reduced-motion:reduce){.calc-3d-surface,.window3d-toolbar>button{transition:none}}