/* One spatial workspace, contextual images, and a transient workbench. Desktop only. */
:root { --v26-stage-left:20px; --v26-header:76px; --v28-image-height:216px; }
body[data-v26-collapsed] { --v26-stage-left:20px; }
#v26-header { height:76px; grid-template-columns:minmax(240px,1fr) auto max-content; gap:20px; padding:0 24px; background:#fff; }
#v26-header .project-name { font-size:13px; }
#v26-header .project-subtitle { font-size:11px; }
#v26-header .brand-copy { max-width:none; }
#v26-header .anta-wordmark { font-size:33px; }
#v28-room-nav { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid #e1e5ea; border-radius:11px; background:#f7f8fa; }
#v28-room-nav .v26-icon-button { width:30px; height:32px; }
#v28-room-nav .v26-icon-button:disabled { opacity:.25; cursor:default; }
#v26-header #v28-room-nav .room-picker { background:transparent; border:0; padding:0 2px 0 7px; height:34px; }
#v26-header #room-select { width:224px; height:34px; font-size:13px; font-weight:550; }
#v26-header-actions { gap:8px; }
#v26-header-actions>button { flex:0 0 auto; white-space:nowrap; }
#v26-header #v26-dock-open { position:static; display:flex; gap:7px; height:38px; padding:0 12px; border:1px solid #dfe4ea; border-radius:8px; color:#424851; box-shadow:none; background:#fff; font-size:13px; }
#v26-dock-open[aria-expanded=true] { border-color:#d4a5b0!important; background:#fff5f7!important; color:#b00c2c!important; }
#v26-dock-open>svg { width:17px; height:17px; }
#v26-dock-open .v28-chevron { width:13px; height:13px; transition:transform .16s ease; }
#v26-dock-open[aria-expanded=true] .v28-chevron { transform:rotate(180deg); }
#v28-active-mode { color:#8a919b; padding-left:7px; margin-left:1px; border-left:1px solid #e1e5e9; font-size:12px; }
#v26-header #v27-reference-launch { height:38px; padding:0 12px; font-size:13px; }
#v26-story-launch { font-size:12px; }
#v26-workbench { z-index:65; top:84px; bottom:auto; width:374px; max-height:calc(100vh - 108px); border:1px solid #dfe3e9; border-radius:14px; background:#fff; box-shadow:0 18px 56px #1d2b4229,0 4px 12px #1d2b4210; animation:v28-drop-in .16s ease-out; }
@keyframes v28-drop-in { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
#v26-workbench .v26-dock-heading { min-height:62px; padding:12px 16px 10px; }
#v26-workbench .v26-eyebrow { display:none; }
#v26-workbench .v26-dock-heading h1 { margin:0; font-size:16px; }
#v26-workbench-scroll { max-height:calc(100vh - 174px); padding:0 16px 15px; }
#v26-workbench .mode-button { height:64px; font-size:13px; }
#v26-workbench .mode-button svg { width:25px; height:25px; }
#v26-workbench .device-legend-item { min-height:66px; padding:8px 5px; }
#v26-workbench .device-legend-item i { width:43px; height:43px; min-width:43px; }
#v26-workbench .device-legend-item svg { width:39px; height:39px; }
#v26-workbench .layer-chip { min-height:34px; font-size:12px; }
#v26-stagebar,body[data-v26-presentation=combined][data-v26-collapsed=true] #v26-stagebar { top:88px; height:34px; left:20px; right:20px; padding-left:0; }
#v26-location { gap:16px; }
#v26-location #room-breadcrumb,#v26-floor-label { display:none!important; }
#v28-location-title { color:#444b56; font-size:14px; font-weight:650; }
.v28-back-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:35px; padding:0 12px; border:1px solid #dce1e8; border-radius:8px; color:#414a56; background:#fff; font-size:13px; font-weight:600; white-space:nowrap; box-shadow:0 1px 3px #28394a05; }
.v28-back-button svg { width:18px; height:18px; }
.v28-back-button:hover { color:#b40c2c; background:#fff4f6; border-color:#e4b7c2; }
.v28-back-button:focus-visible { outline:3px solid #d995a6; outline-offset:2px; }
body[data-v26-presentation=combined] #plan-viewport,body[data-v26-presentation=combined] #v26-spatial-view { top:134px; bottom:calc(var(--v28-image-height) + 50px); border-radius:13px; }
body[data-v26-presentation=combined] .zoom-controls { bottom:calc(var(--v28-image-height) + 62px); }
body[data-v26-presentation=combined] #v26-spatial-controls { bottom:11px; }
#v27-room-images { bottom:18px; height:var(--v28-image-height); border-radius:13px; }
body[data-v29-images=false] #v27-room-images { display:none; }
body[data-v26-presentation=combined][data-v29-images=false] #plan-viewport,
body[data-v26-presentation=combined][data-v29-images=false] #v26-spatial-view { bottom:18px; }
body[data-v26-presentation=combined][data-v29-images=false] .zoom-controls { bottom:30px; }
.v27-room-images-heading { flex-basis:46px; min-height:46px; padding:0 16px; }
.v27-room-images-heading strong { font-size:14px; }
.v28-image-actions { display:flex; align-items:center; gap:3px; }
.v28-image-actions .v26-icon-button { width:30px; height:29px; padding:6px; }
.v28-image-actions .v26-icon-button:disabled { opacity:.25; cursor:default; }
.v28-image-actions .v26-text-button { margin-left:9px; color:#a31230; border-left:1px solid #e7e9ed; border-radius:0; height:25px; }
.v27-room-image-list { gap:12px; padding:0 14px 12px; }
button.v27-room-image { flex-basis:calc((100vw - 122px) / 5); width:calc((100vw - 122px) / 5); max-width:302px; height:154px; padding:5px; gap:4px; border-radius:10px; background:#fafbfc; transition:border-color .14s,box-shadow .14s,transform .14s; }
button.v27-room-image img { height:119px; width:100%; aspect-ratio:auto; background:#eef0f3; object-fit:contain; }
button.v27-room-image span { font-size:12px; padding:0 5px; line-height:20px; }
button.v27-room-image:hover { transform:translateY(-2px); box-shadow:0 6px 14px #9c25411a; }
#v28-gallery-backdrop { position:fixed; z-index:75; inset:0; background:#15203378; backdrop-filter:blur(5px); }
#v26-gallery-view { z-index:80; inset:22px; border-radius:16px; border:1px solid #ffffff70; box-shadow:0 22px 80px #0b132d50; background:#fff; }
.v26-gallery-heading { flex:0 0 62px; min-height:62px; padding:0 18px; }
.v28-gallery-title { display:flex; align-items:center; gap:18px; min-width:0; }
.v26-gallery-heading .v26-gallery-room { font-size:14px; color:#525b68; }
.v26-gallery-heading-tools { gap:12px!important; }
.v26-gallery-heading-tools>.v26-icon-button { width:36px; height:36px; background:#f4f5f7; color:#56606d; margin-left:5px; }
.v26-gallery-heading-tools>.v26-icon-button:hover { color:#b40c2c; background:#fff0f3; }
.v26-gallery-thumbnails { min-height:132px; max-height:132px; padding-top:5px; }
.v26-gallery-thumbnail { flex-basis:150px; width:150px; height:112px; gap:4px; }
.v26-gallery-thumbnail>img { width:142px; height:77px; flex-shrink:0; object-fit:contain; }
.v26-gallery-thumbnail>span { font-size:11px; min-height:19px; flex-shrink:0; line-height:19px; padding-bottom:0; }
.v26-gallery-caption { min-height:62px; }
.v26-gallery-arrow { width:44px; height:44px; border-radius:50%; }
.v26-gallery-expand { width:42px; height:42px; }
.v27-reference-grid { gap:14px; padding:16px; }
button.v27-reference-card { box-shadow:0 3px 12px #25313f07; }
button.v27-reference-card img { background:#eff1f4; }
body[data-v28-gallery=open] #v26-stagebar,body[data-v28-gallery=open] .zoom-controls { pointer-events:none; }
.v28-story-navigation { display:flex; align-items:center; gap:5px; padding:2px 4px; background:#fff5f7; border:1px solid #eed7dd; border-radius:8px; }
.v28-story-navigation>span { font-size:12px; font-weight:600; color:#9c2441; padding:0 5px; white-space:nowrap; }
.v28-story-navigation .v26-icon-button { width:28px; height:26px; padding:6px; color:#a42c46; }
.v28-story-navigation .v26-icon-button:disabled { opacity:.3; cursor:default; }
@media (min-width:1700px) { :root { --v28-image-height:240px; } button.v27-room-image { height:177px; } button.v27-room-image img { height:141px; } }
@media (max-width:1320px) { #v26-header { gap:10px; padding:0 18px; grid-template-columns:minmax(220px,1fr) auto auto; } #v26-header #room-select { width:202px; } #v28-active-mode { display:none; } }
@media (prefers-reduced-motion:reduce) { #v26-workbench,button.v27-room-image,#v26-dock-open .v28-chevron { animation:none; transition:none; } }