:root{--bg: #14161a;--panel: #1c1f25;--line: #2b3038;--fg: #e6e8ea;--dim: #8b93a0;--accent: #4da3ff;--ok: #4ec98a;--bad: #ff6b6b;--warn: #ffc766;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,Noto Sans TC,sans-serif}button,input,select{font:inherit;color:inherit}input,select{background:#0f1115;border:1px solid var(--line);border-radius:6px;padding:5px 8px}input[type=range]{padding:0;border:0;background:none;flex:1;min-width:90px}button{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}.app{max-width:1200px;margin:0 auto;padding:12px 16px 240px}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2}.spacer{flex:1}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:var(--bad)}.ro{color:var(--dim)}.scenebar{padding:12px 0;border-bottom:1px solid var(--line)}.scene-cols{display:flex;gap:32px;flex-wrap:wrap}.cap{color:var(--dim);font-size:12px;margin-bottom:4px}.scene-btns{display:flex;gap:6px;flex-wrap:wrap}.scene-btns .on{border-color:var(--accent);background:#22314a}.scene-btns .on.edit{border-color:var(--warn);background:#3a3222}.banner{margin-top:10px;padding:8px 12px;border-radius:6px;background:#22262e;border-left:3px solid var(--accent)}.banner.warn{border-left-color:var(--warn)}.tabs{display:flex;gap:8px;margin:14px 0}.tab.on{border-color:var(--accent);background:#22314a}main.offline{opacity:.55}section{margin:18px 0}h2{font-size:14px;color:var(--accent);margin:0 0 8px}.grid{display:grid;gap:10px 18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ctrl{display:flex;flex-direction:column;gap:3px}.ctrl-inline{flex-direction:row;align-items:center;gap:8px}.ctrl-label{font-size:12px;color:var(--dim)}.ctrl-row{display:flex;align-items:center;gap:8px}.num{width:80px}.pulse{align-self:start}.results{position:fixed;right:16px;bottom:16px;width:340px;max-width:calc(100vw - 32px);max-height:40vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.results summary{cursor:pointer;color:var(--dim);font-size:12px;list-style:none}.results summary:before{content:"▾ "}.results:not([open]) summary:before{content:"▸ "}.results:not([open]){width:auto}.res{padding:3px 0;border-top:1px solid var(--line)}summary .res{border:0;padding:0}.res.ok{color:var(--ok)}.res.bad{color:var(--bad)}.empty{padding:60px 0;text-align:center;color:var(--dim)}.login{max-width:300px;margin:15vh auto;display:flex;flex-direction:column;gap:10px}