:root{color-scheme:dark;--panel:#1b2235;--edge:#30394e;--text:#eff2fb;--muted:#95a1bb;--blue:#6689ff}body{background:#111725;color:var(--text);font-family:'Avenir Next','Segoe UI',sans-serif}.topbar{height:78px;background:#171d2c;border-color:#30394e;padding:0 28px;gap:20px}.brand strong{font-size:20px;color:#f2f5ff}.brand small{color:#8291ae}.monogram{color:#b9c4ff;border-color:#55658b}.topbar nav{gap:17px}.topbar nav button{color:#a4b0c8;font-size:11px}.dashboard-tabs{display:flex;gap:6px;border:1px solid #30394e;border-radius:9px;padding:5px}.dashboard-tabs button{padding:9px 17px;font-size:12px;color:#96a5c5;border-radius:5px}.dashboard-tabs button.selected{background:#35457c;color:#f7f8ff;box-shadow:0 0 16px #5775dc33}main{height:calc(100% - 78px)}#viewport{left:275px;right:290px;top:88px;bottom:142px;border:1px solid #354056;border-radius:14px;overflow:hidden;background:#111827}#viewport canvas{border-radius:14px}.panel{top:18px;left:20px;width:238px;max-height:calc(100% - 36px);background:#1b2235;border-color:var(--edge);border-radius:12px;box-shadow:0 12px 40px #05091340}.panel-head{padding:20px 18px 10px}.panel-head h1{font-size:29px;letter-spacing:-.7px;color:#f1f4ff}.panel-head p{color:#96a4c1;font-size:10px}.panel-head .eyebrow{font-size:8px;color:#7e91ba}.panel-body{padding:0 15px 15px;scrollbar-color:#3d4962 transparent}.control-label{color:#8390ac;letter-spacing:1.4px;font-size:8px;margin:16px 0 9px}.scene-card{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid #ffffff10;border-radius:9px;padding:10px 11px;margin:8px 0;color:white;box-shadow:0 5px 17px #0002;transition:transform .15s,filter .15s}.scene-card:hover{filter:brightness(1.15);transform:translateX(2px)}.scene-card>span{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;background:#ffffff22;font-size:18px;flex-shrink:0}.scene-card strong{font-size:11px;font-weight:600;flex:1}.scene-card small{display:block;font-size:8px;font-weight:400;opacity:.76;margin-top:4px}.scene-card i{font-style:normal;font-size:15px;opacity:.75}.welcome{background:linear-gradient(110deg,#6243be,#423491)}.evening{background:linear-gradient(110deg,#cf9b16,#a56d12)}.relax{background:linear-gradient(110deg,#355ab9,#243d87)}.roof{background:linear-gradient(110deg,#278c78,#28665f)}.away{background:linear-gradient(110deg,#4b5775,#303b52)}.scene-card.active{outline:2px solid #b7c7ff;outline-offset:2px}.panel-tabs{border-color:#333e57;margin-top:16px;gap:15px}.panel-tabs button{color:#91a1c5;font-size:10px}.panel-tabs button.selected{color:#d0daff;border-color:#6c88ff}.panel-tabs span{background:#34425e;color:#a6baff}.panel select{color:#d9e2f7;border-color:#38445c;background:#202b41;font-size:10px;border-radius:6px}.segmented{background:#131b2d;border-color:#35405b}.segmented button{color:#97a6c5}.segmented .selected{background:#354671;color:#f0f4ff}.primary-btn{background:linear-gradient(110deg,#4e6cdd,#3d55ae);border:1px solid #6c86ea44}.selected-circuit{border-color:#35415b;color:#a6b3cf}.toggles label{font-size:10px;color:#a5b4d3}.toggles input{accent-color:#7e96ff}.quality-row,.panel-footer{border-color:#34415b;color:#8291b1}.panel-footer button{color:#93b5f6}.scene-toolbar{left:275px;right:290px;top:20px;justify-content:space-between;gap:8px}.time-control{background:#1b2438;border-color:#35425b;border-radius:8px}.time-control button{color:#93a5c9;font-size:11px;padding:10px 14px}.time-control .selected{background:#3d5287;color:#f5f7ff}.toolbar-button{color:#aebbd5;background:#222c43;border-color:#35415c;border-radius:8px}.tiny-indicator{background:#67dfb5;box-shadow:0 0 7px #67dfb580}.lights-dock{position:absolute;right:20px;top:18px;width:252px;background:#1b2235;border:1px solid #30394e;border-radius:12px;max-height:calc(100% - 36px);overflow:auto;padding:21px 17px;scrollbar-width:thin;scrollbar-color:#3d4962 transparent;z-index:9}.dock-head h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:7px 0 17px}.dock-head .eyebrow{font-size:8px;color:#899bbe}.tab-intro{font-size:10px;color:#8d9dbf;margin:0 0 13px}.all-controls button{color:#a4b7de;background:#26324b;border-color:#3a4969;font-size:10px;border-radius:7px}.circuit-row{padding:10px 0;border-color:#303b52}.circuit-title{gap:9px}.circuit-title .number{width:32px;height:32px;min-width:32px;display:grid;place-items:center;font-family:inherit;font-size:11px;border-radius:50%;background:#b2932440;color:#f4d060;box-shadow:inset 0 0 0 1px #e3bd3c33}.circuit-row:nth-child(3n+2) .number{background:#319bba33;color:#62d6ef;box-shadow:inset 0 0 0 1px #4fceec33}.circuit-row:nth-child(3n) .number{background:#7057bd44;color:#bca4ff;box-shadow:inset 0 0 0 1px #bda4ff33}.circuit-title strong{font-size:10px;color:#e6ebf8;max-width:130px}.circuit-title small{font-size:8px;color:#8090b2}.circuit-switch,.selected-circuit button{background:#3b4762;height:22px;width:38px;padding:4px;flex-shrink:0}.circuit-switch span,.selected-circuit button span{width:14px;height:14px;background:#a3aec7}.circuit-switch[aria-checked=true],.selected-circuit button[aria-checked=true]{background:#4968d5;box-shadow:0 0 12px #637cff33}.circuit-switch[aria-checked=true] span,.selected-circuit button[aria-checked=true] span{transform:translateX(16px);background:#edf3ff}.roof-light-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:11px;color:#a6cbbd;border-bottom:1px solid #34435b}.switch-hint{color:#7b8eb3;font-size:9px}.dashboard-footer{position:absolute;left:275px;right:290px;bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:8}.footer-control{display:flex;gap:10px;align-items:center;background:#1e2940;border:1px solid #35415a;border-radius:10px;min-height:64px;padding:12px}.footer-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#376b8944;color:#8ccfe7;flex-shrink:0}.footer-control label,.footer-control strong{font-size:10px;font-weight:500;white-space:nowrap}.footer-control small{display:block;font-size:8px;color:#8094bb;margin-top:4px}.footer-control input{min-width:30px;width:100%;accent-color:#7996ff;height:4px}.footer-control output{font-size:10px;color:#a3b9e5;min-width:30px}.footer-control button{margin-left:auto;background:#245e59;color:#98e2ca;border:1px solid #367e6e;border-radius:6px;padding:8px;font-size:9px}.view-presets{left:calc(50% - 7px);bottom:99px;background:#1b263b;border-color:#3a4764;border-radius:8px;padding:4px;gap:2px}.view-presets button{color:#90a3c8;font-size:9px;padding:8px}.view-presets .selected{background:#415b91;color:white}.view-caption{left:295px;bottom:165px;text-shadow:0 2px 9px #111a27;gap:5px}.view-caption strong{color:#e6edff;font-size:22px}.view-caption>span:last-child,.view-caption .eyebrow{color:#a3b8df}.view-caption>span:last-child{font-size:9px}.eyebrow{color:#8b9ec0}#minimapWrap{display:none}#help{bottom:117px;left:287px;right:auto;color:#9db4dc;font-size:9px}#helpText{display:none}#help button{border-color:#5a7096;color:#b4c8e8}#walkHUD{left:calc(50% - 7px);top:105px;background:#24324b;border-color:#485c84;color:#bdcce7}#walkHUD button{border-color:#526385;color:#bdcce7}#touchPad{right:310px;bottom:165px}#touchPad button{color:#bbd0ee;background:#263a5fe6;border-color:#547199}.walking .dashboard-footer{display:none}.walking #viewport{bottom:20px}.walking #touchPad{bottom:45px}.walking #help{bottom:36px}#toast{background:#364974;color:#f1f6ff;bottom:156px}#loading{background:#151f32;color:#dfe8ff}#loading p{color:#8398bd}.loader{border-color:#344463;border-top-color:#7396e9}dialog{color:#d4dff4;background:#1e2940;border-color:#465773}dialog p{color:#9cadcf}.source-note{background:#26334e}.plan-tabs button{border-color:#526789}.plan-tabs .selected{background:#4869a8}.audit-link{color:#c8e2db;background:#294940;border-color:#3a7765}.audit-link span{color:#9fbfb4}.download-cards a{background:#263551;border-color:#4a5d7d}.download-cards a:hover{background:#344a6e}.download-cards span{color:#a5b9d9}#restoreBtn{color:#aabfdf;background:#263550;border-color:#475c80}.collapsed .panel{max-height:116px}.immersive #viewport{top:88px}.immersive #restoreBtn{top:0}button{min-height:30px}.fallback{background:#18253b;color:#c8d8f2}.walking .lights-dock{display:block}
@media(max-width:1250px){.topbar{padding:0 18px}.dashboard-tabs button{padding:9px 10px}.panel{width:210px;left:14px}.lights-dock{width:220px;right:14px;padding:18px 13px}#viewport{left:238px;right:248px}.scene-toolbar,.dashboard-footer{left:238px;right:248px}.footer-control{padding:9px;gap:6px}.footer-icon{display:none}.footer-control strong{font-size:9px}.view-caption{left:255px}.view-presets{left:calc(50% - 5px);right:auto;transform:translateX(-50%)}#touchPad{right:266px}.view-caption strong{font-size:18px}#help{left:250px}.topbar nav{gap:12px}}
@media(max-width:1000px){.dashboard-tabs{gap:2px}.dashboard-tabs button{font-size:10px;padding:9px 8px}.topbar nav #downloadBtn{display:none}.panel{width:200px}#viewport{left:228px;right:20px;bottom:158px}.scene-toolbar{left:228px;right:20px}.lights-dock{display:none;top:87px;right:28px;max-height:calc(100% - 257px);background:#1b2235f5;width:244px}.show-light-dock .lights-dock{display:block}.dashboard-footer{left:228px;right:20px}.footer-control{min-height:68px}.view-presets{left:calc(50% + 100px);bottom:112px}.view-caption{left:244px;bottom:179px}#touchPad{right:40px}.walking .lights-dock{display:none}.walking.show-light-dock .lights-dock{display:block}#help{left:239px;bottom:130px}.topbar .brand strong{font-size:17px}.brand small{font-size:7px}}
@media(max-width:640px){.topbar{height:108px;align-items:flex-start;padding:13px 15px;position:relative}.brand{margin-top:1px}.brand strong{font-size:16px}.brand small{font-size:7px}.topbar nav{margin-top:2px}.topbar nav button{font-size:9px}.topbar nav #sourceBtn{display:block}.dashboard-tabs{position:absolute;left:14px;right:14px;bottom:9px;justify-content:space-between;padding:3px;background:#202a40}.dashboard-tabs button{flex:1;font-size:10px;padding:7px 5px;min-height:31px}.dashboard-tabs button.selected{background:#3b5289}main{height:calc(100% - 108px)}#viewport{left:10px;right:10px;top:64px;bottom:206px;border-radius:10px}.scene-toolbar{left:10px;right:10px;top:10px;gap:5px}.time-control{padding:3px;margin-right:0;flex:1;justify-content:space-between}.time-control button{font-size:10px;padding:7px 10px;min-height:31px}.toolbar-button{font-size:9px;padding:10px 9px}.panel{left:10px;right:10px;bottom:10px;top:auto;width:auto;max-height:181px;border-radius:10px}.panel-head{display:none}.panel-body{padding:7px 12px;overflow:auto}.scene-launcher{display:flex;gap:8px;overflow:auto;padding:0 0 4px;scrollbar-width:none}.scene-launcher .control-label{display:none}.scene-card{min-width:121px;width:121px;padding:8px;margin:3px 0;gap:7px;border-radius:8px;flex-shrink:0}.scene-card>span{width:23px;height:23px;font-size:15px}.scene-card strong{font-size:9px;white-space:nowrap}.scene-card small,.scene-card i{display:none}.panel-tabs{position:absolute;right:13px;bottom:10px;margin:0;border:0;gap:10px}.panel-tabs button{padding:3px;font-size:9px;min-height:25px}.panel-tabs span{font-size:8px}.control-label,.toggles,.quality-row,.panel-footer,.selected-circuit,.segmented{display:none}#explorePanel{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-bottom:30px}#explorePanel select{font-size:9px;min-height:34px;padding:7px}#enterBtn{margin:0;font-size:10px;padding:7px 10px;min-height:34px}#floorSelect{grid-column:1/-1}#floorSelect{display:none}.dashboard-footer{left:10px;right:10px;bottom:198px;grid-template-columns:1fr;gap:0;pointer-events:none}.footer-control{background:#1e2940f2;padding:9px;border-radius:0 0 9px 9px;min-height:39px;pointer-events:auto}.footer-control:first-child{display:none}.footer-control small{font-size:7px}.footer-control strong{font-size:9px}.footer-control button{font-size:9px;padding:6px}.view-presets{display:none}.view-caption{display:none}.lights-dock{position:absolute;left:10px;right:10px;bottom:10px;top:auto;width:auto;max-height:calc(100% - 80px);z-index:15;background:#1b2235;display:none;padding:18px}.show-light-dock .lights-dock{display:block}.show-light-dock .panel{z-index:16;max-height:50px}.show-light-dock .scene-launcher,.show-light-dock #explorePanel{display:none!important}.show-light-dock .panel-tabs{position:static;justify-content:flex-end}.show-light-dock .lights-dock{bottom:62px}.circuit-row{padding:8px 0}.circuit-title strong{font-size:11px}.circuit-title small{font-size:9px}.switch-hint{display:none}.dock-head h2{font-size:22px;margin-bottom:12px}.roof-light-row{padding:12px 0}.walking .panel{width:calc(100% - 145px);bottom:10px;max-height:160px;right:auto}.walking .scene-launcher{display:none}.walking #explorePanel{grid-template-columns:1fr}.walking #enterBtn{display:none}.walking #viewport{bottom:10px}.walking #touchPad{right:18px;bottom:25px}.walking #walkHUD{left:10px;right:10px;top:74px;padding:7px;font-size:9px}.walking #walkHUD button{font-size:9px}.walking .lights-dock{display:none}.walking.show-light-dock .lights-dock{display:block;bottom:63px}.walking #help{display:none}#toast{bottom:235px;font-size:10px;width:86%;max-width:86%}.walking #toast{bottom:184px}.collapsed .panel{max-height:181px}.immersive .dashboard-tabs{display:none}.immersive #viewport{top:64px}.immersive #restoreBtn{top:64px;font-size:9px}dialog{padding:18px}.plan-tabs{flex-wrap:wrap}.plan-tabs a{margin-left:0}.roof-proposal-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.scene-card{transition:none}}

.mobile-dimmer{display:none}@media(max-width:640px){.mobile-dimmer{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;margin:16px 0;color:#a7badc}.mobile-dimmer output{margin-left:auto}.mobile-dimmer input{width:100%;accent-color:#829cff;min-height:25px}}