:root{--bg:#101418;--panel:#1a2027;--border:#2b333d;--text:#e8edf2;--muted:#9aa7b4;--accent:#2f9e6b;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{grid-template:"toolbar toolbar""stage panels"1fr/1fr 320px;height:100vh;display:grid}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);grid-area:toolbar;align-items:center;gap:16px;padding:10px 16px;display:flex}.app[data-panels=closed]{grid-template-columns:1fr;grid-template-areas:"toolbar""stage"}.toolbar-brand{margin-right:8px}.toolbar-group{gap:6px;display:flex}.toolbar-hint{color:var(--muted);margin-left:auto;font-size:12px}.stage{grid-area:stage;place-items:center;min-height:0;padding:20px;display:grid}.stage svg{max-width:100%;max-height:100%}.panels{border-left:1px solid var(--border);background:var(--panel);grid-area:panels;padding:16px;overflow-y:auto}.panels h2{text-transform:uppercase;color:var(--muted);margin:20px 0 8px;font-size:13px}.panels h3{color:var(--muted);margin:12px 0 6px;font-size:12px}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#232b34;border-radius:6px;padding:6px 10px}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true],button.primary{background:var(--accent);border-color:var(--accent)}input[type=text]{font:inherit;color:var(--text);border:1px solid var(--border);background:#12181e;border-radius:6px;width:100%;padding:4px 8px}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.chip-row>span:first-child{color:var(--muted);flex:0 0 40px;font-size:12px}.chip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.player-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.player-list li{grid-template-columns:48px 48px 1fr;align-items:center;gap:6px;display:grid}.player-list li[data-selected=true]{outline:1px solid var(--accent);border-radius:6px}.swatch-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.swatch-grid button{border-radius:4px;height:24px;padding:0}.color-row{gap:10px;margin-top:12px;display:flex}.color-row label{color:var(--muted);gap:4px;font-size:12px;display:grid}.field{color:var(--muted);gap:6px;margin:16px 0;font-size:12px;display:grid}.notice{color:var(--muted);margin:0 0 8px;font-size:11px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dialog-backdrop{background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:300px;padding:20px}.dialog h2{margin:0 0 16px;font-size:15px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.field-label{color:var(--muted);margin:14px 0 6px;font-size:12px}.error{color:#ff8f8f;margin:14px 0 0;font-size:12px}