:root{color-scheme:dark;--bg:#111318;--card:#1a1d25;--inner:#20242e;--line:#2c313d;--fg:#e6e8ee;--muted:#8c93a3;--accent:#4c8dff;--danger:#e5534b;--ok:#3fb950}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,sans-serif}code{background:var(--inner);padding:1px 5px;border-radius:4px;word-break:break-all}.app{max-width:880px;margin:0 auto;padding:0 12px 40px}header{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap;position:sticky;top:0;background:var(--bg);z-index:2}nav{display:flex;gap:4px;flex-wrap:wrap}nav button.active{background:var(--accent);border-color:var(--accent);color:#fff}.spacer{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:12px 0}.card.inner{background:var(--inner)}.card.auth{max-width:360px;margin:12vh auto;display:flex;flex-direction:column;gap:10px}h1,h2{margin:0 0 8px}h2{font-size:17px}button,input,select{font:inherit;color:inherit;background:var(--inner);border:1px solid var(--line);border-radius:6px;padding:6px 10px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}input[type=color]{padding:0;height:34px;width:60px}input[type=range]{padding:0;width:100%}input[type=checkbox]{accent-color:var(--accent)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 14px;margin:8px 0;align-items:end}.field{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted)}.field input,.field select{color:var(--fg)}.field.wide{grid-column:1 / -1}.check{display:flex;gap:6px;align-items:center}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger)}.ok{color:var(--ok)}.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);flex-wrap:wrap}.item.dim{opacity:.65}.layer{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:8px 0;background:var(--card)}.layer-head{display:flex;gap:6px;align-items:center}.preview{width:100%;max-width:640px;height:auto;aspect-ratio:2/1;border-radius:6px;border:1px solid var(--line);display:block;margin:8px 0;background:#050505}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.on{background:var(--ok)}.dot.off{background:var(--danger)}.badge{font-size:11px;padding:1px 7px;border-radius:10px;background:var(--line)}.badge.active{background:var(--ok);color:#000}.badge.upcoming{background:var(--accent)}.notice{border:1px solid var(--accent);border-radius:8px;padding:10px;margin:10px 0}.key{display:block;margin:6px 0;-webkit-user-select:all;user-select:all}