:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#080a0f;--bg-topbar:#0e121b;--bg-bar:#111622;--bg-pane:#0f131d;--bg-pane-header:#161b29;--border-subtle:#1f273a;--border-bright:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-amber:#fbbf24;--accent-orange:#f97316;--accent-crimson:#ef4444;--accent-green:#22c55e;--accent-cyan:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}[hidden],.is-hidden{display:none!important}html,body,#app{background:var(--bg-app);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.mm-app{flex-direction:column;gap:8px;width:100vw;height:100vh;padding:8px 12px 10px;display:flex}.mm-topbar{border:1px solid var(--border-subtle);background:linear-gradient(#141926 0%,#0d111a 100%);border-radius:8px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px 18px;padding:8px 14px;display:flex;box-shadow:0 4px 18px #00000073}.mm-brand{align-items:center;gap:10px;display:flex}.mm-brand__icon{align-items:center;gap:2.5px;height:22px;display:inline-flex}.mm-brand__icon span{background:linear-gradient(#fde047 0%,#f97316 60%,#dc2626 100%);border-radius:2px;width:3px;display:block;box-shadow:0 0 8px #fb923c8c}.mm-brand__icon span:first-child{height:9px}.mm-brand__icon span:nth-child(2){height:18px}.mm-brand__icon span:nth-child(3){height:22px}.mm-brand__icon span:nth-child(4){height:15px}.mm-brand__icon span:nth-child(5){height:10px}.mm-brand__text{letter-spacing:.06em;background:linear-gradient(90deg,#fde047 0%,#fb923c 55%,#f87171 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 18px #fb923c40;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.mm-global-led{background:#1e293b;border:1px solid #334155;border-radius:50%;width:9px;height:9px;transition:background 60ms,box-shadow 60ms}.mm-global-led--on{background:#22c55e;box-shadow:0 0 10px #22c55e,0 0 4px #86efac}.mm-ctrl-group{flex-direction:column;gap:4px;display:flex}.mm-ctrl-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mm-ctrl-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:600}.mm-ctrl-val{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:600}.mm-device-row,.mm-action-row{align-items:center;gap:6px;display:flex}.mm-select{color:var(--text-primary);border:1px solid var(--border-subtle);background:#090c14;border-radius:6px;outline:none;min-width:195px;padding:5px 10px;font-size:.78rem;font-weight:500}.mm-select:focus{border-color:var(--accent-amber)}.mm-btn{color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;background:#151b28;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .12s;display:inline-flex}.mm-btn:hover{color:var(--text-primary);border-color:var(--border-bright);background:#1e2638}.mm-btn kbd{color:#94a3b8;background:#090c14;border:1px solid #29344d;border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.66rem}.mm-btn--active{color:#7dd3fc;background:#38bdf824;border-color:#38bdf86b}.mm-btn--frozen{color:#fca5a5;background:#ef444433;border-color:#ef4444;box-shadow:0 0 10px #ef444459}.mm-btn__dot{background:#475569;border-radius:50%;width:7px;height:7px}.mm-btn--demo-on{color:#86efac;background:#22c55e24;border-color:#22c55e73}.mm-btn--demo-on .mm-btn__dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.mm-segmented{border:1px solid var(--border-subtle);background:#090c14;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.mm-seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .12s}.mm-seg-btn:hover{color:var(--text-primary)}.mm-seg-btn--active{color:#fde047;background:#222b3e;box-shadow:0 1px 4px #00000080}.mm-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#fbbf24 0%,#334155 100%);border-radius:4px;outline:none;width:125px;height:5px}.mm-slider::-webkit-slider-thumb{appearance:none;background:#e2e8f0;border:2px solid #0f172a;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #0009}.mm-ctrl-group--heatmap{min-width:245px}.mm-heatmap-bar{background:linear-gradient(90deg,#fef08a 0%,#facc15 32%,#f97316 68%,#dc2626 88%,#881337 100%);border:1px solid #ffffff29;border-radius:4px;height:10px}.mm-heatmap-Caption{color:var(--text-muted);justify-content:space-between;font-size:.65rem;font-weight:600;display:flex}.mm-hm-low{color:#fef08a}.mm-hm-mid{color:#fb923c}.mm-hm-hi{color:#f87171}.mm-hidden-bar,.mm-unified-bar{border:1px solid var(--border-subtle);background:#0d111a;border-radius:7px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 12px;display:flex}.mm-hidden-bar__left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mm-unified-bar__left{scrollbar-width:none;flex-wrap:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.mm-unified-bar__left::-webkit-scrollbar{display:none}.mm-hidden-bar__title,.mm-unified-bar__title{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;margin-right:4px;font-size:.75rem;font-weight:600}.mm-unified-bar__title small{color:var(--text-muted);font-weight:400}.mm-hidden-bar__pills{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mm-unified-bar__pills{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.mm-hidden-none{color:var(--text-muted);font-size:.72rem;font-style:italic}.mm-hidden-pill{color:#94a3b8;cursor:pointer;background:#151b29;border:1px solid #242e42;border-radius:5px;align-items:center;gap:6px;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:600;transition:all .12s;display:inline-flex}.mm-hidden-pill:hover{color:#f8fafc;background:#1f293d;border-color:#475569}.mm-hidden-pill__led{background:#334155;border-radius:50%;width:6px;height:6px;transition:all 80ms}.mm-hidden-pill__led--on{background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 3px #86efac}.mm-hidden-bar__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mm-chip-btn{color:#cbd5e1;cursor:pointer;background:#161e2e;border:1px solid #29354d;border-radius:5px;padding:3px 9px;font-size:.72rem;font-weight:600}.mm-chip-btn:hover{color:#fde047;background:#222e46;border-color:#475569}.mm-legend-pill{background:var(--ch-bg,#1e293b80);color:#f1f5f9;border:1px solid var(--ch-border,#475569);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:600;transition:all .12s;display:inline-flex}.mm-legend-pill:hover{box-shadow:0 0 10px var(--ch-bg);transform:translateY(-1px)}.mm-legend-pill--muted{opacity:.4}.mm-legend-pill--solo{box-shadow:0 0 0 2px #fde047, 0 0 12px var(--ch-accent)}.mm-legend-pill__dot{background:var(--ch-accent);opacity:.45;border-radius:50%;width:6px;height:6px}.mm-legend-pill__dot--on{opacity:1;box-shadow:0 0 8px var(--ch-accent)}.mm-legend-pill__ch{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700}.mm-legend-pill__name{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-weight:500;overflow:hidden}.mm-unified-bar__right{background:#090c14;border:1px solid #1e2638;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:112px;min-width:112px;max-width:112px;height:24px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.76rem;display:flex}.mm-unified-chord-val{color:#fde047;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-weight:700;overflow:hidden}.mm-unified-chord-empty{color:#334155;font-weight:600}.mm-grid{flex:1;gap:8px;min-height:0;display:grid}.mm-grid--1{grid-template-rows:1fr;grid-template-columns:1fr}.mm-grid--2{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}.mm-grid--4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.mm-grid--6{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.mm-grid--8{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)}.mm-grid--12{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr)}.mm-grid--16{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(8,1fr)}.mm-pane{background:var(--bg-pane);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 3px 12px #00000059}.mm-pane__header{background:var(--bg-pane-header);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex}.mm-pane__title-group{align-items:center;gap:5px;min-width:0;display:flex}.mm-pane__led{background:#293548;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all 70ms}.mm-pane__led--on{background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 3px #86efac}.mm-pane__ch-num{color:#f8fafc;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700}.mm-pane__sep{color:#475569;font-size:.75rem}.mm-pane__label{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:.78rem;font-weight:600;overflow:hidden}.mm-pane__label:hover{color:#fde047;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mm-grid--16 .mm-pane__sep,.mm-grid--16 .mm-pane__label{display:none}.mm-pane__meta{align-items:center;gap:5px;min-width:0;display:flex}.mm-pane__badge{border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.64rem;font-weight:700}.mm-pane__badge--sustain{color:#fde047;background:#fbbf2429;border:1px solid #fbbf2466}.mm-pane__badge--pb{color:#7dd3fc;background:#38bdf829;border:1px solid #38bdf866}.mm-pane__chord{color:#fdba74;background:#f9731633;border:1px solid #f9731673;border-radius:4px;flex-shrink:0;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:700}.mm-pane__poly{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:175px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem;overflow:hidden}.mm-pane__poly--active{color:#cbd5e1}.mm-grid--16 .mm-pane__poly{max-width:85px;font-size:.62rem}.mm-pane__hide-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.mm-pane__hide-btn:hover{color:#f8fafc;background:#ffffff14}.mm-pane__body{flex:1;min-height:0;position:relative}.mm-pane__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mm-unified-stage{background:var(--bg-pane);border:1px solid var(--border-subtle);border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}.mm-unified-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mm-tooltip{z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;background:#0f172af0;border:1px solid #475569;border-radius:7px;min-width:215px;padding:9px 11px;font-size:.74rem;position:fixed;box-shadow:0 8px 24px #000000a6}.mm-tooltip__head{border-bottom:1px solid #334155;flex-direction:column;gap:2px;margin-bottom:6px;padding-bottom:6px;display:flex}.mm-tooltip__ch{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:700}.mm-tooltip__note{color:#fde047;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;font-weight:700}.mm-tooltip__row{color:#cbd5e1;justify-content:space-between;align-items:center;gap:10px;margin-top:3px;display:flex}.mm-tooltip__row--sust strong{color:#fbbf24}.mm-tooltip__vel{align-items:center;gap:5px;display:inline-flex}.mm-tooltip__vel i{border-radius:2px;width:9px;height:9px;display:inline-block}
