:root{--bg: #eff6ff;--panel: #ffffff;--ink: #0b1b2b;--muted: #64748b;--accent: #2563eb;--ring: #cbd5e1}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 12% -12%,#dbeafe,#eff6ff 60%);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.wrap{max-width:1100px;margin:24px auto;padding:0 16px}.panel{background:var(--panel);border:1px solid var(--ring);border-radius:16px;padding:14px}.panel .MuiGrid-root{width:100%}.staff{background:#fff;border:1px solid var(--ring);border-radius:16px;padding:14px}.staff canvas{background:#fff;border-radius:12px}.legend{font-size:12px;color:var(--muted);margin:6px 2px 10px}.status{padding:10px 14px;border-radius:12px;border:1px solid var(--ring);background:#f1f5f9;color:#0b1b2b}