:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0b1020;color:#eef2ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1020,#111827)}button,select,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.panel-grid{max-width:1400px;margin:0 auto;display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.card{background:#111827e6;border:1px solid rgba(148,163,184,.2);border-radius:28px;box-shadow:0 10px 30px #00000040}.card-header,.card-content{padding:24px}.card-header{padding-bottom:8px}.card-title{margin:0;font-size:32px}.muted{color:#9ca3af}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{border-radius:999px;padding:6px 12px;font-size:12px;border:1px solid rgba(148,163,184,.3);background:#1e293bd9}.topbar,.toolbar,.actionbar,.tile-grid{display:grid;gap:16px}.topbar{grid-template-columns:repeat(5,minmax(0,1fr))}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.actionbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field label{display:block;font-size:14px;margin-bottom:8px}.field select,.field input[type=range]{width:100%}.select,.button{width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.25);background:#0f172a;color:#eef2ff;padding:10px 12px}.button{width:auto;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.button.primary{background:#4338ca}.button.secondary{background:#1f2937}.button.danger{background:#7f1d1d}.button.active{background:#2563eb}.tile{border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:12px;background:#0f172a99}.tile-title{text-align:center;font-size:14px;font-weight:600;margin-top:8px}.tile-subtitle,.tiny{text-align:center;font-size:11px;color:#9ca3af}.tile-controls{display:grid;gap:10px;margin-top:8px}.tile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.small-button{padding:6px 10px;font-size:12px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0f172a;color:#eef2ff;cursor:pointer}.note-bar{height:112px;width:100%;border-radius:18px;border:0;background:#1e293b99;display:flex;align-items:end;justify-content:center;padding:8px;cursor:pointer}.note-bar-fill{width:32px;border-radius:12px 12px 0 0;background:#eef2ffd9}.staff-button{width:100%;height:112px;border:0;border-radius:18px;background:#1e293b73;cursor:pointer}.sidebar-list{display:grid;gap:12px}.sidebar-item{border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:14px;color:#9ca3af}@media (max-width: 1100px){.panel-grid{grid-template-columns:1fr}.topbar,.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.topbar,.toolbar,.tile-grid{grid-template-columns:1fr}}