:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#23332d;background:#e7e8e3;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #32755d;outline-offset:3px}#viewport{position:absolute;inset:0 0 0 286px}canvas{display:block;width:100%;height:100%;touch-action:none}#panel{position:absolute;inset:0 auto 0 0;width:286px;padding:28px 23px;background:#f8f8f3;overflow:auto;border-right:1px solid #d4d9cf;transition:transform .2s}header{margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#69786c}h1{font-size:27px;font-weight:550;letter-spacing:3px;margin:10px 0}header p{font-size:12px;color:#748074}h2{font-size:12px;font-weight:600;color:#536358;letter-spacing:1px;margin:0 0 13px}section{margin:0 0 24px}.views{display:grid;grid-template-columns:1fr 1fr;gap:7px}button{border:1px solid #d2d9cf;color:#405546;background:transparent;border-radius:4px;padding:9px 10px;font-size:12px}button:hover{background:#e8eee4}button.active{background:#294d3b;color:#f7f8f3;border-color:#294d3b}.switch,.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;font-size:12px}.switch small{color:#899284;font-size:10px;margin-left:4px}input[type=checkbox]{accent-color:#375d43;width:16px;height:16px;cursor:pointer}select{border:1px solid #d2d9cf;background:transparent;padding:4px 8px;border-radius:3px;color:#405546;font-size:12px}input[type=range]{width:115px;accent-color:#48694e}.note{font-size:11px;line-height:1.7;color:#7a847a}details{border-top:1px solid #dce0d7;padding-top:13px;font-size:11px;line-height:1.8;color:#687568}summary{cursor:pointer}#stats{white-space:pre-line;font-variant-numeric:tabular-nums}a{color:#365b46}footer{font-size:10px;line-height:1.9;color:#8b9589;margin-top:24px}#panel-toggle{position:absolute;top:18px;left:304px;background:#f8f8f3dd;z-index:2}body.panel-hidden #panel{transform:translateX(-100%)}body.panel-hidden #viewport{left:0}body.panel-hidden #panel-toggle{left:18px}#caption{position:absolute;bottom:23px;left:312px;display:flex;align-items:center;gap:12px;pointer-events:none}#view-name{font-size:15px;letter-spacing:2px}#render-state{font-size:10px;color:#617262;background:#f8f8f3cc;padding:5px 8px;border-radius:3px}body.panel-hidden #caption{left:25px}#selection{position:absolute;right:24px;top:18px;max-width:340px;background:#f8f8f3f2;padding:17px 40px 17px 18px;border:1px solid #d1d8cd;border-radius:4px}#selection strong{display:block;font-size:13px;font-weight:500;margin:6px 0}#selection-part{font-size:10px;line-height:1.5;color:#788273;overflow-wrap:anywhere}#clear-selection{position:absolute;right:5px;top:5px;border:0;padding:3px 7px;font-size:17px}#loading{position:absolute;inset:0;background:#e8ebe5ec;z-index:5;display:grid;place-items:center}#loading[hidden],#selection[hidden]{display:none}.load-card{padding:36px;width:min(460px,90vw)}.load-card h2{font-size:22px;letter-spacing:1px;margin:15px 0}.load-card p{font-size:12px;color:#667461}progress{width:100%;height:5px;accent-color:#375d43;margin:15px 0}#benchmark{padding:6px 8px;font-size:11px}#benchmark:disabled{opacity:.5;cursor:default}@media(max-width:700px){#panel{width:246px;padding:22px 18px;z-index:3}#viewport{left:0}#panel-toggle{left:260px;z-index:4}#caption{left:18px;bottom:16px}#selection{top:62px;right:12px;max-width:260px}.views{gap:5px}header{margin-bottom:22px}}
:root{color:#dce4ec;background:#151c25;color-scheme:dark}
[hidden]{display:none!important}
#panel{background:#1c252ff5;border-color:#35404c;width:310px;padding:24px 20px}
#viewport{left:310px}#panel-toggle{left:328px}#caption{left:332px;flex-wrap:wrap;max-width:calc(100vw - 355px);font-size:11px;color:#ccd7e2}
h2{color:#b4c3d2}.eyebrow,header p,.note,footer{color:#91a3b6}
button,select,input{color:#d6e1eb;border-color:#435364}button:hover{background:#2d3e4f}button.active{background:#5c776c;color:#fff;border-color:#76988a}
select{background:#222d38}details{border-color:#35404c;color:#b8c5d1;margin-bottom:18px}a{color:#99c9b4}
#selection,#panel-toggle,#render-state{background:#222d38ed;color:#dce4ec;border-color:#435364}
#selection-part{color:#a3b3c1}#loading{background:#151c25f2}.load-card p{color:#a6b5c4}
.tabs{position:sticky;top:-24px;display:flex;gap:4px;background:#1c252f;padding:12px 0;margin:0 0 16px;z-index:1;border-bottom:1px solid #35404c}
.tabs button{flex:1;padding:10px 5px;white-space:nowrap}.tabs [aria-selected=true]{background:#526f65;border-color:#86a895;color:white}
.master{font-weight:600}.switch small{color:#91a3b6;font-weight:400}.switch input{flex-shrink:0}
.room-control{border:1px solid #354352;border-radius:6px;margin:10px 0;overflow:hidden}
.room-heading{padding:8px 11px;background:#26333e}.room-control details{border:0;padding:0;margin:0}
.room-control summary{padding:9px 11px;font-size:11px;color:#9eb0bf}.lamp-list{padding:0 11px 10px}
.lamp-list .switch{min-height:35px;border-top:1px solid #34404a;font-size:11px}
#stats{font-size:10px}#light-badge,#motion-badge{padding:5px 8px;background:#222d38d9;border-radius:3px}
input[type=checkbox],input[type=range],progress{accent-color:#91b7a2}button:disabled{opacity:.45;cursor:default}
body.panel-hidden #caption{max-width:calc(100vw - 40px)}
@media(max-width:700px){#panel{width:280px;z-index:3}#viewport{left:0}#panel-toggle{left:292px}#caption{left:18px;max-width:calc(100vw - 36px)}#render-state{display:none}header{margin-bottom:20px}}
#walk-toggle{width:100%;margin:8px 0;background:#334d44;border-color:#718e7b}#walk-toggle[aria-pressed=true]{background:#5c776c}
#walk-help{position:absolute;top:18px;left:450px;right:20px;text-align:center;background:#1c252fe8;padding:10px;font-size:12px;pointer-events:none}
#crosshair{display:none;position:absolute;left:calc(50% + 155px);top:50%;color:#eee;pointer-events:none;font-size:18px}
body.walking #crosshair{display:block}body.panel-hidden #crosshair{left:50%}
@media(max-width:700px){#walk-help{left:18px;top:62px}#crosshair{left:50%}}