:root{--bg:#111214;--panel:#1a1c20;--line:#2c2f36;--fg:#e8e9ec;--dim:#8b90a0;--acc:#4da3ff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.4 system-ui,sans-serif}
input,select,button{font:inherit;color:var(--fg);background:#23262c;border:1px solid var(--line);border-radius:5px;padding:6px 8px}
input[type=color]{padding:0;height:30px;width:100%}
input[type=checkbox]{width:auto}
button{cursor:pointer}button:hover{border-color:var(--acc)}
button.primary{background:var(--acc);color:#04111f;border-color:var(--acc);font-weight:600}
.login{min-height:100vh;display:grid;place-items:center}
.login form{width:320px;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.login img{width:220px;margin:0 auto 12px}
.login .err{color:#ff6b6b;text-align:center;min-height:1.4em}
#app{display:grid;grid-template-columns:340px 1fr;height:100vh}
aside{background:var(--panel);border-right:1px solid var(--line);overflow:auto;padding:12px}
aside h3{margin:16px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
aside h3:first-child{margin-top:0}
.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.head img{height:26px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--dim)}
label.row{flex-direction:row;align-items:center;gap:6px;color:var(--fg);font-size:14px}
.list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:5px;cursor:pointer}
.item.sel{border-color:var(--acc);background:#1d2a3a}
.item i{width:12px;height:12px;border-radius:3px;flex:none}
.item small{margin-left:auto;color:var(--dim)}
.btns{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
main{position:relative;overflow:hidden}
canvas{display:block;width:100%;height:100%}
#status{position:absolute;left:10px;bottom:8px;color:var(--dim);font-size:12px;pointer-events:none}
.muted{color:var(--dim);font-size:12px}