:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#202728;background:#eeeeeb;font-synthesis:none;font-size:14px;font-weight:400;--green:#365746;--muted:#68706e;--line:#d8dcd7;--selected:#e1eae3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #4c8063;outline-offset:3px}button{transition:background-color .15s}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}button:hover:not(:disabled){background-color:#e9eeea}.app{height:100dvh;display:grid;grid-template-columns:300px 1fr;grid-template-rows:66px 1fr;overflow:hidden}.header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 28px;background:#fff;border-bottom:1px solid #e5e7e2;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:25px;font-weight:650;letter-spacing:-.6px}.brand svg{color:#213c32}.connection{display:flex;gap:10px;align-items:center;font-size:12px}.connection .button{margin-left:16px}.dot{width:9px;height:9px;background:#939896;border-radius:50%;display:inline-block;flex-shrink:0}.dot.connected{background:#548269}.button{min-height:39px;border:1px solid #acb4ad;background:#fff;border-radius:5px;padding:9px 18px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{color:#fff;background:var(--green);border-color:var(--green)}.primary:hover:not(:disabled){background:#284b38}.full{width:100%}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0}.sidebar{background:#fff;display:flex;flex-direction:column;padding:25px 22px 18px;overflow:auto;z-index:4;border-right:1px solid #e5e7e2}.sidebar h2{font-size:17px;font-weight:600;margin-bottom:18px;letter-spacing:-.3px}.segments{display:flex;border:1px solid #cdd2cc;border-radius:6px;background:#fff;overflow:hidden}.segments button{font-size:13px;border:0;background:transparent;padding:11px 18px;white-space:nowrap}.segments button.active{background:var(--green);color:#fff}.floors button{flex:1;padding:11px 10px}.room-list{margin:20px -12px}.room-row{width:100%;display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:6px;padding:14px 11px;font-size:14px;text-align:left;min-height:48px}.room-row>span:first-child{flex:1}.room-row small{white-space:nowrap;font-size:12px;color:#59625d}.room-row svg{color:#6b766f}.selected{background:var(--selected)!important}.device-list{border-top:1px solid var(--line);padding-top:25px}.device-list h2{margin-bottom:16px}.device-row{display:flex;width:calc(100% + 20px);margin-left:-10px;gap:13px;align-items:center;text-align:left;border:0;border-radius:6px;background:none;padding:13px 10px;font-size:14px;min-height:50px}.device-row span:nth-child(2){flex:1}.sidebar-bottom{margin-top:auto;padding-top:28px}.subtle-button{display:flex;align-items:center;gap:10px;padding:12px 0;width:100%;background:none;border:0;color:#66706a;text-align:left;font-size:12px}.subtle-button:first-child{border-top:1px solid var(--line);padding-top:20px}.subtle-button svg:last-child{margin-left:auto}.site-distance{font-size:13px;color:var(--muted);padding:18px 12px;line-height:1.8}.site-distance strong{font-size:21px;color:#365746}.main{position:relative;min-width:0;min-height:0;overflow:hidden}.viewer{position:absolute;inset:0}.viewer canvas{display:block;touch-action:none;outline:none}.scene-top{position:absolute;top:24px;left:28px;right:26px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:15px}.scene-top h1{font-size:28px;font-weight:620;letter-spacing:-.8px}.scene-top p{margin-top:5px;color:#67706a;font-size:14px}.scene-top .segments{pointer-events:auto}.room-caption{position:absolute;left:50%;top:46%;display:flex;align-items:center;gap:9px;background:var(--green);color:#fff;border-radius:7px;padding:9px 12px;box-shadow:0 4px 16px #293f2e12;pointer-events:none;max-width:80%;font-size:13px}.room-caption .dot{background:#d3e6d8}.room-caption button{display:flex;align-items:center;gap:4px;color:#fff;background:transparent;border:0;border-left:1px solid #6a8675;padding:0 0 0 10px;margin-left:3px;pointer-events:auto;font-size:12px}.scene-bottom{position:absolute;bottom:24px;left:28px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.scene-bottom p{font-size:12px;color:#647069}.view-tools{display:flex;gap:10px;pointer-events:auto}.view-tools .icon-button{width:42px;height:42px;box-shadow:0 3px 10px #293f2e05}.inspector{position:absolute;right:24px;top:88px;bottom:88px;width:325px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 36px #172d2314;overflow:auto}.inspector h2{font-size:22px;letter-spacing:-.5px;margin:6px 22px 5px 0}.close-inspector{position:absolute;right:10px;top:10px;border:0;width:30px;height:30px}.muted{font-size:12px;color:var(--muted);line-height:1.6}.device-model{font-size:12px;margin-bottom:12px;color:#657169}.device-status{display:flex;align-items:center;gap:8px;font-size:12px;padding:15px 0;margin:10px 0;border-top:1px solid #ebeeea}.field-label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:18px 0;color:#4a5750}input:not([type=checkbox]):not([type=range]):not([type=color]),select{width:100%;border:1px solid #cbd3cb;border-radius:5px;background:#fff;padding:10px 11px;color:#24382a;font-size:13px;min-height:40px}select{max-width:100%;text-overflow:ellipsis}input[type=range]{accent-color:var(--green);width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}input[type=color]{width:46px;height:30px;padding:3px;background:#fff;border:1px solid var(--line);border-radius:5px;cursor:pointer}.color-label,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:13px}.demo-controls{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.demo-controls h3{font-size:14px;font-weight:600}.demo-controls p{font-size:12px;color:var(--muted);margin-top:7px}.entity-value{border-top:1px solid #e8ebe7;padding:12px 0;display:flex;align-items:center;gap:8px;font-size:12px}.entity-value>div{flex:1;min-width:0}.entity-value strong{font-weight:500;overflow-wrap:anywhere}.entity-value small{display:block;color:var(--muted);font-size:10px;margin-top:5px;overflow-wrap:anywhere}.entity-value>span{max-width:90px;overflow-wrap:anywhere}details{margin:12px 0}summary{font-size:12px;color:#49644f;cursor:pointer;padding:8px 0}.real-controls{padding-top:12px;display:flex;flex-wrap:wrap;gap:8px}.real-controls .field-label,.real-controls .color-label{width:100%}.text-button{border:0;background:none;padding:8px 0;color:#3a6749;text-align:left;font-size:12px}.walk-location{position:absolute;top:110px;left:28px;font-size:13px;color:#364f40;background:#fffffff0;border-radius:5px;padding:10px 13px;pointer-events:none}.walk-location span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.touch-controls{position:absolute;bottom:82px;left:28px;display:grid;grid-template-columns:repeat(3,42px);gap:6px}.touch-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:7px;background:#ffffffec;touch-action:none;display:flex;align-items:center;justify-content:center}.touch-controls button:first-child{grid-column:2}.touch-controls button:nth-child(2){grid-column:1}.touch-controls button:active{background:var(--selected)}dialog{border:1px solid #d5dcd4;border-radius:10px;width:min(520px,calc(100vw - 32px));padding:26px;color:#243129;box-shadow:0 25px 100px #142e2940;max-height:85dvh}dialog::backdrop{background:#1d302c55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header h2{font-size:22px;font-weight:600}.dialog-header .icon-button{border:0}dialog p{font-size:13px;line-height:1.7;color:#627166}.small{font-size:11px}.form-error{color:#934f34;margin:14px 0}.assumptions{padding-left:18px;margin:20px 0}.assumptions li{font-size:13px;color:#536458;line-height:1.6;margin:12px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:12px 20px;max-width:90vw;background:#284938;color:#fff;border-radius:7px;font-size:13px;box-shadow:0 4px 24px #112e2626;z-index:20}.scene-error{position:absolute;left:20%;right:20%;top:40%;line-height:1.7;padding:25px;background:#fff;border-radius:8px}.mobile-menu{display:none}dl{font-size:13px}dt{color:var(--muted);margin-top:15px}dd{margin:5px 0}.building-panel{bottom:auto;min-height:240px}@media(min-width:1450px){.app{grid-template-columns:326px 1fr}.sidebar{padding-left:26px;padding-right:26px}.sidebar h2{font-size:18px}.room-row,.device-row{font-size:15px}.room-row{min-height:50px}.device-row{min-height:54px}.scene-top{left:28px}}@media(max-width:950px){.app{grid-template-columns:250px 1fr}.sidebar{padding:22px 15px 14px}.brand{font-size:22px}.scene-top{left:20px;right:20px}.scene-top h1{font-size:24px}.scene-top p{font-size:12px}.modes button{padding:10px 12px}.connection-text{max-width:170px}.scene-bottom p{max-width:190px;line-height:1.5}.inspector{right:15px;width:290px}.room-row,.device-row{font-size:12px}.device-row{gap:9px}}@media(max-width:650px){.app{grid-template-columns:1fr;grid-template-rows:60px 1fr}.header{padding:0 12px;gap:9px}.brand{font-size:20px;gap:8px;margin-right:auto}.brand svg{width:25px}.mobile-menu{display:flex;border:0;width:32px}.connection{gap:6px}.connection-text{display:none}.connection .button{margin-left:3px;padding:8px 10px;font-size:11px;min-height:34px}.sidebar{position:fixed;top:60px;bottom:0;left:0;width:290px;transform:translate(-100%);transition:transform .2s;z-index:10}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:60px 0 0;border:0;background:#1a322850;z-index:9}.main{grid-column:1}.scene-top{top:18px;left:16px;right:16px;flex-direction:column;gap:14px}.scene-top h1{font-size:24px}.scene-top p{font-size:12px}.scene-top .modes{align-self:flex-start}.scene-bottom{left:16px;right:16px;bottom:18px}.scene-bottom p{display:none}.view-tools{margin-left:auto;gap:7px}.view-tools .icon-button{width:38px;height:38px}.room-caption{left:30%;top:48%;font-size:12px;padding:8px}.inspector{inset:auto 12px 72px;width:auto;max-height:60%;padding:21px}.inspector h2{font-size:21px}.walk-location{top:145px;left:16px;right:16px;font-size:12px}.walk-location span{font-size:10px}.touch-controls{bottom:72px;left:16px}.toast{bottom:18px;font-size:12px;width:max-content;max-width:90vw}.room-row,.device-row{font-size:14px}.scene-error{left:12px;right:12px}.building-panel{max-height:45%}}.sidebar>*{flex-shrink:0}@media(max-width:650px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:is(.door-list,.furniture-list){border-top:1px solid var(--line);padding:8px 0;margin:0 0 18px}:is(.door-list,.furniture-list) summary{font-size:15px;font-weight:600;padding:12px 0}.door-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;background:none;border:0;text-align:left;padding:9px 4px;font-size:13px}.door-row small{color:var(--green);font-size:11px}:is(.door-list,.furniture-list) p{margin-bottom:8px}.sidebar-backdrop{display:none}@media(max-width:650px){.sidebar-backdrop{display:block}}.switch-channels{display:grid;gap:8px;margin:14px 0}.switch-channels .button{text-align:left;justify-content:flex-start;line-height:1.45}.channel-button{flex-direction:column;align-items:flex-start;gap:7px}.channel-button.selected{outline:2px solid #668878;outline-offset:1px;background:#f5f8f5;color:#202728}.power-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#6b7370}.power-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#c3c8c5;flex-shrink:0}.power-state.on{color:#206440}.power-state.on .power-dot{background:#36a568;box-shadow:0 0 0 3px #36a56820}.power-state.off{color:#424c49}.power-state.off .power-dot{background:#626d67}.power-state.unavailable{color:#986925}.power-state.unavailable .power-dot{background:#bc914c}.channel-dots{display:flex;gap:7px;flex-shrink:0}.wall-switch-control{margin:18px 0 22px}.switch-hint{margin-bottom:14px!important}.wall-switch-frame{display:grid;grid-template-columns:repeat(var(--key-count),minmax(0,1fr));gap:5px;padding:13px;border:1px solid #c8cbc6;border-radius:13px;background:linear-gradient(145deg,#fafaf5,#dcded7);box-shadow:inset 0 2px 1px #fff,0 3px 8px #1b282b16}.wall-switch-key{min-width:0;min-height:176px;padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #b8c0b8;border-radius:5px;background:linear-gradient(#fbfcf7,#e9ece5);box-shadow:inset 0 2px 2px #fff,0 4px 1px #a4ada3;color:#344039;text-align:center;transition:background .15s,box-shadow .15s}.wall-switch-key:hover:not(:disabled){background:linear-gradient(#fff,#e2e9e1)}.wall-switch-key.on{background:linear-gradient(#e2e9df,#f5faf0);box-shadow:inset 0 3px 4px #86948055,0 1px #fff}.wall-switch-key:active:not(:disabled){box-shadow:inset 0 4px 7px #6b776b44;transform:translateY(1px)}.wall-switch-key:disabled{opacity:1;cursor:default;color:#788079}.rocker-number{font-size:12px;color:#788079}.rocker-label{font-size:13px;line-height:1.4;overflow-wrap:anywhere;flex:1}.rocker-indicator{height:5px;width:30px;border-radius:2px;background:#626e66;box-shadow:inset 0 1px 2px #0003}.wall-switch-key.on .rocker-indicator{background:#45d17f;box-shadow:0 0 10px #45d17f66,inset 0 1px 1px #caffcf}.wall-switch-key.disconnected .rocker-indicator,.wall-switch-key.unknown .rocker-indicator,.wall-switch-key.unmapped .rocker-indicator{background:#b7bdb6;box-shadow:none}.wall-switch-key.unavailable .rocker-indicator{background:#bd9450}.rocker-state{font-size:11px;line-height:1.3}.wall-switch-key.on .rocker-state{color:#287247}.switch-settings{border-top:1px solid var(--line);padding-top:15px;margin-top:10px}.switch-settings>summary{cursor:pointer;font-size:13px;color:#56685e}.switch-settings>.field-label{margin-top:15px}@media(prefers-reduced-motion:reduce){.wall-switch-key{transition:none}}.walk-location .stair-walk{pointer-events:auto;display:flex;margin-top:10px;min-height:42px;color:var(--green);border-color:#9aac9d;background:#f4f8f4}.vacuum-control{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.vacuum-readings{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:14px}.vacuum-readings span{color:var(--muted)}.vacuum-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vacuum-buttons .button{min-height:44px;white-space:normal}.vacuum-control p{margin-top:12px;font-size:12px;line-height:1.5}.camera-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.free-camera-toggle{border:1px solid #bac6be;border-radius:6px;background:#fff;color:#34483e;padding:10px 14px;cursor:pointer}.free-camera-toggle.active{background:#355b49;color:#fff}.flight-elevation{position:absolute;bottom:190px;left:28px;display:flex;gap:6px}.flight-elevation button{width:42px;height:42px;border:0;border-radius:7px;background:#fff;color:#283c33;font-size:24px;touch-action:none}.free-camera-toggle:focus-visible,.flight-elevation button:focus-visible{outline:3px solid #739b85;outline-offset:3px}@media(max-width:650px){.camera-tools{align-items:flex-start}.flight-elevation{left:16px;bottom:180px}}