:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#121823e6;--panel-strong:#181f2df0;--panel-soft:#222a3ad1;--panel-border:#87a3c92e;--ink:#edf3ff;--muted:#98a8bf;--accent:#ff9f5a;--danger:#ff8f8f;--stage:#0b1220;--shadow:0 22px 60px #00000057}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 0 0,#ff7c3629,#0000 22rem),radial-gradient(circle at 100% 0,#437fff26,#0000 26rem),linear-gradient(145deg,#07101c 0%,#101827 45%,#172134 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.display-page{min-height:100vh;padding:1.5rem}.password-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.password-card{border:1px solid var(--panel-border);width:min(100%,28rem);box-shadow:var(--shadow);background:#101723fa;border-radius:1.25rem;padding:1.5rem}.password-copy{color:var(--muted);line-height:1.5}.password-error{color:var(--danger);margin:.75rem 0 0}.password-submit{width:100%;margin-top:1rem}.display-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.display-error{color:var(--danger);margin:0 0 1rem}.display-stage-layout{margin-inline:0}.display-stage-layout .canvas-stage,.display-stage-layout .stage-side{height:min(72vh,860px);min-height:32rem}.display-overlay-options,.display-viewer-bottom{padding-inline:0}button,input,select{font:inherit}.app-shell{grid-template-columns:20rem minmax(0,1fr);min-height:100vh;display:grid}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--panel-border);padding:1.5rem;overflow-y:auto}.panel-section+.panel-section{margin-top:1.5rem}.stack{gap:.75rem;display:grid}.card{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:1rem;padding:1rem}.field-label{margin-bottom:.5rem;font-weight:600;display:block}.select-field,.text-field{border:1px solid var(--panel-border);width:100%;color:var(--ink);background:#090e18e0;border-radius:.85rem;padding:.8rem .9rem}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin-top:.75rem;display:grid}.inline-actions{gap:.6rem;margin-top:.75rem;display:flex}.meta-line{color:var(--muted);margin:.75rem 0 0;font-size:.92rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:.75rem;font-size:1.8rem;line-height:1.1}h2{margin-bottom:.75rem;font-size:1rem}.intro{color:var(--muted);line-height:1.5}.primary-button,.secondary-button,.danger-button,.sensor-pill{cursor:pointer;border:0;border-radius:999px;padding:.8rem 1rem;transition:transform .12s,opacity .12s,background .12s}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.sensor-pill:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button{color:#111722;box-shadow:var(--shadow);background:linear-gradient(135deg,#ff9f5a,#db5c2f)}.secondary-button{color:var(--ink);background:#2c374bf5}.danger-button{color:var(--danger);background:#69212af2}.file-field{background:var(--panel-soft);border:1px dashed #87a3c942;border-radius:1rem;gap:.35rem;padding:.9rem 1rem;display:grid}.file-field span{font-weight:600}.placement-card,.timeline-box,.sensor-summary{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:1rem;padding:1rem}.placement-card.empty{color:var(--muted)}.placement-actions{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}.time-meta,.sensor-summary{gap:.35rem;display:grid}.sensor-list{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.sensor-pill{color:var(--ink);background:#263042f5;padding:.45rem .8rem;font-size:.9rem}.sensor-pill.placed{background:#1d523ef2}.sensor-pill.skipped{color:#c6b2bf;background:#433441f5}.sensor-pill.active{color:#131c2d;background:#edf3ff}.viewer{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding-bottom:1.5rem;display:grid}.viewer-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem 0;display:flex}.viewer-hint{color:var(--muted)}.toolbar-side{align-items:center;gap:.9rem;display:flex}.legend{align-items:center;gap:.6rem;display:flex}.legend-gradient{background:linear-gradient(90deg,#245cd6 0%,#7ec0ff 35%,#fff4d6 60%,#ff9d48 80%,#c61c1c 100%);border-radius:999px;width:11rem;height:.8rem;box-shadow:inset 0 0 0 1px #1f1a1726}.stage-layout{grid-template-columns:minmax(0,1fr) 18rem;align-items:stretch;gap:.35rem;margin:1.25rem 1.5rem 1rem;display:grid}.stage-main{grid-template-rows:minmax(0,auto) auto;display:grid}.stage-side{grid-template-columns:2.8rem minmax(0,1fr);gap:.3rem;height:min(80vh,980px);min-height:38rem;display:grid}.legend-vertical{flex-direction:column;justify-content:space-between;height:100%;padding:.25rem 0}.legend-vertical .legend-gradient{width:2.8rem;height:100%;box-shadow:none;background:linear-gradient(#c61c1c 0%,#ff9d48 20%,#fff4d6 40%,#7ec0ff 65%,#245cd6 100%);border-radius:0}.legend-label{color:var(--muted);font-size:.9rem}.canvas-stage{width:100%;height:min(80vh,980px);min-height:38rem;position:relative;overflow:hidden}.wall-image,.overlay-canvas{width:100%;height:100%;position:absolute;inset:0}.wall-image{object-fit:contain}.overlay-canvas{cursor:crosshair}.empty-state{color:var(--muted);text-align:center;background:#070d1738;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.ranking-panel{border:1px solid var(--panel-border);scrollbar-gutter:stable;scrollbar-gutter:stable;background:#111825eb;border-radius:.9rem;flex-direction:column;height:100%;padding:0;display:flex;overflow:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:.9rem}.ranking-table th,.ranking-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #87a3c929;padding:.45rem .65rem}.ranking-table thead th{color:var(--ink);z-index:1;background:#141c29fa;font-weight:700;position:sticky;top:0}.ranking-table td:last-child,.ranking-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.viewer-bottom{grid-template-columns:1fr;justify-items:center;gap:.9rem;margin-top:.5rem;padding:0 1.5rem;display:grid}.viewer-card{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:1rem;padding:1rem}.playback-panel{width:100%}.transport-row{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:.9rem;display:flex}.transport-button{min-width:5.4rem;padding-inline:.85rem}.icon-button{letter-spacing:.02em;min-width:4.2rem;font-size:1rem;font-weight:700}.icon-button[aria-label=Stop]{font-size:1.25rem}.playback-speed-readout{color:var(--accent);margin:0;font-weight:700}.speed-row{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.9rem;display:flex}.speed-chip{border:1px solid var(--panel-border);color:var(--muted);cursor:pointer;background:#111825f5;border-radius:999px;padding:.36rem .7rem;transition:background .12s,color .12s,border-color .12s}.speed-chip.active{color:var(--ink);background:#ff9f5a29;border-color:#ff9f5a70}.overlay-options{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:.9rem;display:flex}.overlay-options-below{width:100%;margin-top:.65rem;padding:0}.playback-panel .section-head{text-align:center;justify-content:center}.playback-panel .time-meta{text-align:center;flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.playback-panel input[type=range]{width:min(100%,64rem);margin-inline:auto;display:block}.checkbox-row{color:var(--muted);align-items:center;gap:.45rem;font-size:.92rem;display:inline-flex}.checkbox-row input{accent-color:var(--accent)}.sensors-card{min-width:0}.section-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-head h2{margin-bottom:0}.sensor-list.compact{max-height:12rem;margin-top:0;overflow:auto}.info-popover{position:relative}.info-button{width:2rem;height:2rem;color:var(--ink);cursor:default;background:#273144f5;border:0;border-radius:999px;font-weight:700}.info-panel{width:18rem;color:var(--ink);opacity:0;pointer-events:none;z-index:5;background:#0a101bf5;border-radius:1rem;padding:.9rem 1rem;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-6px);box-shadow:0 18px 40px #00000061}.info-panel p:last-child{margin-bottom:0}.info-popover:hover .info-panel,.info-popover:focus-within .info-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0409119e;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--panel-border);background:#101723fa;border-radius:1.5rem;width:min(100%,34rem);padding:1.25rem;box-shadow:0 24px 70px #00000073}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}input[type=range]{width:100%;margin-bottom:.8rem}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--panel-border)}.display-header{flex-direction:column}.viewer-toolbar{flex-direction:column;align-items:flex-start}.legend{width:100%}.legend-gradient{flex:1}.inline-form,.viewer-bottom{grid-template-columns:1fr}.toolbar-side{justify-content:space-between;width:100%}.stage-layout{grid-template-columns:1fr;margin-inline:1rem}.stage-side{grid-template-columns:2.8rem minmax(0,1fr);height:18rem;min-height:18rem}.canvas-stage{height:min(62vh,760px);min-height:24rem}.ranking-panel{min-height:0}.modal-header{flex-direction:column}}