:root{--bg: #1a1c24;--panel: #21242e;--panel-2: #262a36;--line: #333846;--text: #d7dae4;--muted: #8890a8;--accent: #33ff88;--accent-dim: #2a7d55;--warn: #ffb454;--err: #ff6b6b;--ok: #33ff88}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}#app{display:flex;height:100%}.canvas{flex:1;position:relative;min-width:0;background:#0e0f14}.canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.sidebar{order:-1;width:312px;flex-shrink:0;height:100%;overflow-y:auto;padding:14px 14px 40px;background:var(--panel);border-right:1px solid var(--line)}.sidebar h1{font-size:16px;margin:0 0 12px;letter-spacing:.5px}.sidebar h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:18px 0 8px}.sec{margin:10px 0;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.sec>summary{cursor:pointer;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none;list-style:none}.sec>summary:before{content:"▸ ";color:var(--muted)}.sec[open]>summary:before{content:"▾ "}.field{display:flex;align-items:center;gap:8px;margin:7px 0;min-width:0}.field>span{flex:0 0 74px;color:var(--muted);font-size:12px}.field.mini>span{flex-basis:64px}.row2{display:flex;gap:10px}.row2 .field{flex:1;min-width:0}.row2 .field>span{flex-basis:52px}.in{flex:1;min-width:0;background:#14161e;border:1px solid var(--line);border-radius:5px;color:var(--text);padding:5px 7px;font-size:12px;font-family:inherit}.in:focus{outline:none;border-color:var(--accent-dim)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:12px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s}.btn:hover{background:#2f3444}.btn.on{border-color:var(--accent);color:var(--accent);background:#1e2a22}.btn.primary{width:100%;background:var(--accent-dim);border-color:var(--accent);color:#0a1a12;font-weight:700;margin:6px 0}.btn.primary:hover{filter:brightness(1.12)}.btn.primary.on{background:#b4463a;border-color:#ff8a7a;color:#180a08}.btn.del{padding:3px 8px;color:var(--muted);border-color:transparent;background:transparent}.btn.del:hover{color:var(--err);background:#2a1a1a}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.actions .btn{flex:1 0 auto}.counts{color:var(--muted);font-size:12px;margin-bottom:8px}.obj{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:7px 8px;margin:6px 0;border-left:3px solid var(--line)}.obj.np{border-left-color:#ffe9a8}.obj.po{border-left-color:#8fd0ff}.obj-head{display:flex;align-items:center;gap:6px}.obj .tag{flex:0 0 auto;font-size:11px;color:var(--muted);font-family:monospace}.flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chk{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);cursor:pointer}.warnings{margin:8px 0}.warn{font-size:12px;padding:5px 8px;border-radius:5px;margin:4px 0;background:#2a2418;color:var(--warn);border:1px solid #4a3d1e}.warn.ok{background:#16281e;color:var(--ok);border-color:#274d38}.warn.err{background:#2a1818;color:var(--err);border-color:#4d2727}.hint{color:var(--muted);font-size:11px;line-height:1.6;margin-top:16px;border-top:1px solid var(--line);padding-top:10px}