/* Keep workspace chrome outside each independently sized drawing surface. */
#plannerMultiView { position:absolute;inset:var(--planner-toolbar-height) 0 var(--planner-footer-height);display:grid;grid-template-rows:44px minmax(0,1fr) 24px;color:#28392f;background:#e6e8e2; }
html.planner-ui-v5 #app.planner-toolbar-layout #plannerMultiView #statusPill { position:static;inset:auto;align-self:center;max-width:100%;min-width:0;max-height:24px;margin:0;padding:3px 12px;border:0;border-radius:0;box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px/18px 'Segoe UI',sans-serif;background:transparent;pointer-events:none; }
.multiview-bar { display:flex;align-items:center;gap:6px;min-width:0;padding:0 10px;background:#f7f8f3;border-bottom:1px solid #d5dbd0;overflow-x:auto; }
.multiview-bar strong { font:600 11px 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-right:4px; }
#plannerMultiView button { border:1px solid transparent;border-radius:5px;box-shadow:none;background:transparent;color:#405246;cursor:pointer; }
#plannerMultiView .multiview-bar button { min-height:40px;white-space:nowrap;padding:5px 10px;font:12px 'Segoe UI',sans-serif; }
#plannerMultiView .multiview-bar button[aria-pressed=true] { background:#e5edde;border-color:#c9d6c0;color:#284e37; }
#plannerMultiView button:hover { background:#dce6d5; }
#plannerMultiView button:focus-visible, #plannerMultiView select:focus-visible { outline:2px solid #345f48;outline-offset:-3px; }
.multiview-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);gap:6px;padding:6px;min-height:0;min-width:0; }
.multiview-grid[data-count="3"] { grid-template-rows:repeat(2,minmax(0,1fr)); }
.multiview-grid[data-count="1"], .multiview-grid[data-count="0"] { grid-template-columns:minmax(0,1fr); }
.multiview-panel { display:grid;grid-template-rows:44px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:#fff;border:1px solid #cbd2c5;border-radius:7px; }
.multiview-header { display:flex;align-items:center;gap:4px;min-width:0;padding-left:12px;background:#fafbf7;border-bottom:1px solid #dce1d6; }
.multiview-header strong { flex:1;min-width:0;font:600 12px 'Segoe UI',sans-serif;white-space:nowrap; }
#plannerMultiView .multiview-header button { width:44px;height:44px;min-height:44px;flex:none;font:22px 'Segoe UI',sans-serif;padding:0; }
.multiview-header select { min-width:0;max-width:min(260px,55%);min-height:36px;padding:3px;font-size:13px;background:#fff;color:#405246;border:1px solid #d5dbd0;border-radius:4px; }
.multiview-body { position:relative;min-width:0;min-height:0;overflow:hidden; }
.multiview-body > img { width:100%;height:100%;object-fit:contain;background:#fff; }
.elevation-workspace { container-type:inline-size;container-name:elevation; }
.elevation-layout { position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0; }
.elevation-layout.has-items { grid-template-columns:minmax(0,1fr) clamp(250px,32%,440px); }
.elevation-surface { position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none; }
.elevation-surface.is-panning { cursor:grabbing; }
.elevation-surface:focus-visible { outline:2px solid #345f48;outline-offset:-2px; }
.elevation-surface > img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;transform-origin:center;pointer-events:none; }
.elevation-highlight { position:absolute;inset:0;width:100%;height:100%;transform-origin:center;pointer-events:none; }
.elevation-highlight rect { fill:#2586dc;fill-opacity:.22;stroke:#1269b6;stroke-width:3; }
.elevation-item-panel { min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;border-left:1px solid #dce1d6;background:#fff;padding:12px; }
.elevation-item-panel:focus-visible { outline:2px solid #345f48;outline-offset:-2px; }
.elevation-item-panel table { width:100%;border-collapse:collapse;table-layout:fixed;font:12px/1.4 'Segoe UI',sans-serif;color:#27313a; }
.elevation-item-panel caption { text-align:left;font-size:15px;font-weight:600;padding:0 0 10px; }
.elevation-item-panel th,.elevation-item-panel td { text-align:left;vertical-align:top;padding:7px 5px;border-bottom:1px solid #dce2dc;overflow-wrap:anywhere; }
.elevation-item-panel thead th { position:sticky;top:-12px;background:#fff;font-size:11px;font-weight:600; }
.elevation-item-panel th:first-child { width:24%; }
.elevation-item-panel th:nth-child(2) { width:34%; }
.elevation-item-panel .elevation-item-category th { background:#edf1ed;font-weight:600; }
.elevation-item-panel tbody tr:nth-child(odd):not(.elevation-item-category) { background:#fafbf9; }
.elevation-item-panel tr[data-elevation-item] { cursor:pointer; }
.elevation-item-panel tr[data-elevation-item]:hover { background:#eef5fc; }
.elevation-item-panel tr[data-elevation-item].is-selected { background:#dceeff; }
.elevation-item-panel tr.is-selected td:first-child { box-shadow:inset 3px 0 #1269b6; }
#plannerMultiView .elevation-item-panel td button { display:block;width:100%;min-height:28px;padding:0;text-align:left;font:inherit;color:inherit;overflow-wrap:anywhere; }
.elevation-item-panel td:first-child { padding-top:2px;padding-bottom:2px; }
@media (pointer:coarse) {
  #plannerMultiView .elevation-item-panel td button { min-height:44px; }
}
@container elevation (max-width:620px) {
  .elevation-layout.has-items { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(0,2fr); }
  .elevation-item-panel { border-left:0;border-top:1px solid #dce1d6;padding:8px; }
}
#plannerMultiView .elevation-navigation { position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #cbd2c5;border-radius:7px;background:rgba(250,251,247,.96);box-shadow:0 2px 8px #25382a1a;cursor:default; }
#plannerMultiView .elevation-navigation button { min-width:44px;min-height:44px;padding:4px 8px;font:600 16px 'Segoe UI',sans-serif;touch-action:manipulation; }
#plannerMultiView .elevation-navigation button:disabled { opacity:.4;cursor:default; }
#plannerMultiView .elevation-navigation output { min-width:47px;text-align:center;font:12px 'Segoe UI',sans-serif;color:#405246; }
.multiview-empty { align-self:center;margin:0;padding:24px;text-align:center;color:#697565;font:13px/1.5 'Segoe UI',sans-serif; }
#plannerMultiView [hidden] { display:none!important; }
html.planner-ui-v5 #app.planner-toolbar-layout #plannerMultiView #threeViewport { position:absolute;inset:0;height:auto;visibility:visible;pointer-events:auto; }
body[data-multi-view=true] #plannerMultiView #plannerViewerFrame { position:absolute;inset:0;width:100%;height:100%; }
body[data-multi-view=true] #plannerMultiView #planCanvas, body[data-multi-view=true] #plannerMultiView #selectionHighlightCanvas { opacity:1; }
body[data-multi-view=true] #plannerMultiView #planCanvas { pointer-events:auto; }
body[data-multi-view=true] #plannerMultiView .selection-hud, body[data-multi-view=true] #plannerMultiView .dimension-editor, body[data-multi-view=true] #plannerMultiView .drag-ghost { opacity:1;pointer-events:auto; }
body[data-multi-view=true] #plannerMultiView .canvas-badge { display:none; }
body[data-multi-view=true] #plannerMultiView .floorplan-mini-map { top:8px;right:8px;max-width:140px; }
html.tablet-planner #plannerMultiView .multiview-bar button { min-height:44px; }
html.tablet-planner #plannerMultiView select { min-height:44px;font-size:16px; }
/* Reserve the same row as the touch-sized placement category buttons. */
html.planner-ui-v5.tablet-planner body[data-multi-view=true] #plannerToolbar #v5ToolRail .planner-finish-ribbon { padding-bottom:44px; }
@media(max-width:600px) {
  .multiview-grid { grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr); }
  .multiview-grid[data-count="3"] { grid-template-rows:repeat(3,minmax(0,1fr)); }
  #plannerMultiView .multiview-panel { grid-area:auto!important; }
  .multiview-header { padding-left:8px; }
  .multiview-bar { padding:0 4px;gap:2px; }
  .multiview-bar strong { display:none; }
}
#plannerMultiView #plannerAiRenderButton { width:auto; min-width:90px; padding:0 12px; font-size:12px; white-space:nowrap; }

/* Display modes belong to the 2D panel, with labels on hover/keyboard focus. */
html.planner-ui-v5 #plannerMultiView #planStageSwitch { position:relative;display:flex;flex:none;gap:2px;padding:0;margin:0 4px 0 0;border:0;border-radius:5px;background:transparent;box-shadow:none;backdrop-filter:none; }
html.planner-ui-v5 #plannerMultiView #planStageSwitch .plan-stage-btn { display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:5px;box-shadow:none;transform:none; }
html.planner-ui-v5 #plannerMultiView #planStageSwitch .plan-stage-btn[aria-checked="true"] { background:#e5edde;border-color:#9bb391;color:#284e37; }
html.planner-ui-v5 #plannerMultiView #planStageSwitch svg { width:20px;height:20px; }
html.planner-ui-v5 #plannerMultiView #planStageSwitch .top-control-label { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
html.planner-ui-v5 #plannerMultiView #planStageSwitch .top-control-tooltip::after { top:calc(100% + 5px); }
.multiview-header { position:relative;z-index:2; }
.multiview-header strong { overflow:hidden;text-overflow:ellipsis; }