body{background:var(--ui-background,#f5f6f2);font-family:var(--ui-bodyFont,'DM Sans',sans-serif);color:var(--ui-text,#20231f)}header{background:var(--ui-header,#fff)}.sidebar{background:var(--ui-sidebar,#f5f6f2)}.logo{color:var(--ui-logo);font-family:var(--ui-logoFont)}.logo #logoWord{color:var(--ui-logo);font:inherit}.logo .tiny{color:var(--ui-logoAccent);font-family:var(--ui-bodyFont)}h1,h2,h3,.frame-number{font-family:var(--ui-headingFont,'Manrope',sans-serif)}h1{font-size:clamp(24px,3.4vw,var(--ui-titleSize,42px))}.caption h2{font-size:clamp(20px,2.6vw,var(--ui-captionSize,30px));color:var(--ui-caption)}.caption p{color:var(--ui-captionText);font-size:calc(13px * var(--ui-bodyScale,1))}.caption .eyebrow{color:var(--ui-captionLabel)}.room.selected{background:var(--ui-selected);border-color:var(--ui-border)}.room-title,nav button{font-size:calc(14px * var(--ui-bodyScale,1))}.room-sub,.location,.facts span,.section-label,.sidebar-bottom p,.sidebar-bottom .mini-logo,footer,.tour-text>span,.counter,.demo{color:var(--ui-muted)}.room-sub,.facts span,.sidebar-bottom p,.location,footer,.tour-text>span{font-size:calc(12px * var(--ui-bodyScale,1))}.frame-number{background:var(--ui-number);color:var(--ui-numberText);border-color:var(--ui-border)}.play,.primary{background:var(--ui-accent);color:var(--ui-accentText)}.viewer{border-radius:var(--ui-roundness,13px);background:var(--ui-scene)}.shade{background:linear-gradient(0deg,color-mix(in srgb,var(--ui-shade) calc(var(--ui-shadeOpacity,.6)*100%),transparent),transparent 40%,transparent)}.glass,.viewtools,.scan-actions button{background:color-mix(in srgb,var(--ui-overlay) calc(var(--ui-overlayOpacity,.88)*100%),transparent);color:var(--ui-overlayText);border-color:color-mix(in srgb,var(--ui-overlayText) 30%,transparent);font-family:var(--ui-bodyFont)}.scan-actions button.active{background:var(--ui-accent);color:var(--ui-accentText)}.drag-hint{color:var(--ui-overlayText);font-size:calc(10px * var(--ui-bodyScale,1))}.glass{font-size:calc(12px * var(--ui-bodyScale,1))}.minimap{background:var(--ui-map);color:var(--ui-mapText)}.map-note{color:var(--ui-mapText)}#floorplan>path{stroke:var(--ui-mapLine)}#floorplan>g>circle{fill:var(--ui-mapPoint)}#floorplan>g[aria-current=true]>circle{fill:var(--ui-accent)}#floorplan text{fill:var(--ui-mapText)}#cameraDot{fill:var(--ui-camera);stroke:var(--ui-map)}.marker{background:var(--ui-hotspot);color:var(--ui-hotspotText);border-color:color-mix(in srgb,var(--ui-hotspotText) 25%,transparent)}.hotspot-card{background:var(--ui-card);color:var(--ui-cardText)}.hotspot-card .close{color:var(--ui-cardText)}.segment:before{background:var(--ui-progress)}.segment.selected:before{background:var(--ui-progressActive)}.segment.playing:after{background:var(--ui-accent)}nav .active:after{background:var(--ui-text)}#loadStatus{background:var(--ui-scene);color:var(--ui-overlayText)}#retryLoad{background:var(--ui-accent);color:var(--ui-accentText)}#helpDialog{background:var(--ui-card);color:var(--ui-cardText);font-family:var(--ui-bodyFont)}#helpDialog .muted,#helpDialog .close{color:var(--ui-cardText)}.sidebar-bottom p,footer span,.caption p{white-space:pre-line}.design-hidden{display:none!important}.guest-mode #projectTab,.guest-mode #saveFrame,.guest-mode #addHotspot,.guest-mode #motionButton,.guest-mode #helpDialog>p:nth-of-type(2){display:none!important}.guest-mode .caption{bottom:90px}.pick-copy [data-copy-key],.pick-copy [data-project-key],.pick-copy [data-chapter-key]{pointer-events:auto!important;cursor:crosshair;outline:1px dashed #637fef;outline-offset:3px}.pick-copy .caption,.pick-copy .viewer-top{pointer-events:auto}.pick-copy [data-copy-key]:hover,.pick-copy [data-project-key]:hover,.pick-copy [data-chapter-key]:hover{outline:3px solid #637fef;background:#637fef33}
#designEditor{--accent:#405cda;position:fixed;right:0;top:0;bottom:0;width:370px;background:#fff;color:#202635;border-left:1px solid #dce0e8;z-index:20;display:flex;flex-direction:column;box-shadow:-12px 0 40px #172b3615;font:14px/1.4 system-ui,sans-serif}#designEditor[hidden]{display:none}.editor-open{padding-right:370px}.editor-open main{grid-template-columns:235px 1fr}.editor-open .sidebar{padding-left:22px;padding-right:18px}.editor-open header{gap:25px;padding-left:24px;padding-right:24px}.editor-open .demo{display:none}.editor-open .caption{bottom:155px}.editor-open .scan-actions{max-width:calc(100% - 200px)}.editor-open .minimap{width:165px}.editor-open .timeline{display:none}.ed-head{padding:22px 22px 12px;display:flex;align-items:flex-start;justify-content:space-between}.ed-head span{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#667594}.ed-head h2{font:650 22px/1.2 system-ui;margin:8px 0;color:#202635;letter-spacing:-.5px}.ed-head button{font:26px system-ui;padding:0 4px;color:#647082}.ed-status{padding:0 22px 14px;font:11px system-ui;color:#6a7588;display:flex;gap:10px;align-items:center;justify-content:space-between}.ed-status button{color:#3c57c8;font:11px system-ui;padding:6px 0}.ed-tabs{display:flex;border-bottom:1px solid #e1e5ed;padding:0 16px;gap:6px}.ed-tabs button{flex:1;font:600 12px system-ui;padding:13px 4px;border-bottom:2px solid transparent;color:#707b8e}.ed-tabs button[aria-selected=true]{color:#3456d1;border-color:#405cda}.ed-body{padding:10px 20px 25px;overflow-y:auto;flex:1;overscroll-behavior:contain}.ed-group{border-bottom:1px solid #e6e9ef;padding:12px 0}.ed-group summary{cursor:pointer;font:600 14px system-ui;padding:6px 0;color:#283349}.ed-group-body{padding:8px 0}.ed-field{display:flex;flex-direction:column;gap:7px;margin:12px 0;font:500 12px/1.4 system-ui;color:#4d5a70}.ed-field>input,.ed-field>textarea,.ed-field>select,.ed-color input[type=text]{font:400 14px/1.5 system-ui!important;background:#f9fafc!important;color:#202635!important;border:1px solid #dbe1eb!important;border-radius:6px!important;padding:9px 10px!important;width:100%;min-width:0}.ed-field input:focus,.ed-field textarea:focus,.ed-field select:focus,.ed-color input:focus{outline:2px solid #7d95ec!important;outline-offset:1px}.ed-field input[type=range]{padding:0!important;accent-color:#405cda}.ed-field output{float:right;color:#3456d1;font:600 12px system-ui}.ed-color{display:grid;grid-template-columns:1fr 32px 84px;gap:8px;align-items:center;margin:12px 0}.ed-color label{font:400 12px/1.4 system-ui;margin:0;color:#4d5a70}.ed-color input[type=color]{height:32px;width:32px;padding:2px;border-radius:5px;border:1px solid #dbe1eb;background:white}.ed-color input[type=text]{font-size:12px!important;padding:6px!important}.ed-color input[aria-invalid=true]{border-color:#ba4141!important}.ed-hint,.ed-note{font:12px/1.6 system-ui;color:#748097;margin:0 0 10px}.ed-check{display:flex;flex-direction:row;gap:9px;align-items:center;font:400 13px system-ui;color:#47566e;margin:14px 0}.ed-check input{accent-color:#405cda}.ed-actions{padding:14px 20px 10px;display:flex;gap:10px;border-top:1px solid #e1e5ed;background:white}.ed-actions button{padding:11px 14px;border:1px solid #d5dce8;border-radius:7px;font:600 13px system-ui;color:#47556f}.ed-actions #edSave{background:#405cda;color:white;border-color:#405cda;flex:1}.ed-actions button:disabled{opacity:.45;cursor:default}.ed-note{padding:0 20px 12px;margin:0;font-size:10px}.ed-pick{width:100%;padding:12px;border:1px solid #cbd6fa;background:#edf2ff;color:#3b57cb;border-radius:8px;text-align:left;font:500 13px system-ui;margin:8px 0}.ed-content-card{padding:12px 0;border-bottom:1px dashed #dbe1eb}.ed-content-card h3{font:600 14px system-ui;color:#202635;display:inline;margin-right:20px}.ed-link{font:12px system-ui;color:#405cda;padding:5px 0}#returnEditor{position:fixed;top:12px;right:16px;z-index:30;background:#405cda;color:white;padding:12px 18px;border-radius:7px;box-shadow:0 5px 20px #0003;font:600 13px system-ui}#returnEditor[hidden]{display:none}#designEditor button:focus-visible{outline:2px solid #405cda;outline-offset:3px}@media(max-width:1150px){.editor-open main{display:flex;flex-direction:column}.editor-open .sidebar{padding:20px}.editor-open .sidebar .facts,.editor-open .sidebar-bottom,.editor-open .section-label{display:none}.editor-open #rooms{display:flex;overflow:auto;gap:6px;margin-top:15px}.editor-open .room{width:auto;min-width:100px}.editor-open .frame-number,.editor-open .room-sub{display:none}.editor-open h1{font-size:28px}.editor-open .viewer{height:60vh;min-height:420px}.editor-open .caption{max-width:55%}.editor-open .tiny{display:none}.editor-open .tour-text{min-width:100px}.editor-open .tour-bar{gap:6px}.editor-open .caption p{display:none}.editor-open .workspace{padding:0 14px}.editor-open .scan-actions{max-width:calc(100% - 160px)}.editor-open .minimap{width:135px}.editor-open .drag-hint{max-width:50%;font-size:9px}.editor-open footer{flex-wrap:wrap;gap:10px}}@media(max-width:720px){#designEditor{width:100%;top:42vh;border-top:1px solid #dce0e8;box-shadow:0 -8px 30px #0002}.editor-open{padding-right:0;padding-bottom:58vh}.editor-open .sidebar{display:none}.editor-open header{height:60px}.editor-open .viewer{height:calc(42vh - 65px);min-height:220px}.editor-open .caption{bottom:55px;max-width:50%}.editor-open .caption h2{font-size:20px}.editor-open .caption .eyebrow,.editor-open .drag-hint,.editor-open .scan-actions{display:none}.editor-open .minimap{width:110px;bottom:12px}.editor-open .map-note{font-size:8px}.editor-open .viewtools{top:55px}.editor-open .viewtools button{height:26px;width:28px}.ed-head{padding:12px 18px 2px}.ed-head h2{font-size:18px}.ed-head span{font-size:9px}.ed-status{padding:0 18px 7px}.ed-tabs button{padding:10px 4px}.ed-body{padding:5px 18px 20px}.ed-note{font-size:9px;line-height:1.3;padding-bottom:8px}.ed-actions{padding:8px 18px}.ed-head button{font-size:24px}}
.ed-backup{padding:0 20px 8px}.ed-backup button{font:12px system-ui;color:#405cda;padding:3px 0}body:not(.owner-mode) #projectTab,body:not(.owner-mode) #saveFrame,body:not(.owner-mode) #addHotspot,body:not(.owner-mode) #motionButton{display:none}h1{font-size:var(--ui-titleSize,42px);overflow-wrap:anywhere}.caption h2{font-size:var(--ui-captionSize,30px);overflow-wrap:anywhere}.room-title{overflow-wrap:anywhere}.facts{gap:10px}.facts>div{min-width:0}.facts span{overflow-wrap:normal}.sidebar-bottom .mini-logo{color:var(--ui-logoAccent)}.ed-body button:disabled{opacity:.5;cursor:default}@media(max-width:1150px){.editor-open h1{font-size:min(var(--ui-titleSize,42px),34px)}.editor-open .caption h2{font-size:min(var(--ui-captionSize,30px),28px)}}@media(max-width:700px){h1{font-size:min(var(--ui-titleSize,42px),34px)}.caption h2{font-size:min(var(--ui-captionSize,30px),28px)}}