.strata-app{background:#080f18;color:#dce9ef;--s-line:rgba(146,189,209,.13);--s-dim:#8ca6b8;--s-cyan:#8aeee3;--s-amber:#f4bd7b;font-family:Inter,Arial,sans-serif}.strata-app .demo-topbar{height:54px;min-height:54px;padding:0 24px;border-bottom:1px solid var(--s-line);background:#080f18}.strata-app .demo-topbar .brand{font-size:15px}.strata-app .demo-topbar .back-link{font-size:12px}.strata-app .demo-topbar select{font-size:11px;max-width:190px}.strata-app .demo-topbar button{width:34px;height:34px}.strata-app #demo-content{padding:0;max-width:none}.strata-app #demo-shell{max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.strata-app .demo-footer{display:none}.strata{height:calc(100dvh - 54px);min-height:780px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#102738 0%,#0b1622 47%,#0a131f 80%)}.strata *{box-sizing:border-box}.strata button,.strata input,.strata select{font:inherit}.strata button{color:inherit;cursor:pointer;background:none;border:0}.strata button:focus-visible,.strata input:focus-visible,.strata select:focus-visible,.strata summary:focus-visible,.s-chart:focus-visible{outline:2px solid #a6fff3;outline-offset:3px}.strata button:hover{color:#fff}.strata button:disabled{cursor:default;opacity:.8}.strata button:active:not(:disabled){transform:translateY(1px)}.strata h1,.strata h2,.strata h3,.strata p{margin:0}.strata [hidden]{display:none!important}.s-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.s-header{height:86px;flex-shrink:0;padding:0 28px;display:flex;align-items:center;gap:52px;border-bottom:1px solid var(--s-line);background:linear-gradient(90deg,#0b1724,#101d2a80)}.s-wordmark{display:flex;gap:14px;align-items:center}.s-wordmark>.s-icon{width:38px;height:38px;color:var(--s-cyan);stroke-width:1}.s-wordmark h1{font-size:27px;line-height:1;font-weight:500;letter-spacing:6px}.s-wordmark h1 span{font-size:9px;letter-spacing:0;vertical-align:top;margin-left:4px}.s-wordmark p{font:8px ui-monospace,monospace;letter-spacing:2.3px;color:var(--s-dim);margin-top:8px}.s-site{display:flex;align-items:center;gap:13px;padding-left:30px;border-left:1px solid var(--s-line)}.s-site strong{font-size:14px;font-weight:500;display:block}.s-site small{font-size:10px;display:block;color:var(--s-dim);margin-top:7px}.s-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8ce8c5;box-shadow:0 0 10px #71ddb64f;flex-shrink:0}.s-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.s-header-actions button{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--s-line);border-radius:6px;font-size:11px;color:#adc2d1}.s-header-actions #s-reset span{display:none}.s-simulation{font:9px ui-monospace,monospace;letter-spacing:1.2px;color:var(--s-dim);display:flex;gap:9px;align-items:center;margin-right:13px}.s-simulation i{height:5px;width:5px;border-radius:50%;background:var(--s-cyan)}.s-kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:0 28px;flex-shrink:0;height:108px;background:#0a14208a;border-bottom:1px solid var(--s-line)}.s-kpis>div,.s-kpis>button{display:flex;flex-direction:column;justify-content:center;text-align:left;border-right:1px solid var(--s-line);padding-left:30px;position:relative}.s-kpis>:first-child{padding-left:0}.s-kpis>:last-child{border-right:0}.s-kpis span{display:flex;align-items:center;gap:8px;font-size:10px;color:#a8bdca}.s-kpis .s-icon{width:15px;height:15px;color:#6ea1b8}.s-kpis strong{font-size:29px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1;margin-top:9px}.s-kpis em{font-size:13px;color:var(--s-dim);font-style:normal;letter-spacing:0}.s-kpis small{font-size:9px;color:var(--s-dim);margin-top:6px}.s-kpis .s-alert-kpi strong,.s-kpis .s-alert-kpi .s-icon{color:var(--s-amber)}.s-alert-kpi:after{content:'↗';position:absolute;right:10px;top:38px;color:var(--s-amber);font-size:20px}.s-workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 306px;min-height:0;flex:1}.s-sidebar{border-right:1px solid var(--s-line);display:flex;flex-direction:column;min-height:0;background:#0b1521dd;padding:22px 13px 0}.s-section-label{font:9px ui-monospace,monospace;letter-spacing:1.4px;color:#809bad}.s-sidebar>.s-section-label{margin:0 8px 16px}.s-floor{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:10px 9px!important;border-radius:6px;font-size:11px!important;min-height:50px;border:1px solid transparent!important}.s-floor span:nth-child(2){flex:1;min-width:0}.s-floor small{display:block;font-size:9px;line-height:1.3;color:var(--s-dim);margin-top:4px}.s-floor .s-floor-code{width:28px;font:11px ui-monospace,monospace;color:#7896ab}.s-floor[aria-pressed=true]{background:#18323e!important;border-color:#6ddad32b!important;color:#b5f9ed}.s-floor[aria-pressed=true] .s-floor-code{color:#b5f9ed}.s-all-floor{margin-bottom:5px}.s-floor-dot,.s-asset>i{width:4px;height:4px;border-radius:50%;background:#74c9bf;flex-shrink:0}.s-floor-dot.warning{background:var(--s-amber);box-shadow:0 0 6px #f4bd7b66}.s-floor-list{padding-bottom:15px;border-bottom:1px solid var(--s-line)}.s-assets-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 8px 13px}.s-assets-heading>span{font:10px ui-monospace,monospace;color:var(--s-dim)}.s-search{display:flex;align-items:center;gap:8px;border:1px solid var(--s-line);padding:9px 10px;border-radius:5px;margin-bottom:8px;background:#08131e}.s-search .s-icon{width:13px;height:13px;color:var(--s-dim)}.s-search input{min-width:0;width:100%;padding:0;border:0!important;background:none!important;color:#d5e8ee;font-size:10px!important;outline-offset:6px}.s-search input::placeholder{color:#8da3b4}.strata #s-category{width:100%;padding:8px 10px;border:1px solid var(--s-line);background:#0e1c29;border-radius:5px;color:#a8bfce;font-size:10px;margin-bottom:10px}.s-asset-list{overflow:auto;min-height:90px;flex:1;scrollbar-width:thin;scrollbar-color:#334d5e transparent}.s-asset{display:flex;align-items:center;gap:8px;text-align:left;width:100%;font-size:10px!important;padding:9px 5px!important;border-radius:5px;margin-bottom:3px}.s-asset span:nth-child(2){flex:1}.s-asset small{display:block;color:var(--s-dim);font-size:8px;margin-top:4px}.s-asset-icon{width:27px;height:30px;display:grid;place-items:center;background:#142735;border:1px solid #27435477;border-radius:6px;color:#8dcacb}.s-asset-icon svg{width:15px;height:15px}.s-asset[aria-pressed=true]{background:#1c3341!important;outline:1px solid #42657880}.s-asset.warning>i{background:var(--s-amber)}.s-asset.warning .s-asset-icon{color:var(--s-amber)}.s-empty{font-size:11px;color:var(--s-dim);padding:15px;line-height:1.5}.s-probe{display:flex;gap:9px;align-items:center;padding:15px 2px;border-top:1px solid var(--s-line);font-size:10px}.s-probe>.s-icon{color:#bbaaff}.s-probe small{display:block;color:var(--s-dim);font:8px ui-monospace,monospace;margin-top:5px}.s-probe>.s-live{margin-left:auto}.s-center{min-width:0;display:flex;flex-direction:column}.s-stage{flex:1;position:relative;min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#173a4a40,transparent 75%)}#s-canvas{position:absolute;inset:0}#s-canvas canvas{display:block;touch-action:none}.s-stage-heading{position:absolute;top:22px;left:24px;pointer-events:none;max-width:70%}.s-stage-heading .s-section-label{font-size:8px;color:#74a4b8}.s-stage-heading h2{font-size:20px;font-weight:400;letter-spacing:-.6px;margin-top:9px}.s-stage-heading p{font-size:10px;color:#91acbd;margin-top:7px}.s-view-switch{position:absolute;right:18px;top:20px;display:flex;padding:3px;border:1px solid var(--s-line);background:#0d1c28dd;border-radius:6px;backdrop-filter:blur(14px)}.s-view-switch button{padding:7px 9px;font-size:9px;color:#90aabb;border-radius:4px}.s-view-switch button[aria-pressed=true]{color:#c6fff5;background:#24414b}.s-pin{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#102936e8!important;border:1px solid #67a4b178!important;backdrop-filter:blur(14px);padding:10px 12px!important;border-radius:7px;box-shadow:0 8px 28px #0004;text-align:left;pointer-events:auto;transition:background .2s}.s-pin>i{width:6px;height:6px;border-radius:50%;background:#a1f5e4}.s-pin>i.warning{background:var(--s-amber);box-shadow:0 0 12px #ffc87e77}.s-pin>span{font:8px ui-monospace,monospace;letter-spacing:.5px;color:#a6bfcd}.s-pin strong{display:block;font:20px Inter,Arial,sans-serif;letter-spacing:-.7px;color:#e0f6f5;margin-top:5px}.s-pin small{font-size:10px;color:#a1bdc7;letter-spacing:0}.s-pin>.s-icon{width:14px;height:14px;color:#85b5bf}.s-stage-tools{position:absolute;bottom:38px;left:22px;right:22px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.s-stage-modes,.s-camera-tools{display:flex;gap:4px;background:#0c1b27d9;backdrop-filter:blur(16px);border:1px solid #45667666;border-radius:7px;padding:4px;pointer-events:auto}.s-stage-tools button{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:4px;font-size:10px;color:#9db8c8;min-height:34px}.s-stage-tools button .s-icon{height:16px;width:16px}.s-stage-tools button[aria-pressed=true]{background:#29434c;color:#c0f7ec}.s-camera-tools button{min-width:32px;justify-content:center}.s-camera-tools span{display:none}.s-camera-tools #s-zoom-in,.s-camera-tools #s-zoom-out{font-size:19px}.s-stage-hint{position:absolute;bottom:13px;left:24px;font-size:9px;color:#7a98ac;pointer-events:none}.s-stage-hint .s-icon{height:12px;width:12px;margin-right:5px}.s-legend{position:absolute;left:24px;bottom:98px;display:flex;gap:16px;font-size:8px;color:#94aebc;pointer-events:none}.s-legend>span{display:flex;gap:6px;align-items:center}.s-legend i{width:4px;height:4px;border-radius:50%;background:#8ef1e2}.s-legend i.warning{background:var(--s-amber)}.s-thermal-key b{display:inline-block;width:50px;height:4px;background:linear-gradient(90deg,#2c98a7,#e1aa54)}#s-webgl-status{position:absolute;inset:35% 18%;background:#0e2535ee;border:1px solid #325e71;border-radius:10px;display:grid;place-content:center;padding:30px;font-size:13px;line-height:1.7;text-align:center;pointer-events:none}.s-no-webgl .s-stage-heading{opacity:.5}.s-bottom{border-top:1px solid var(--s-line);background:#0a1723d9;height:205px;flex-shrink:0;overflow:hidden}.s-bottom-tabs{display:flex;align-items:center;height:44px;border-bottom:1px solid var(--s-line);padding:0 20px;gap:22px}.s-bottom-tabs button{height:100%;font-size:10px;color:#8ca8b9;position:relative}.s-bottom-tabs button[aria-pressed=true]{color:#c9eee9}.s-bottom-tabs button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#91e5d6}.s-bottom-tabs button span{font:8px ui-monospace,monospace;border:1px solid var(--s-line);border-radius:4px;padding:1px 4px;margin-left:4px}.s-telemetry{margin-left:auto;font:7px ui-monospace,monospace;letter-spacing:.7px;color:#8bc9bf}.s-overview-grid{display:grid;grid-template-columns:1.1fr .95fr 1fr;height:160px}.s-overview-grid>div{padding:17px 20px;min-width:0;border-right:1px solid var(--s-line)}.strata h3{font-size:10px;font-weight:500;color:#a8bdcb;letter-spacing:0}.s-energy-summary h3{display:flex;align-items:center;justify-content:space-between}.s-energy-summary h3>span{font:7px ui-monospace,monospace;color:#718d9f}.s-energy-summary>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.s-energy-summary strong{font-size:20px;font-weight:400;white-space:nowrap}.s-energy-summary strong small{font-size:9px;color:var(--s-dim)}.s-energy-summary>div>span{font-size:8px;color:var(--s-dim)}.s-energy-summary>svg{width:100%;height:49px;margin-top:4px}.s-energy-summary .s-spark-times{margin-top:-3px}.s-spark-times span{font:7px ui-monospace,monospace!important}.s-floor-comfort h3{margin-bottom:8px}.s-floor-comfort button{display:flex;align-items:center;gap:8px;width:100%;padding:3px 0;font-size:9px}.s-floor-comfort button>span{color:#7897aa;font:8px ui-monospace,monospace}.s-floor-comfort button>i{flex:1;height:3px;background:#213946}.s-floor-comfort button b{height:3px;display:block;background:linear-gradient(90deg,#377281,#8ce5d4)}.s-floor-comfort button>strong{font:9px ui-monospace,monospace;font-weight:400}.s-profile-buttons{display:flex;gap:6px;margin-top:12px}.s-profile-buttons button{display:flex;gap:6px;align-items:center;justify-content:center;font-size:9px;border:1px solid #2d4b5b;padding:9px;border-radius:5px;flex:1;color:#95b1c1}.s-profile-buttons .s-icon{height:14px;width:14px}.s-profile-buttons button[aria-pressed=true]{border-color:#76c8bd77;background:#23433e;color:#c2f4dc}.s-profiles p{font-size:9px;line-height:1.6;color:#90a9b7;margin-top:10px!important}.s-events{padding:10px 18px;height:160px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;align-content:start;scrollbar-width:thin}.s-event-alert{border:1px solid #d9a45644!important;background:#7d542111!important;display:flex;align-items:center;gap:8px;text-align:left;padding:9px!important;border-radius:6px}.s-event-alert>.s-icon{color:var(--s-amber);width:16px}.s-event-alert>span{flex:1}.s-event-alert strong{display:block;font-size:9px;font-weight:500}.s-event-alert small{display:block;font-size:8px;color:#c2a883;margin-top:5px}.s-events ol{grid-column:1/-1;list-style:none;padding:0;margin:0}.s-events li{display:flex;gap:14px;padding:5px 0;font-size:9px;color:#9ab5c4}.s-events time{font:9px ui-monospace,monospace;color:#718ea4}.s-inspector{background:linear-gradient(165deg,#122432ee,#0b1723ee);border-left:1px solid var(--s-line);padding:22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#365264 transparent;min-width:0}.s-inspector-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.s-big-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #598f9966;background:linear-gradient(140deg,#3c6d7544,#23374022);border-radius:12px;color:#a0e4da}.s-big-icon .s-icon{width:24px;height:24px}.s-big-icon.warning{color:var(--s-amber);border-color:#c4995c55;background:linear-gradient(140deg,#ae793b30,#23374022)}.s-state{display:flex;align-items:center;gap:6px;padding:5px 7px;background:#7ee1c911;border:1px solid #91ddca33;border-radius:5px;color:#a0e3d6;font-size:8px}.s-state i{width:4px;height:4px;border-radius:50%;background:currentColor}.s-state.warning{color:var(--s-amber);background:#b67b2911;border-color:#c4965433}.s-equipment-code{font:9px ui-monospace,monospace;letter-spacing:.6px;color:#9cc7d0;margin-top:16px!important}.s-equipment-code span{color:#678b9e}.s-inspector h2{font-size:21px;font-weight:400;letter-spacing:-.5px;line-height:1.25;margin-top:7px}.s-equipment-zone{font-size:10px;color:var(--s-dim);margin-top:7px!important}.s-reading{display:flex;align-items:baseline;gap:8px;margin-top:21px}.s-reading strong{font-size:54px;line-height:1;font-weight:300;letter-spacing:-2.6px;font-variant-numeric:tabular-nums}.s-reading>span{font:12px ui-monospace,monospace;color:var(--s-dim)}.s-reading>.s-icon{margin-left:auto;color:#739cab;width:24px;height:24px}.s-reading.warning strong{color:#f1c895}.s-reading-caption{font-size:8px;color:#8ea9b9;margin-top:9px!important;display:flex;justify-content:space-between}.s-reading-caption span{font:8px ui-monospace,monospace}.s-warning-box{display:flex;gap:9px;background:#b77d3010;border:1px solid #c7954f33;border-radius:7px;padding:12px;margin-top:17px}.s-warning-box>.s-icon{width:15px;height:15px;color:var(--s-amber);margin-top:1px}.s-warning-box strong{font-size:10px;color:#e1be8e;line-height:1.4;font-weight:500;display:block}.s-warning-box p{font-size:9px;color:#baa88b;margin-top:5px;line-height:1.4}.s-warning-box button{color:#e9c38e;font-size:9px;padding:0;margin-top:10px}.s-warning-box button>.s-icon{width:12px;height:12px;margin-right:5px}.s-history-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.s-history-heading>div{display:flex;gap:1px;background:#07152066;border-radius:5px;padding:2px}.s-history-heading button{padding:5px 7px;font:8px ui-monospace,monospace;border-radius:3px;color:#88a2b4}.s-history-heading button[aria-pressed=true]{background:#294552;color:#c6e8e7}.s-chart{position:relative;margin-top:13px}.s-chart svg{width:100%;height:108px;display:block}.s-chart output{display:block;text-align:right;color:#a8cfce;font:8px ui-monospace,monospace;min-height:12px}.s-chart-times{display:flex;justify-content:space-between;margin-top:4px;font:8px ui-monospace,monospace;color:#7896ab}.s-chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line);padding:13px 0;margin-top:12px}.s-chart-stats>div{border-right:1px solid var(--s-line);text-align:center}.s-chart-stats>div:last-child{border:0}.s-chart-stats small{display:block;font:7px ui-monospace,monospace;letter-spacing:1px;color:#86a5b7}.s-chart-stats strong{display:block;font:13px ui-monospace,monospace;margin-top:7px;font-weight:400}.s-controls{margin-top:22px}.s-controls p{font-size:10px;line-height:1.65;color:#95b0be;margin-top:10px}.s-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:10px!important;background:linear-gradient(110deg,#215058,#1c3c49)!important;border:1px solid #79c8c64a!important;padding:12px!important;border-radius:6px;color:#d7f5ed!important;margin-top:12px}.s-primary[aria-pressed=true]{background:#285b50!important;border-color:#85debb77!important}.s-primary .s-icon{height:17px;width:17px}.s-setpoint{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border:1px solid var(--s-line);border-radius:7px;padding:8px}.s-setpoint button{font-size:20px;width:35px;height:35px;background:#254251;border-radius:4px}.s-setpoint strong{font-size:25px;font-weight:400}.s-setpoint small{font-size:11px;margin-left:4px;color:var(--s-dim)}.s-control-label{display:flex;justify-content:space-between;font-size:11px;margin-top:16px;color:#a0bbca}.s-controls input[type=range]{width:100%;accent-color:#a1e9df;margin:18px 0 2px}.s-technical{border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line);margin-top:22px;padding:14px 0;font-size:10px}.s-technical summary{cursor:pointer;list-style:none;color:#a6bfcc;display:flex;justify-content:space-between}.s-technical summary::-webkit-details-marker{display:none}.s-technical[open] summary>span{transform:rotate(45deg)}.s-technical dl{margin:15px 0}.s-technical dl>div{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:9px}.s-technical dt{color:#89a5b7}.s-technical dd{margin:0;text-align:right;color:#c0d8df}.s-technical p{color:#8aa7ba;line-height:1.7;font-size:9px}.s-focus{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:14px 0!important;color:#8bb5c3!important;font-size:9px!important}.s-focus .s-icon{width:14px;height:14px}.s-statusbar{height:29px;flex-shrink:0;border-top:1px solid var(--s-line);display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#08121d;font:8px ui-monospace,monospace;color:#7f9bac;letter-spacing:.3px}.s-statusbar>span:first-child{display:flex;align-items:center;gap:8px}.s-statusbar .s-live{width:4px;height:4px}.s-status-sep{color:#466476;margin:0 5px}.s-statusbar #s-clock{color:#b0c9d2}
@media(min-width:1600px){.s-workspace{grid-template-columns:245px minmax(0,1fr) 340px}.s-sidebar{padding-left:20px;padding-right:20px}.s-inspector{padding:26px}.s-stage-heading{top:28px;left:32px}.s-stage-heading h2{font-size:25px}.s-stage-heading p{font-size:12px}.s-view-switch{top:27px;right:25px}.s-view-switch button{font-size:10px;padding:8px 12px}.s-floor{min-height:55px;font-size:12px!important}.s-floor small{font-size:10px}.s-asset{font-size:11px!important}.s-asset small{font-size:9px}.s-bottom{height:230px}.s-overview-grid{height:185px}.s-overview-grid>div{padding:20px 26px}.s-overview-grid h3{font-size:12px}.s-floor-comfort button{padding:4px 0}.s-profiles p{font-size:11px}.s-energy-summary>svg{height:62px}.s-profile-buttons button{font-size:11px}.s-energy-summary strong{font-size:26px}.s-events{height:185px}.s-stage-tools button{font-size:11px}.s-inspector h2{font-size:24px}.s-controls p{font-size:11px}}
@media(max-width:1250px){.s-workspace{grid-template-columns:184px minmax(0,1fr) 270px}.s-sidebar{padding:18px 9px 0}.s-inspector{padding:18px}.s-header{gap:20px;padding:0 20px;height:76px}.s-site{padding-left:20px}.s-kpis{padding:0 20px;height:96px}.s-kpis>div,.s-kpis>button{padding-left:20px}.s-kpis>:first-child{padding-left:0}.s-kpis strong{font-size:26px}.s-stage-heading{left:18px;max-width:90%;top:18px}.s-stage-heading h2{font-size:17px}.s-stage-heading p{font-size:9px}.s-view-switch{top:94px;right:15px}.s-stage-tools{left:12px;right:12px}.s-stage-tools button{padding:7px;font-size:9px}.s-stage-modes{gap:1px}.s-stage-modes .s-icon{width:14px}.s-stage-hint{font-size:8px;left:14px}.s-legend{left:14px;font-size:7px;gap:9px}.s-bottom-tabs{gap:15px;padding:0 14px}.s-telemetry{display:none}.s-overview-grid{grid-template-columns:1fr 1fr}.s-overview-grid>div{padding:15px}.s-floor-comfort{display:none}.s-floor{font-size:10px!important;gap:6px}.s-floor small{font-size:8px}.s-floor .s-floor-code{width:24px;font-size:9px}.s-asset{font-size:9px!important}.s-asset small{font-size:7px}.s-floor-list{padding-bottom:8px}.s-all-floor{margin-bottom:0}.s-simulation{margin-right:0}.s-reading strong{font-size:47px}}
@media(max-width:1050px) and (min-width:801px){.s-workspace{grid-template-columns:154px minmax(0,1fr) 252px}.strata{min-height:720px}.s-header{height:65px}.s-kpis{height:88px}.s-wordmark h1{font-size:23px}.s-wordmark p{font-size:7px}.s-site small{font-size:9px}.s-floor{padding:8px 5px!important}.s-floor .s-floor-code{width:21px;flex-shrink:0}.s-floor-dot{display:none}.s-floor span:nth-child(2){font-size:9px;line-height:1.4}.s-asset-icon{display:none}.s-stage-modes button{gap:4px;font-size:8px}.s-stage-modes .s-icon{display:none}.s-stage-tools{gap:5px}.s-camera-tools button{min-width:26px}.s-kpis small{font-size:8px}.s-kpis span{font-size:9px}.s-simulation{display:none}.s-inspector{padding:16px}.s-bottom{height:185px}.s-overview-grid{height:140px}.s-profiles p{font-size:8px}.s-profile-buttons button{padding:8px 5px}.s-probe{font-size:9px}.s-probe small{font-size:7px}}
@media(max-width:800px){.strata{height:auto;min-height:calc(100dvh - 54px);overflow:visible}.s-header{gap:14px;padding:0 16px;height:76px}.s-site{border:0;padding:0;margin-left:auto}.s-header-actions{margin-left:0}.s-simulation{display:none}.s-header-actions #s-pause span{display:none}.s-header-actions button{padding:8px}.s-wordmark h1{font-size:22px}.s-wordmark>.s-icon{width:29px;height:29px}.s-wordmark p{font-size:6px;letter-spacing:1.5px}.s-site strong{font-size:11px}.s-site small{font-size:8px}.s-kpis{height:96px;padding:0 16px}.s-kpis>div,.s-kpis>button{padding-left:15px}.s-kpis>:first-child{padding-left:0}.s-kpis strong{font-size:24px}.s-kpis em{font-size:10px}.s-kpis small{font-size:8px;max-width:100px;line-height:1.3}.s-kpis span{font-size:9px}.s-kpis .s-icon{display:none}.s-alert-kpi:after{display:none}.s-workspace{display:grid;grid-template-columns:160px minmax(0,1fr)}.s-sidebar{grid-column:1;grid-row:1;padding-top:18px;max-height:800px}.s-center{grid-column:2;grid-row:1}.s-stage{height:580px;flex:none;min-height:580px}.s-stage-heading h2{font-size:19px}.s-stage-heading p{font-size:10px;max-width:280px;line-height:1.5}.s-view-switch{top:108px}.s-inspector{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid var(--s-line);display:block;padding:24px;max-height:none;columns:2;column-gap:42px;column-rule:1px solid var(--s-line)}.s-inspector>*{break-inside:avoid}.s-inspector>.s-section-label{column-span:all;margin-bottom:10px}.s-inspector .s-history-heading{break-before:column;margin-top:0}.s-inspector .s-reading strong{font-size:52px}.s-statusbar{height:40px;padding:0 16px;font-size:7px}.s-statusbar>span:last-child{max-width:200px;text-align:right;line-height:1.5}.s-probe small{font-size:6px}.s-asset-icon{display:none}.s-floor{padding:9px 5px!important}.s-floor small{font-size:7px}.s-stage-tools{left:10px;right:10px}.s-stage-modes button{font-size:8px;padding:6px}.s-stage-modes .s-icon{width:12px}.s-camera-tools button{min-width:25px;padding:5px}.s-telemetry{display:none}.s-stage-hint{max-width:90%;line-height:1.5;font-size:8px;bottom:8px}.s-overview-grid>div{padding:15px 12px}.s-profiles p{font-size:9px}}
@media(max-width:550px){.strata-app .demo-topbar{padding:0 12px}.strata-app .demo-topbar .brand{display:none}.strata-app .demo-topbar select{max-width:140px}.s-site{display:none}.s-header-actions{margin-left:auto}.s-kpis{grid-template-columns:repeat(2,1fr);height:164px;padding:0 16px}.s-kpis>:nth-child(3){padding-left:0}.s-kpis>:nth-child(2){border-right:0}.s-kpis strong{font-size:23px;margin-top:5px}.s-kpis small{max-width:none}.s-kpis>div,.s-kpis>button{border-bottom:1px solid var(--s-line)}.s-kpis>:nth-child(n+3){border-bottom:0}.s-workspace{display:flex;flex-direction:column}.s-sidebar{padding:10px 12px;max-height:none;display:block;border-right:0;border-bottom:1px solid var(--s-line)}.s-sidebar>.s-section-label,.s-all-floor small,.s-floor-list small,.s-assets-heading,.s-search,#s-category,.s-asset-list,.s-probe{display:none!important}.s-all-floor{width:auto;display:inline-flex;min-height:40px;font-size:10px!important}.s-floor-list{display:flex;gap:3px;overflow:auto;border:0;padding:4px 0 0}.s-floor-list .s-floor{min-height:35px;width:auto;flex-shrink:0;gap:5px;padding:6px!important}.s-floor-list .s-floor span:nth-child(2){display:none}.s-floor .s-floor-code{width:auto}.s-center{display:block}.s-stage{height:510px;min-height:510px}.s-stage-heading h2{font-size:19px}.s-stage-heading{left:16px}.s-stage-tools{bottom:41px}.s-stage-hint{bottom:12px}.s-stage-modes button{font-size:9px}.s-inspector{columns:auto;padding:22px}.s-inspector .s-history-heading{break-before:auto;margin-top:25px}.s-bottom-tabs{gap:18px}.s-bottom{height:205px}.s-overview-grid{height:160px}.s-profiles p{font-size:9px}.s-statusbar>span:last-child{display:none}.s-pin{padding:8px!important}.s-pin strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.strata *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.s-floor-tags{position:absolute;inset:0;pointer-events:none}.s-floor-tags span{position:absolute;font:9px ui-monospace,monospace;color:#90c6d5;letter-spacing:1px;width:26px;text-align:right;text-shadow:0 1px 8px #06131e}.s-floor-tags span:after{content:'';position:absolute;left:32px;top:4px;width:20px;height:1px;background:#608c9e80}.strata p{line-height:1.5}.strata button{line-height:1.3;min-height:0;padding:0;border-radius:0;transition:background .15s,color .15s;touch-action:manipulation}.strata button:hover{transform:none}.strata .s-floor[aria-pressed=true]{color:#c4f5eb}.strata .s-bottom-tabs button{border-radius:0;background:none}.strata .s-bottom-tabs button[aria-pressed=true]{background:none;color:#caf8e9}.strata .s-bottom-tabs button{padding:0 2px}.strata .s-header-actions button{border-radius:6px;padding:9px 11px}.strata .s-view-switch button{border-radius:4px;padding:7px 9px}.strata .s-stage-tools button{border-radius:4px;padding:8px 10px}.strata .s-history-heading button{border-radius:3px;padding:5px 7px}.strata .s-profile-buttons button{border-radius:5px;padding:9px}.strata .s-warning-box button{padding:4px 0}.strata .s-floor-comfort button{padding:4px 0}.strata .s-setpoint button{border-radius:4px}.strata .s-pin{border-radius:7px}.strata .s-asset{border-radius:5px}.strata .s-floor{border-radius:6px}.strata .s-primary{border-radius:6px}
@media(max-width:1050px){.strata .s-stage-tools button{padding:7px}.strata .s-stage-modes button{font-size:8px}.strata .s-camera-tools button{padding:5px}.strata .s-profile-buttons button{padding:8px 5px}}
.strata .s-all-floor{flex-shrink:0;min-height:50px}.s-floor-list{flex-shrink:0}.s-room-labels{position:absolute;inset:0;pointer-events:none}.s-room-labels span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:9px ui-monospace,monospace;color:#d2eceb;letter-spacing:.2px;padding:5px 7px;background:#0a202bd6;border:1px solid #77afbd44;border-radius:4px;box-shadow:0 2px 8px #0002}.s-north{position:absolute;top:66px;right:28px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#a6c7d1;font-size:25px;font-weight:200}.s-north b{font:9px ui-monospace,monospace}
@media(max-width:1250px) and (min-width:801px){.s-stage-heading{max-width:145px}.s-stage-heading h2{font-size:15px;line-height:1.3}.s-stage-heading p{display:none}.s-view-switch{top:18px}.s-stage-heading .s-section-label{font-size:6px;letter-spacing:.5px}.s-room-labels span{font-size:7px;padding:4px}}
@media(pointer:coarse){.strata .s-primary,.strata .s-focus,.strata .s-warning-box button{min-height:44px}.strata .s-history-heading button,.strata .s-view-switch button{min-height:34px;min-width:34px}.strata .s-stage-tools button{min-height:40px;min-width:35px}.s-inspector summary{min-height:32px;align-items:center}.s-header-actions button{min-height:40px}.s-search input{min-height:22px}.strata #s-category{min-height:36px}.s-profile-buttons button{min-height:40px}}

.s-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365264 transparent}.s-probe{flex-shrink:0}