.box3d-surface{position:absolute;inset:0;z-index:28;pointer-events:none;transform:none!important}
.box3d-surface[hidden],.box3d-surface [hidden],.box3d-composer-panel[hidden],.box3d-composer-panel [hidden]{display:none!important}
.box3d-tools{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:4px;pointer-events:auto;padding:4px;background:rgba(250,248,244,.94);border:1px solid #cec6b9;border-radius:14px;box-shadow:0 3px 12px #6458430c}
.box3d-tools button,.box3d-actions button{appearance:none;min-height:40px;min-width:40px;border:0;border-radius:10px;padding:8px 10px;background:transparent;color:#534a3d;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;touch-action:manipulation}
.box3d-tools button{font-family:inherit;font-size:14px;line-height:1.2}
.box3d-tools button[aria-pressed="true"]{background:#695d4b;color:#fff}
.box3d-tools button[data-action="doors"][aria-pressed="true"]{background:#e7e0d5;color:#463e32}
.box3d-tools button:hover,.box3d-actions button:hover{background:#ded5c7;color:#342d22}
.box3d-tools button:focus-visible,.box3d-actions button:focus-visible,.box3d-canvas canvas:focus-visible{outline:2px solid #66523b;outline-offset:3px}
.box3d-tools button:disabled{opacity:.4;cursor:default}
.box3d-panel{position:absolute;inset:0;background:#f0ebe4;pointer-events:auto;overflow:hidden;touch-action:none}
.box3d-canvas{position:absolute;inset:0;touch-action:none}
.box3d-canvas canvas{display:block;width:100%;height:100%;touch-action:none}
.box3d-composer-panel{inset:0 40% 0 0;z-index:28;background:transparent;overflow:visible}
.box3d-composer-panel .box3d-canvas{overflow:visible}
[data-planner-mode="custom"] .has-live-preview .composer-canvas>.composer-stage.is-active,
[data-planner-mode="custom"] .composer-canvas .confirmation-info{position:relative;z-index:29;background:#f0ebe4}
.box3d-composer-panel .box3d-canvas{inset:58px 0 44px}
.box3d-tools button[data-action="rotate"][aria-pressed="true"]{background:#695d4b;color:#fff}
.box3d-status{position:absolute;left:16px;right:16px;top:42%;padding:14px;background:#fff9;border-radius:10px;text-align:center;font-size:14px;color:#514637;pointer-events:none}
.box3d-hint{position:absolute;bottom:8px;left:10px;right:10px;margin:0;text-align:center;font-size:12px;color:#766a59;pointer-events:none}
.box3d-dimensions{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);max-width:calc(100% - 20px);padding:8px 12px;border-radius:9px;background:#faf8f0ed;color:#514637;font-size:14px;text-align:center;pointer-events:none}
.box3d-actions{position:absolute;right:14px;bottom:76px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 28px);pointer-events:auto}
.box3d-actions button{font-family:inherit;font-size:14px;background:#faf8f0ed;border:1px solid #cec6b9}
.box3d-add-button[hidden]{display:none!important}
#planViewport.box3d-enabled>#planCanvas{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#composerCanvasViewport.box3d-enabled .custom-drawing-sheet{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#composerCanvasViewport.box3d-enabled .custom-drawing-sheet *,#planViewport.box3d-enabled>#planCanvas *{visibility:hidden!important;pointer-events:none!important}
#composerCanvasViewport.box3d-enabled #livePreviewCaption{visibility:hidden}
.box3d-load-failed .box3d-composer-panel{inset:auto 12px 16px;height:72px;background:transparent;pointer-events:none;transform:none!important}
.box3d-load-failed .box3d-composer-panel .box3d-status{inset:0;margin:0;display:grid;place-items:center;background:#fffc}
.box3d-load-failed .box3d-composer-panel .box3d-dimensions{display:none}
.box3d-failed .box3d-panel{inset:auto 12px 16px;height:72px;background:transparent;pointer-events:none}
.box3d-failed .box3d-status{inset:0;margin:0;display:grid;place-items:center;background:#fffc}
.box3d-failed .box3d-actions,.box3d-failed .box3d-dimensions{display:none}
@media(max-width:720px){
  .box3d-composer{right:40%}
  .box3d-tools{left:6px;top:6px;gap:2px;padding:3px;border-radius:12px}
  .box3d-tools button{padding:8px 6px;min-width:38px;min-height:42px}
  .box3d-dimensions{font-size:12px;padding:6px 8px;bottom:48px;min-width:150px}
  .box3d-hint{bottom:10px;font-size:12px;line-height:1.5}
}
@media(min-width:721px){
  [data-planner-mode="custom"] .plan-person-add{display:none}
  [data-planner-mode="custom"] .builder-footer:has(>.box3d-add-button:not([hidden])){grid-template-columns:minmax(0,1fr) auto auto}
  [data-planner-mode="custom"] .builder-footer:has(>.box3d-add-button:not([hidden])) .finish-button{grid-column:3}
  .builder-footer>.box3d-add-button{grid-column:2;align-self:end;min-height:52px;padding:10px 18px;border:1px solid #cec6b9;border-radius:14px;background:#faf8f0ed;color:#534a3d;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
  .builder-footer>.box3d-add-button:hover{background:#ded5c7}
  .builder-footer>.box3d-add-button:focus-visible{outline:2px solid #66523b;outline-offset:3px}
  .box3d-composer-panel{inset:0;transform:translate(var(--drawing-pan-x,0px),var(--drawing-pan-y,0px)) scale(var(--drawing-zoom,1));transform-origin:center;will-change:transform}
}
