:root{--font:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", "Cascadia Mono", "Cascadia Code", "SF Mono", Consolas, monospace;--bg-0:#090b10;--bg-1:#0f1218;--bg-2:#141821;--bg-3:#1a1f2b;--bg-4:#222938;--bg-5:#2b3346;--glass:#12161fdb;--line:#ffffff0f;--line-2:#ffffff1a;--line-3:#ffffff2b;--text:#e8ebf3;--text-2:#a7afc3;--text-3:#6d768d;--accent:#8b5cf6;--accent-hi:#a78bfa;--accent-2:#22d3ee;--accent-grad:linear-gradient(135deg, #8b5cf6 0%, #6d63f5 45%, #22d3ee 110%);--accent-soft:#8b5cf629;--good:#34d399;--warn:#fbbf24;--bad:#f87171;--radius-xs:.4rem;--radius-sm:.6rem;--radius:.8rem;--radius-lg:1.2rem;--shadow:0 1.6rem 4.8rem #00000080, 0 .3rem 1rem #00000059;--shadow-sm:0 .4rem 1.4rem #00000059;--ring:0 0 0 .2rem #8b5cf68c;--keys-w:8.8rem;--gutter-w:1.2rem;--roll-bg:#0d1016;--roll-row-white:#141922;--roll-row-black:#10141b;--roll-row-in:#8296ff0b;--roll-row-out:#00000042;--roll-row-root:#8b5cf621;--roll-row-line:#ffffff08;--roll-octave-line:#ffffff1f;--roll-grid-sub:#ffffff09;--roll-grid-beat:#ffffff13;--roll-grid-bar:#fff3;--roll-bar-alt:#ffffff03;--roll-outside:#00000052;--roll-loop:#8b5cf6;--roll-playhead:#fbbf24;--roll-cursor:#22d3ee;--roll-chord-tone:#34d39912;--roll-chord-root:#34d39926;--roll-sel:#fff;--roll-marquee:#22d3eee6;--roll-marquee-fill:#22d3ee14;--key-white:#e5e9f1;--key-white-hi:#fff;--key-black:#12151c;--key-black-hi:#2b313e;--key-border:#0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=midnight]{--bg-0:#060914;--bg-1:#0a0f1d;--bg-2:#0e1426;--bg-3:#141b31;--bg-4:#1b2440;--bg-5:#24305a;--glass:#0a0f1ee0;--accent:#6d8bff;--accent-hi:#9db0ff;--accent-2:#2ee6c8;--accent-grad:linear-gradient(135deg, #6d8bff 0%, #4f7cff 40%, #2ee6c8 110%);--accent-soft:#6d8bff29;--ring:0 0 0 .2rem #6d8bff8c;--roll-bg:#080c18;--roll-row-white:#0e1426;--roll-row-black:#0a0f1e;--roll-row-root:#6d8bff26;--roll-loop:#6d8bff}[data-theme=light]{--bg-0:#e7ebf2;--bg-1:#f4f6fa;--bg-2:#eceff5;--bg-3:#fff;--bg-4:#e2e7f0;--bg-5:#d3dae7;--glass:#fafbfdeb;--line:#0f172a14;--line-2:#0f172a1f;--line-3:#0f172a33;--text:#141a26;--text-2:#4b5468;--text-3:#8790a5;--accent:#7c3aed;--accent-hi:#6d28d9;--accent-2:#0891b2;--accent-soft:#7c3aed1f;--shadow:0 1.6rem 4.8rem #0f172a2e, 0 .3rem 1rem #0f172a1f;--shadow-sm:0 .4rem 1.4rem #0f172a1f;--roll-bg:#f3f5f9;--roll-row-white:#fbfcfe;--roll-row-black:#eef1f6;--roll-row-in:#7c3aed08;--roll-row-out:#0f172a0d;--roll-row-root:#7c3aed1a;--roll-row-line:#0f172a0d;--roll-octave-line:#0f172a29;--roll-grid-sub:#0f172a0d;--roll-grid-beat:#0f172a1a;--roll-grid-bar:#0f172a42;--roll-bar-alt:#0f172a05;--roll-outside:#0f172a12;--roll-chord-tone:#10b98114;--roll-chord-root:#10b98129;--roll-sel:#111827;--roll-playhead:#d97706;--roll-cursor:#0891b2;--key-white:#fff;--key-white-hi:#f1f5ff;--key-black:#1d2230;--key-black-hi:#3a4256;--key-border:#0f172a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-0);color:var(--text);font:1.3rem/1.4 var(--font);font-feature-settings:"cv11", "ss01", "tnum";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.38;cursor:default}:focus-visible{box-shadow:var(--ring);outline:none}input[type=text],input[type=search]{-webkit-user-select:text;user-select:text}kbd{background:var(--bg-4);border:1px solid var(--line-2);min-width:1.8rem;height:1.8rem;font:600 1.05rem/1 var(--mono);color:var(--text-2);border-bottom-width:2px;border-radius:.4rem;justify-content:center;align-items:center;padding:0 .5rem;display:inline-flex}.kbd-group{flex:none;gap:.3rem;display:inline-flex}.mono{font-family:var(--mono)}.dim{color:var(--text-3)}.small{font-size:1.15rem}.strong{font-weight:600}.icon{flex:none;display:block}::-webkit-scrollbar{width:1rem;height:1rem}::-webkit-scrollbar-thumb{background:var(--line-3);background-clip:padding-box;border:.3rem solid #0000;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background-color:var(--text-3)}::-webkit-scrollbar-track{background:0 0}#app{height:100%}.boot{height:100%;color:var(--text-3);letter-spacing:.04em;place-items:center;font-size:1.4rem;display:grid}.boot-error{padding:4rem}.boot-error pre{color:var(--bad);white-space:pre-wrap}.app{grid-template-rows:auto minmax(0,1fr) auto;height:100vh;display:grid}.workspace{min-width:0;min-height:0;display:flex}.center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.col-resizer{cursor:col-resize;z-index:6;flex:none;width:.6rem;margin:0 -.3rem;position:relative}.col-resizer:after{content:"";background:0 0;transition:background .15s;position:absolute;inset:0 .25rem}.col-resizer:hover:after,.col-resizer.dragging:after{background:var(--accent)}.topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-2) 100%, white 2%), var(--bg-1));border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;gap:1.6rem;height:5.8rem;padding:0 1.2rem;display:flex;position:relative}.topbar:after{content:"";opacity:.55;background:linear-gradient(90deg,#0000,#8b5cf673,#22d3ee59,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.tb-left,.tb-center,.tb-right{align-items:center;gap:.8rem;min-width:0;display:flex}.tb-left{flex:1 1 0}.tb-right{flex:1 1 0;justify-content:flex-end}.tb-center{flex:none;gap:1rem}.brand{filter:drop-shadow(0 .4rem 1rem #8b5cf659);display:flex}.brand svg{width:3.2rem;height:3.2rem}.project-box{flex-direction:column;min-width:0;margin-right:.4rem;display:flex}.project-name{border-radius:var(--radius-sm);font:650 1.45rem/1.3 var(--font-display);letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:1px solid #0000;width:24rem;max-width:28vw;margin-left:-.6rem;padding:.1rem .6rem}.project-name:hover{border-color:var(--line-2)}.project-name:focus{border-color:var(--accent);background:var(--bg-3);outline:none}.save-state{color:var(--text-3);letter-spacing:.02em;align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.save-state:before{content:"";background:var(--good);width:.6rem;height:.6rem;box-shadow:0 0 .6rem var(--good);border-radius:50%}.save-state.dirty:before,.save-state.saving:before{background:var(--warn);box-shadow:0 0 .6rem var(--warn)}.save-state.error:before{background:var(--bad)}.menubar{gap:.2rem;display:flex}.menu-btn{border-radius:var(--radius-sm);color:var(--text-2);padding:.6rem 1rem;font-weight:550}.menu-btn:hover,.menu-btn.open{background:var(--bg-4);color:var(--text)}.tb-sep{background:var(--line-2);flex:none;width:1px;height:2.4rem;margin:0 .2rem}.transport{background:var(--bg-0);border:1px solid var(--line);border-radius:1.4rem;align-items:center;gap:.3rem;padding:.4rem;display:flex;box-shadow:inset 0 1px #ffffff08}.transport-btn{border-radius:1rem!important;width:3.4rem!important;height:3.4rem!important}.transport-btn.rec.active{color:#fff!important;background:#f8717138!important}.transport-btn.rec .icon{color:var(--bad)}.transport-play{color:#fff;background:var(--accent-grad);border-radius:1.2rem;place-items:center;width:4.4rem;height:4.4rem;transition:transform 80ms,box-shadow .2s;display:grid;box-shadow:0 .6rem 1.8rem #6d63f573,inset 0 1px #ffffff4d}.transport-play:hover{transform:translateY(-1px);box-shadow:0 .8rem 2.4rem #6d63f599,inset 0 1px #ffffff4d}.transport-play:active{transform:translateY(0)}.transport-play.playing{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 .6rem 2rem #f9731680,inset 0 1px #ffffff4d}.lcd{border:1px solid var(--line-2);min-width:17rem;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:pre;text-align:center;background:linear-gradient(#05070b,#0b0e14);border-radius:1rem;padding:.5rem 1.2rem;box-shadow:inset 0 .2rem .8rem #0009}[data-theme=light] .lcd{background:linear-gradient(#1a1f2b,#262c3b)}.lcd-pos{color:#e9f6ff;letter-spacing:.04em;text-shadow:0 0 1.2rem #22d3ee59;font-size:1.9rem;font-weight:650;line-height:1.15}.lcd-time{color:#7fa0b8;letter-spacing:.08em;font-size:1.05rem}.bpm-field{width:10rem}.key-chip{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);height:3.4rem;color:var(--accent-hi);white-space:nowrap;border-radius:1rem;align-items:center;gap:.6rem;padding:0 1.2rem;font-weight:650;display:flex}.key-chip:hover{background:color-mix(in srgb, var(--accent) 26%, transparent)}.meter{flex-direction:column;gap:.3rem;width:7rem;display:flex}.meter-track{background:var(--bg-0);border:1px solid var(--line);border-radius:.3rem;height:.5rem;overflow:hidden}.meter-bar{background:linear-gradient(90deg,#22c55e,#a3e635 60%,#facc15 85%,#ef4444) 0 0/7rem 100%;width:0;height:100%;transition:width 50ms linear}.midi-chip{height:3.2rem;color:var(--text-3);border:1px solid var(--line-2);letter-spacing:.05em;border-radius:.9rem;align-items:center;gap:.5rem;padding:0 1rem;font-size:1.15rem;font-weight:600;display:flex}.midi-chip:hover{color:var(--text);background:var(--bg-4)}.midi-chip.ready{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent)}.export-btn{height:3.6rem!important;padding:0 1.6rem!important}.icon-btn{width:3.2rem;height:3.2rem;color:var(--text-2);border-radius:.9rem;flex:none;justify-content:center;align-items:center;gap:.6rem;transition:background .12s,color .12s;display:inline-flex;position:relative}.icon-btn.with-label{width:auto;padding:0 1rem}.icon-btn:hover:not(:disabled){background:var(--bg-4);color:var(--text)}.icon-btn.active{color:var(--accent-hi);background:var(--accent-soft)}.icon-btn.active:after{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem;margin-left:-.2rem;position:absolute;bottom:.3rem;left:50%;box-shadow:0 0 .6rem}.icon-btn.warn.active{color:var(--warn);background:#fbbf2424}.icon-btn.danger:hover{color:var(--bad);background:#f871711f}.btn{white-space:nowrap;border-radius:1rem;justify-content:center;align-items:center;gap:.7rem;height:3.4rem;padding:0 1.4rem;font-weight:600;transition:background .12s,box-shadow .15s,transform 80ms,border-color .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--accent-grad);box-shadow:0 .4rem 1.4rem #6d63f559,inset 0 1px #ffffff40}.btn-primary:hover{box-shadow:0 .6rem 2rem #6d63f58c,inset 0 1px #ffffff40}.btn-subtle{background:var(--bg-3);border:1px solid var(--line-2);color:var(--text)}.btn-subtle:hover{background:var(--bg-4);border-color:var(--line-3)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--bg-4)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.btn-row{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.btn-col{flex-direction:column;gap:.8rem;margin-top:.6rem;display:flex}.btn-col .btn{width:100%}.dropdown{background:var(--bg-3);border:1px solid var(--line-2);min-width:0;max-width:100%;height:3.2rem;color:var(--text);border-radius:.9rem;align-items:center;gap:.6rem;padding:0 .8rem 0 1rem;font-weight:550;transition:border-color .12s,background .12s;display:inline-flex}.dropdown:hover,.dropdown.open{border-color:var(--line-3);background:var(--bg-4)}.dropdown.full{width:100%}.dd-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.dd-caret{color:var(--text-3);display:flex}.dd-swatch{border-radius:.3rem;flex:none;width:1rem;height:1rem}.dropdown>.icon{color:var(--text-3)}.popover{z-index:1000;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:.12s ease-out pop-in;position:fixed}@keyframes pop-in{0%{opacity:0;transform:translateY(-.4rem)scale(.98)}}.dd-pop{flex-direction:column;min-width:16rem;max-width:44rem;padding:.5rem;display:flex;overflow:hidden}.dd-list{flex:1;overflow-y:auto}.dd-search-wrap{border-bottom:1px solid var(--line);color:var(--text-3);align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.4rem .8rem .8rem;display:flex}.dd-search{background:0 0;border:none;outline:none;flex:1;height:2.6rem}.dd-group{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:.9rem 1rem .4rem;font-size:1.05rem;font-weight:650}.dd-item{cursor:pointer;white-space:nowrap;border-radius:.7rem;align-items:center;gap:.8rem;padding:.6rem 1rem;display:flex}.dd-item.focus{background:var(--bg-4)}.dd-item.selected{color:var(--accent-hi);font-weight:600}.dd-item.disabled{opacity:.4}.dd-item-label{flex:1}.dd-hint{color:var(--text-3);font-size:1.1rem;font-family:var(--mono);text-overflow:ellipsis;max-width:18rem;overflow:hidden}.dd-tick{display:flex}.dd-empty{color:var(--text-3);padding:1rem}.num-field{background:var(--bg-0);border:1px solid var(--line-2);cursor:ns-resize;height:3.2rem;font-family:var(--mono);border-radius:.9rem;outline:none;align-items:center;gap:.6rem;min-width:0;padding:0 1rem;font-weight:600;transition:border-color .12s;display:inline-flex}.num-field:hover,.num-field:focus{border-color:var(--line-3)}.num-field.dragging{border-color:var(--accent);box-shadow:0 0 0 .3rem var(--accent-soft)}.num-field.wide{width:100%}.nf-label{font-family:var(--font);letter-spacing:.08em;color:var(--text-3);font-size:1.05rem;font-weight:650}.nf-value{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nf-suffix{color:var(--text-3);font-size:1.1rem;font-family:var(--font)}.nf-input{text-align:right;width:100%;font-family:var(--mono);background:0 0;border:none;outline:none;flex:1}.text-input{background:var(--bg-0);border:1px solid var(--line-2);border-radius:.9rem;outline:none;width:100%;height:3.2rem;padding:0 1rem;transition:border-color .12s,box-shadow .12s}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 .3rem var(--accent-soft)}.field{flex-direction:column;gap:.6rem;margin:1rem 0;display:flex}.field-label{color:var(--text-2);font-size:1.15rem;font-weight:600}.slider{appearance:none;cursor:pointer;--fill:50%;--slider-color:var(--accent);background:0 0;width:100%;height:2rem}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--slider-color) var(--fill), var(--bg-5) var(--fill));border-radius:.4rem;height:.5rem}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:.3rem solid var(--slider-color);background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;margin-top:-.5rem;transition:transform .1s;box-shadow:0 .2rem .6rem #00000080}.slider:hover::-webkit-slider-thumb{transform:scale(1.12)}.slider::-moz-range-track{background:linear-gradient(90deg, var(--slider-color) var(--fill), var(--bg-5) var(--fill));border-radius:.4rem;height:.5rem}.slider::-moz-range-thumb{border:.3rem solid var(--slider-color);background:#fff;border-radius:50%;width:1.2rem;height:1.2rem}.knob{cursor:ns-resize;--knob-color:var(--accent);flex-direction:column;align-items:center;gap:.2rem;display:inline-flex}.knob svg{width:calc(var(--knob-size,3.4rem));height:auto;display:block}.knob-track{fill:none;stroke:var(--bg-5);stroke-width:3px;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--knob-color);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--knob-color))}.knob-cap{fill:var(--bg-3);stroke:var(--line-2)}.knob-dot{fill:var(--text)}.knob-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:1rem;font-weight:650}.knob-value{font:600 1.05rem var(--mono);color:var(--text-2)}.segmented{background:var(--bg-0);border:1px solid var(--line);border-radius:1rem;gap:.2rem;padding:.3rem;display:inline-flex}.seg{height:2.6rem;color:var(--text-2);white-space:nowrap;border-radius:.7rem;align-items:center;gap:.6rem;padding:0 1rem;font-size:1.2rem;font-weight:600;display:inline-flex}.seg:hover{color:var(--text)}.seg.active{background:var(--bg-4);color:var(--text);box-shadow:inset 0 1px #ffffff0d,0 .2rem .6rem #0000004d}.switch{background:var(--bg-5);border-radius:2rem;flex:none;width:3.8rem;height:2.2rem;transition:background .18s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:1.6rem;height:1.6rem;transition:transform .18s cubic-bezier(.3,1.4,.6,1);position:absolute;top:.3rem;left:.3rem;box-shadow:0 .2rem .5rem #0006}.switch.on{background:var(--accent)}.switch.on .switch-knob{transform:translate(1.6rem)}.toolbar{background:var(--bg-1);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.8rem;min-width:0;height:5rem;padding:0 1rem;display:flex;overflow:hidden}.tool-group{background:var(--bg-0);border:1px solid var(--line);border-radius:1.1rem;gap:.2rem;padding:.3rem;display:flex}.tool-btn{width:3.6rem;height:3.4rem;color:var(--text-2);border-radius:.8rem;place-items:center;transition:background .12s,color .12s;display:grid}.tool-btn:hover{color:var(--text);background:var(--bg-3)}.tool-btn.active{color:#fff;background:var(--accent-grad);box-shadow:0 .3rem 1rem #6d63f573}.tb-group{align-items:center;gap:.4rem;display:flex}.tb-spacer{flex:1}.grid-dd{width:10rem}.len-dd{width:10.5rem}.vel-field{width:9rem}.layout-seg .seg{height:2.8rem}.editing-chip{background:color-mix(in srgb, var(--track) 12%, var(--bg-2));border:1px solid color-mix(in srgb, var(--track) 38%, transparent);white-space:nowrap;border-radius:1rem;align-items:center;gap:.7rem;min-width:0;height:3.2rem;padding:0 1.2rem 0 1rem;display:flex;overflow:hidden}.ec-dot{background:var(--track);width:.9rem;height:.9rem;box-shadow:0 0 .8rem var(--track);border-radius:50%;flex:none;display:inline-block}.ec-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:1rem;font-weight:700}.ec-name{text-overflow:ellipsis;font-weight:650;overflow:hidden}.ec-patch{color:var(--text-3);font-size:1.15rem}.editor{background:var(--roll-bg);outline:none;flex-direction:column;flex:1;min-height:0;display:flex}.ed-row{grid-template-columns:var(--keys-w) minmax(0, 1fr) var(--gutter-w);border-bottom:1px solid var(--line);flex:none;display:grid}.ed-overview{height:3.4rem}.ed-ruler,.ed-harmony{height:3.6rem}.ed-velocity{border-bottom:none;border-top:1px solid var(--line);height:13rem}.ed-hscrollrow{border-bottom:none;border-top:1px solid var(--line);height:1.6rem}.ed-corner{background:var(--bg-1);border-right:1px solid var(--line);align-items:center;gap:.2rem;min-width:0;padding:0 .6rem;display:flex;overflow:hidden}.ed-velocity .ed-corner{box-shadow:inset .3rem 0 0 var(--track,var(--accent));align-items:flex-start;padding-top:.8rem}.ed-hscrollrow .ed-corner{gap:0;padding:0 .2rem}.corner-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;flex:1;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.ts-label{text-transform:none;letter-spacing:.02em;font-family:var(--mono);font-size:1.05rem}.corner-btn{border-radius:.6rem!important;width:2.4rem!important;height:2.4rem!important}.ed-cell{min-width:0;position:relative;overflow:hidden}.ed-cell>canvas{display:block;position:absolute;top:0;left:0}.ed-gutter{background:var(--bg-1);border-left:1px solid var(--line)}.hscroll{background:var(--bg-1)}.hthumb{background:var(--line-3);cursor:grab;border-radius:1rem;transition:background .12s;position:absolute;top:.35rem;bottom:.35rem;left:0}.hthumb:hover{background:var(--text-3)}.ed-splitter{cursor:row-resize;z-index:3;flex:none;height:.6rem;margin:-.3rem 0;position:relative}.ed-splitter:hover{background:color-mix(in srgb, var(--accent) 60%, transparent)}.ed-lanes{flex-direction:column;flex:1;min-height:0;display:flex}.ed-lanes.stacked{scrollbar-width:none;background:var(--bg-0);gap:.3rem;overflow-y:auto}.ed-lanes.stacked::-webkit-scrollbar{display:none}.lane{flex-direction:column;flex:1 1 0;min-height:9rem;display:flex;position:relative}.ed-lanes.stacked .lane{min-height:15rem}.lane-body{grid-template-columns:var(--keys-w) minmax(0, 1fr) var(--gutter-w);flex:1;min-height:0;display:grid}.lane-keys{cursor:pointer;z-index:1;position:relative;overflow:hidden;box-shadow:.2rem 0 .8rem #00000059}.lane-keys canvas{position:absolute;top:0;left:0}.lane-grid{position:relative;overflow:hidden}.layer{display:block;position:absolute;top:0;left:0}.vscroll{background:var(--bg-1);border-left:1px solid var(--line);position:relative}.vthumb{background:var(--line-3);cursor:grab;border-radius:1rem;position:absolute;top:0;left:.3rem;right:.3rem}.vthumb:hover{background:var(--text-3)}.lane-head{background:linear-gradient(90deg, color-mix(in srgb, var(--track) 18%, var(--bg-2)), var(--bg-2) 60%);border-bottom:1px solid var(--line);border-left:.3rem solid var(--track);cursor:pointer;flex:none;align-items:center;gap:.8rem;height:2.8rem;padding:0 .6rem 0 1rem;display:flex}.lane.active .lane-head{background:linear-gradient(90deg, color-mix(in srgb, var(--track) 32%, var(--bg-2)), var(--bg-2) 70%)}.lane-dot{background:var(--track);width:.8rem;height:.8rem;box-shadow:0 0 .6rem var(--track);border-radius:50%}.lane-name{font-weight:650}.lane-patch,.lane-count{color:var(--text-3);font-size:1.15rem}.lane-spacer{flex:1}.lane-resize{cursor:row-resize;z-index:4;height:.6rem;margin-bottom:-.3rem;position:absolute;bottom:0;left:0;right:0}.lane-resize:hover{background:color-mix(in srgb, var(--accent) 55%, transparent)}.left-panel,.right-panel{background:var(--bg-1);flex-direction:column;flex:none;min-width:0;min-height:0;display:flex}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.8rem;height:4.4rem;padding:0 .8rem 0 1.4rem;display:flex}.panel-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);flex:1;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:700;display:flex}.panel-count{font:600 1.1rem var(--mono);color:var(--text-3);background:var(--bg-3);border-radius:1rem;padding:.2rem .7rem}.track-list{flex-direction:column;flex:1;gap:.8rem;padding:.8rem;display:flex;overflow-y:auto}.panel-foot{border-top:1px solid var(--line);flex:none;padding:.8rem}.add-track{border:1px dashed var(--line-3);width:100%;height:4rem;color:var(--text-2);border-radius:1.1rem;justify-content:center;align-items:center;gap:.8rem;font-weight:600;transition:all .15s;display:flex}.add-track:hover{border-color:var(--accent);color:var(--accent-hi);background:var(--accent-soft)}.track-card{background:var(--bg-2);border:1px solid var(--line);border-radius:1.2rem;flex:none;transition:border-color .15s,box-shadow .2s,background .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.track-card:hover{border-color:var(--line-2)}.track-card.active{background:linear-gradient(180deg, color-mix(in srgb, var(--track) 9%, var(--bg-2)), var(--bg-2) 70%);border-color:color-mix(in srgb, var(--track) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--track) 25%, transparent), 0 .6rem 2rem #0000004d, 0 0 2.4rem color-mix(in srgb, var(--track) 12%, transparent)}.track-card.muted{opacity:.55}.track-card.hidden-track .tc-preview{opacity:.3}.track-card.dragging{opacity:.4}.track-card.drop-before{box-shadow:0 -.3rem 0 var(--accent)}.track-card.drop-after{box-shadow:0 .3rem 0 var(--accent)}.tc-strip{background:var(--track);width:.4rem;box-shadow:0 0 1rem var(--track);flex:none}.tc-body{flex-direction:column;flex:1;gap:.6rem;min-width:0;padding:.8rem .8rem .6rem;display:flex}.tc-row{align-items:center;gap:.6rem;min-width:0;display:flex}.tc-head{gap:.4rem}.tc-grip{color:var(--text-3);cursor:grab;opacity:.6;display:flex}.tc-grip:hover{opacity:1}.tc-swatch{background:var(--track);width:1.4rem;height:1.4rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--track) 30%, transparent);border-radius:.4rem;flex:none}.tc-name{text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:.6rem;flex:1;min-width:0;padding:.2rem .5rem;font-size:1.35rem;font-weight:650}.tc-name:hover{border-color:var(--line-2)}.tc-name:focus{border-color:var(--accent);background:var(--bg-0);outline:none}.tc-flags{flex:none;gap:.2rem;display:flex}.tc-icon{border-radius:.6rem!important;width:2.4rem!important;height:2.4rem!important}.tc-icon.active:after{display:none}.mini-toggle{width:2.4rem;height:2.4rem;font:750 1.15rem var(--font);color:var(--text-3);background:var(--bg-3);border:1px solid var(--line);border-radius:.6rem;flex:none}.mini-toggle:hover{color:var(--text)}.mini-toggle.on.mute{color:#1a1204;background:#f59e0b;border-color:#0000}.mini-toggle.on.solo{color:#04161a;background:#22d3ee;border-color:#0000}.tc-patch{flex:1}.tc-ch{flex:none;width:7.6rem}.tc-file{background:var(--bg-0);border:1px solid var(--line);height:2.8rem;color:var(--text-3);cursor:text;border-radius:.8rem;padding:0 .6rem 0 .8rem}.tc-file:focus-within{border-color:var(--accent)}.tc-file-input{min-width:0;font:500 1.2rem var(--mono);color:var(--text);background:0 0;border:none;outline:none;flex:1}.tc-ext{font:500 1.15rem var(--mono);color:var(--text-3)}.tc-mix{color:var(--text-3)}.tc-vol{flex:1}.tc-mix .knob svg{width:2.6rem}.tc-mix .knob-value{display:none}.tc-preview{background:var(--bg-0);border:1px solid var(--line);border-radius:.6rem;width:100%;height:2.6rem;display:block}.tc-stats{color:var(--text-3);font-size:1.1rem}.tc-midiout{color:var(--good);display:flex}.rp-tabs{border-bottom:1px solid var(--line);flex:none;gap:.3rem;padding:.6rem;display:flex}.rp-tab{color:var(--text-3);white-space:nowrap;border-radius:.9rem;flex-direction:column;flex:1;align-items:center;gap:.3rem;min-width:0;padding:.7rem .2rem .6rem;font-size:1.05rem;font-weight:650;display:flex}.rp-tab span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.rp-tab:hover{color:var(--text);background:var(--bg-3)}.rp-tab.active{color:var(--text);background:var(--bg-3);box-shadow:inset 0 -.2rem 0 var(--accent)}.rp-tab.active .icon{color:var(--accent-hi)}.rp-body{flex:1;min-height:0;overflow-y:auto}.panel-content{padding:.4rem 1.4rem 2.4rem}.panel-section{border-bottom:1px solid var(--line);padding:1.4rem 0}.panel-section:last-child{border-bottom:none}.section-title{letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem;font-size:1.05rem;font-weight:750}.section-hint{color:var(--text-3);margin:-.4rem 0 1rem;font-size:1.15rem;line-height:1.5}.kv{color:var(--text-2);grid-template-columns:9rem 1fr 6.4rem;align-items:center;gap:1rem;margin:.6rem 0;font-size:1.2rem;display:grid}.kv .val,.kv-inline .val{font:600 1.15rem var(--mono);color:var(--text);text-align:right}.kv-inline{flex:1;align-items:center;gap:1rem;display:flex}.form-grid{color:var(--text-2);grid-template-columns:9.6rem 1fr;align-items:center;gap:.8rem 1rem;margin:1rem 0;font-size:1.2rem;display:grid}.form-grid .segmented{justify-self:start}.row-split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.chip-row{flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .8rem;display:flex}.chip{background:var(--bg-3);border:1px solid var(--line-2);height:2.6rem;color:var(--text-2);border-radius:.8rem;padding:0 1rem;font-size:1.2rem;font-weight:600}.chip:hover{color:var(--text);border-color:var(--line-3)}.chip.active,.chip.best{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.empty{color:var(--text-3);align-items:center;gap:.8rem;padding:1rem 0;display:flex}.empty.big{grid-column:1/-1;justify-content:center;padding:6rem 0;font-size:1.4rem}.insp-summary{background:linear-gradient(135deg, color-mix(in srgb, var(--track) 16%, var(--bg-2)), var(--bg-2));border:1px solid color-mix(in srgb, var(--track) 30%, transparent);border-radius:1.2rem;margin:1.2rem 0 .4rem;padding:1.2rem 1.4rem}.insp-track{color:var(--text-2);align-items:center;gap:.7rem;font-size:1.15rem;font-weight:600;display:flex}.insp-count{font:700 1.9rem var(--font-display);letter-spacing:-.01em;margin:.3rem 0 .1rem}.insp-hint{color:var(--text-3);font-size:1.15rem}.insp-props{margin-top:.4rem}.prop{grid-template-columns:7.6rem 1fr auto;align-items:center;gap:1rem;min-height:3.6rem;padding:.6rem 0;display:grid}.prop-label{color:var(--text-3);font-size:1.15rem;font-weight:600}.prop-value{min-width:0;font-weight:600}.mini-btns{gap:.3rem;display:flex}.mini-btn{background:var(--bg-3);border:1px solid var(--line);height:2.4rem;font:600 1.1rem var(--mono);color:var(--text-2);border-radius:.6rem;padding:0 .7rem}.mini-btn:hover{color:var(--text);border-color:var(--line-3)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.6rem;display:grid}.action-tile{background:var(--bg-2);border:1px solid var(--line);color:var(--text-2);border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .4rem .8rem;font-size:1.1rem;font-weight:600;transition:all .12s;display:flex}.action-tile:hover{color:var(--text);background:var(--bg-3);border-color:color-mix(in srgb, var(--accent) 50%, transparent);transform:translateY(-1px)}.action-tile .icon{color:var(--accent-hi)}.root-grid{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-bottom:.8rem;display:grid}.root-btn{background:var(--bg-3);border:1px solid var(--line);height:3.2rem;color:var(--text-2);border-radius:.8rem;font-weight:650}.root-btn.black{background:var(--bg-0)}.root-btn:hover{color:var(--text);border-color:var(--line-3)}.root-btn.active{color:#fff;background:var(--accent-grad);border-color:#0000;box-shadow:0 .3rem 1rem #6d63f566}.scale-dd{width:100%}.scale-notes{flex-wrap:wrap;gap:.4rem;margin:1rem 0 .4rem;display:flex}.scale-note{background:var(--bg-2);border:1px solid var(--line);border-radius:.8rem;flex-direction:column;align-items:center;min-width:3.8rem;padding:.5rem .4rem;display:flex}.scale-note.root{border-color:var(--accent);background:var(--accent-soft)}.sn-name{font-weight:700}.sn-deg{font:600 1rem var(--mono);color:var(--text-3)}.detect-out .chip-row{margin-bottom:.4rem}.cp-label{color:var(--text-3);letter-spacing:.02em;margin:1rem 0 .5rem;font-size:1.05rem;font-weight:650}.circle-wrap{justify-content:center;display:flex}.circle-svg{width:100%;max-width:32rem;height:auto}.circle-svg .seg path{fill:var(--bg-2);stroke:var(--bg-1);stroke-width:1.5px;cursor:pointer;transition:fill .15s}.circle-svg .seg.minor path{fill:var(--bg-3)}.circle-svg .seg:hover path{fill:var(--bg-5)}.circle-svg .seg.family path{fill:color-mix(in srgb, var(--accent) 22%, var(--bg-3))}.circle-svg .seg.key path{fill:var(--accent)}.circle-svg text{fill:var(--text-2);font:650 11px var(--font);pointer-events:none}.circle-svg .seg.key text{fill:#fff}.circle-svg text.sub{font:600 8px var(--mono);fill:var(--text-3)}.circle-svg .seg.key text.sub{fill:#fffc}.circle-svg .center-disc{fill:var(--bg-0);stroke:var(--line-2)}.circle-svg .center-key{font:750 18px var(--font-display);fill:var(--text)}.circle-svg .center-sub{font:600 9px var(--font);fill:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.chord-palette{grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:.5rem;display:grid}.chord-btn{--fn:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--fn) 14%, var(--bg-2)), var(--bg-2));border:1px solid color-mix(in srgb, var(--fn) 32%, transparent);border-radius:1rem;flex-direction:column;align-items:center;gap:.1rem;min-width:0;padding:.8rem .4rem .7rem;transition:transform 80ms,box-shadow .15s,border-color .12s;display:flex}.chord-btn:hover{border-color:var(--fn);box-shadow:0 .4rem 1.4rem color-mix(in srgb, var(--fn) 25%, transparent);transform:translateY(-1px)}.chord-btn.current{border-color:#fff}.chord-btn-name{font:700 1.45rem var(--font-display);white-space:nowrap}.chord-btn-roman{font:650 1.1rem var(--mono);color:var(--fn)}.sugg-context{flex-direction:column;gap:.6rem;display:flex}.ctx-row{align-items:center;gap:1rem;min-height:2.4rem;font-size:1.25rem;display:flex}.ctx-k{width:8.4rem;color:var(--text-3);font-size:1.15rem;font-weight:600}.ctx-v{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ctx-v.strong{font-size:1.4rem;font-weight:700}.ctx-src{font:600 1rem var(--font);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-left:.6rem}.beat-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--bg-3);color:var(--text-3);border-radius:1rem;padding:.2rem .7rem;font-size:1rem;font-weight:700}.beat-badge.b2{background:var(--accent-soft);color:var(--accent-hi)}.note-chip{font:600 1.15rem var(--mono);background:var(--bg-3);border:1px solid var(--line);border-radius:.5rem;padding:.1rem .6rem}.sugg-list{flex-direction:column;gap:.4rem;display:flex}.sugg-row{--grade:var(--accent);background:var(--bg-2);border:1px solid var(--line);border-left:.3rem solid var(--grade);text-align:left;border-radius:1rem;grid-template-columns:2.6rem 5rem 1fr 6rem;align-items:center;gap:1rem;padding:.7rem 1rem;transition:background .12s,border-color .12s;display:grid}.sugg-row:hover{background:var(--bg-3);border-color:color-mix(in srgb, var(--grade) 60%, transparent)}.sugg-rank{font:700 1.2rem var(--mono);color:var(--grade)}.sugg-note{font:700 1.5rem var(--mono)}.sugg-main{flex-direction:column;min-width:0;display:flex}.sugg-grade{color:var(--grade);font-size:1.15rem;font-weight:700}.sugg-why{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.sugg-bar{background:var(--bg-0);border-radius:.4rem;height:.5rem;overflow:hidden}.sugg-bar span{background:var(--grade);border-radius:.4rem;height:100%;display:block}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(8.8rem,1fr));gap:.5rem;display:grid}.pattern-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--text-2);border-radius:1rem;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .4rem;font-size:1.1rem;font-weight:650;display:flex}.pattern-btn svg{color:var(--text-3)}.pattern-btn:hover{color:var(--text);border-color:var(--line-3)}.pattern-btn.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.pattern-btn.active svg{color:var(--accent-hi)}.arp-preview{background:var(--bg-0);border:1px solid var(--line);border-radius:1rem;width:100%;height:13rem;display:block}.arp-preview-label{color:var(--text-3);flex:1;font-size:1.1rem}.knob-row{justify-content:space-around;padding:1rem 0 .4rem;display:flex}.knob-row .knob svg{width:4.2rem}.prog-preview{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.prog-chip{background:var(--bg-2);border:1px solid var(--line-2);border-radius:1rem;flex-direction:column;align-items:center;min-width:6.4rem;padding:.6rem .8rem;display:flex}.prog-chip b{font:700 1.4rem var(--font-display)}.prog-chip span{font:600 1.05rem var(--mono);color:var(--accent-hi)}.prog-chip:hover{border-color:var(--accent)}.prog-mood{width:100%;color:var(--text-3);font-size:1.15rem;font-style:italic}.chord-readout{align-items:baseline;gap:.8rem;display:flex}.cr-name{font:700 1.6rem var(--font-display)}.cr-roman{font:650 1.2rem var(--mono);color:var(--accent-hi)}.keys-view{border-top:1px solid var(--line);background:var(--bg-1);flex:none;height:12rem;display:flex}.kv-info{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:.4rem;width:26rem;padding:1.1rem 1.4rem;display:flex;overflow:hidden}.kv-chord-wrap{align-items:baseline;gap:1rem;display:flex}.kv-chord{font:750 2.8rem/1.05 var(--font-display);letter-spacing:-.02em;background:var(--accent-grad);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.kv-roman{font:650 1.4rem var(--mono);color:var(--text-2)}.kv-pos{font:500 1.1rem var(--mono);color:var(--text-3)}.kv-tracks{flex-wrap:wrap;gap:.3rem .8rem;display:flex;overflow:hidden}.kv-track{color:var(--text-3);white-space:nowrap;align-items:center;gap:.4rem;font-size:1.1rem;display:flex}.kv-track i{background:var(--track);border-radius:50%;width:.7rem;height:.7rem}.kv-track b{color:var(--text);font-weight:650}.kv-canvas-wrap{flex:1;min-width:0;padding:0;position:relative}.kv-canvas-wrap canvas{cursor:pointer;position:absolute;top:0;left:0}.statusbar{background:var(--bg-1);border-top:1px solid var(--line);height:3rem;color:var(--text-3);white-space:nowrap;align-items:center;gap:1.6rem;padding:0 1.2rem;font-size:1.15rem;display:flex;overflow:hidden}.sb-hint{text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.sb-mid{color:var(--text-2);gap:1.6rem;display:flex}.sb-right{gap:.6rem;display:flex}.sb-chip{background:var(--bg-3);color:var(--text-2);border-radius:1rem;align-items:center;gap:.5rem;padding:.2rem .8rem;display:inline-flex}.sb-chip.on{color:var(--accent-hi);background:var(--accent-soft)}.sb-chip.warn{color:var(--warn);background:#fbbf241f}.sb-chip.bad{color:var(--bad);background:#f8717124}.menu{z-index:1100;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line-2);min-width:23rem;box-shadow:var(--shadow);border-radius:1.2rem;outline:none;max-height:calc(100vh - 1rem);padding:.5rem;animation:.1s ease-out pop-in;position:fixed;overflow-y:auto}.menu-item{cursor:pointer;white-space:nowrap;border-radius:.7rem;outline:none;align-items:center;gap:.8rem;height:3.2rem;padding:0 1rem 0 .8rem;display:flex}.menu-item.focus,.menu-item.open{background:var(--bg-4)}.menu-item.disabled{opacity:.38;cursor:default}.menu-item.danger{color:var(--bad)}.menu-check{width:1.8rem;color:var(--text-2);justify-content:center;display:flex}.menu-item.danger .menu-check{color:var(--bad)}.menu-swatch{border-radius:.3rem;width:1.2rem;height:1.2rem}.menu-label{flex:1;align-items:baseline;gap:.8rem;display:flex}.menu-hint{font:500 1.1rem var(--mono);color:var(--text-3)}.menu-shortcut{font:500 1.1rem var(--mono);color:var(--text-3);margin-left:1.6rem}.menu-arrow{color:var(--text-3);display:flex}.menu-sep{background:var(--line);height:1px;margin:.5rem .4rem}.menu-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:.7rem 1rem .4rem;font-size:1.05rem;font-weight:700}.tooltip{z-index:2000;color:#eef1f8;max-width:34rem;box-shadow:var(--shadow-sm);pointer-events:none;opacity:0;background:#080a0ff5;border:1px solid #ffffff1f;border-radius:.9rem;padding:.8rem 1.1rem;font-size:1.2rem;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(.3rem)}.tooltip.show{opacity:1;transform:none}.tooltip-head{justify-content:space-between;align-items:center;gap:1.2rem;font-weight:650;display:flex}.tooltip kbd{color:#dfe4ef;background:#ffffff1a;border-color:#ffffff26}.tooltip-desc{color:#9aa3b8;margin-top:.4rem;line-height:1.45}.toasts{z-index:1500;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.8rem;display:flex;position:fixed;bottom:4.4rem;right:1.6rem}.toast{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-2);max-width:46rem;box-shadow:var(--shadow-sm);pointer-events:auto;opacity:0;border-radius:1.2rem;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:opacity .2s,transform .25s cubic-bezier(.2,1.2,.4,1);display:flex;transform:translateY(1rem)scale(.98)}.toast.in{opacity:1;transform:none}.toast.out{opacity:0;transform:translateY(.4rem)}.toast-icon{background:var(--bg-4);width:2.6rem;height:2.6rem;color:var(--accent-2);border-radius:.8rem;flex:none;place-items:center;display:grid}.toast-success .toast-icon{color:var(--good);background:#34d39924}.toast-warn .toast-icon{color:var(--warn);background:#fbbf2424}.toast-error .toast-icon{color:var(--bad);background:#f8717124}.toast-msg{font-weight:550}.toast-action{background:var(--accent);color:#fff;border-radius:.8rem;height:2.8rem;margin-left:.6rem;padding:0 1.2rem;font-weight:650}.modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0305098c;place-items:center;padding:3rem;transition:opacity .18s;display:grid;position:fixed;inset:0}.modal-backdrop.in{opacity:1}.modal{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line-2);max-width:calc(100vw - 6rem);max-height:calc(100vh - 6rem);box-shadow:var(--shadow), 0 0 0 1px #0000004d;border-radius:1.8rem;flex-direction:column;transition:transform .22s cubic-bezier(.2,1.1,.4,1);display:flex;overflow:hidden;transform:translateY(1rem)scale(.985)}.modal-backdrop.in .modal{transform:none}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:1.2rem;padding:1.8rem 2rem 1.4rem;display:flex}.modal-icon{color:#fff;background:var(--accent-grad);border-radius:1.2rem;flex:none;place-items:center;width:4rem;height:4rem;display:grid;box-shadow:0 .4rem 1.4rem #6d63f566}.modal-titles{flex:1;min-width:0}.modal-title{font:700 1.9rem var(--font-display);letter-spacing:-.01em}.modal-subtitle{color:var(--text-3);margin-top:.2rem;font-size:1.25rem}.modal-body{min-height:0;padding:1.8rem 2rem;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg-0) 40%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 2rem;display:flex}.modal-foot-left{color:var(--text-3);align-items:center;font-size:1.2rem;display:flex}.modal-foot-left>span{align-items:center;gap:.6rem;display:inline-flex}.modal-actions{gap:.8rem;display:flex}.modal-text{color:var(--text-2);margin:0;line-height:1.55}.chord-picker{width:50rem;padding:1.4rem}.cp-head{justify-content:space-between;align-items:center;display:flex}.cp-title{font:700 1.5rem var(--font-display)}.cp-pos{font:500 1.2rem var(--mono);color:var(--text-3)}.cp-row{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:.5rem;display:grid}.cp-lengths{gap:.4rem;display:flex}.seg-mini{background:var(--bg-3);border:1px solid var(--line);height:2.6rem;color:var(--text-2);border-radius:.7rem;padding:0 1rem;font-size:1.15rem;font-weight:600}.seg-mini.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.cp-input{align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.cp-parsed{font:600 1.2rem var(--mono);color:var(--good);white-space:nowrap}.cp-parsed.bad{color:var(--bad)}.export-cols{grid-template-columns:1.15fr 1fr;gap:2.4rem;display:grid}.export-rows{flex-direction:column;gap:.4rem;display:flex}.export-row{--track:var(--accent);background:var(--bg-2);border:1px solid var(--line);border-radius:1rem;grid-template-columns:2.4rem 1fr 1.25fr 5rem 3.6rem;align-items:center;gap:1rem;padding:.6rem 1rem;transition:opacity .12s;display:grid}.export-row.head{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);background:0 0;border:none;padding-top:0;padding-bottom:0;font-size:1.05rem;font-weight:700}.export-row.off{opacity:.45}.export-row input[type=checkbox]{width:1.7rem;height:1.7rem;accent-color:var(--accent)}.er-track{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.7rem;min-width:0;font-weight:650;display:flex;overflow:hidden}.er-track i{background:var(--track);border-radius:.3rem;flex:none;width:1rem;height:1rem}.er-file{align-items:center;gap:.4rem;display:flex}.er-file .text-input{height:2.9rem;font-family:var(--mono);font-size:1.2rem}.er-count,.er-ch{font:600 1.2rem var(--mono);text-align:right;color:var(--text-2)}.er-count.zero{color:var(--text-3)}.mode-cards{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.mode-card{text-align:left;background:var(--bg-2);border:1px solid var(--line-2);border-radius:1.2rem;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;padding:1.2rem;transition:border-color .12s,background .12s;display:grid}.mode-card:hover{border-color:var(--line-3)}.mode-card.active{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-soft), var(--bg-2));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.mode-card.disabled{opacity:.4;cursor:not-allowed}.mc-icon{background:var(--bg-4);width:3.8rem;height:3.8rem;color:var(--accent-hi);border-radius:1rem;grid-row:span 2;place-items:center;display:grid}.mode-card.active .mc-icon{background:var(--accent-grad);color:#fff}.mc-title{font-weight:700}.mc-desc{color:var(--text-3);font-size:1.1rem;line-height:1.35}.folder-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:1rem;font-size:1.15rem;display:flex}.folder-row:empty{display:none}.opt-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.6rem;padding:.9rem 0;display:flex}.opt-row:last-child{border-bottom:none}.opt-text{min-width:0}.opt-label{font-weight:650}.opt-hint{color:var(--text-3);font-size:1.15rem;line-height:1.4}.opt-row>.slider,.opt-row>.kv-inline{max-width:20rem}.export-summary{background:var(--bg-0);border:1px solid var(--line);border-radius:1.2rem;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.8rem;padding:1.2rem 1.4rem;font-weight:600;display:flex}.export-summary .icon{color:var(--good)}.export-summary .dim{font-family:var(--mono);font-size:1.15rem;font-weight:500}.proj-toolbar{gap:.8rem;margin-bottom:1.6rem;display:flex}.proj-toolbar .text-input{height:3.4rem}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(28rem,1fr));gap:1.2rem;display:grid}.proj-card{background:var(--bg-2);border:1px solid var(--line-2);cursor:pointer;border-radius:1.4rem;outline:none;transition:transform .12s,border-color .15s,box-shadow .2s;position:relative;overflow:hidden}.proj-card:hover,.proj-card:focus{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 1rem 3rem #0006}.proj-card.current{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.proj-thumb{border-bottom:1px solid var(--line);width:100%;height:11rem;display:block}.proj-info{padding:1.1rem 1.3rem 1.3rem}.proj-name{font:700 1.45rem var(--font-display);align-items:center;gap:.8rem;display:flex}.badge{font:700 .95rem var(--font);letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent-hi);border-radius:.6rem;padding:.2rem .6rem}.proj-meta{color:var(--text-2);margin-top:.3rem;font-size:1.15rem}.proj-date{color:var(--text-3);margin-top:.2rem;font-size:1.1rem}.proj-more{position:absolute;top:.8rem;right:.8rem;color:#fff!important;background:#00000073!important}.settings-dialog{grid-template-columns:1fr 1fr;gap:3.2rem;display:grid}.settings-col .section-title{margin-top:1.4rem}.settings-col .section-title:first-child{margin-top:0}.midi-status{flex-direction:column;align-items:flex-end;gap:.6rem;max-width:24rem;display:flex}.about{flex-direction:column;align-items:flex-start;gap:.8rem;line-height:1.5;display:flex}.sc-grid{columns:3 30rem;column-gap:3.2rem}.sc-cat{break-inside:avoid;margin-bottom:2rem}.sc-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.2rem;padding:.5rem 0;font-size:1.25rem;display:flex}.palette-modal .modal-body{padding:1.2rem}.palette-input{background:var(--bg-0);border:1px solid var(--accent);width:100%;height:4.6rem;box-shadow:0 0 0 .3rem var(--accent-soft);border-radius:1.2rem;outline:none;padding:0 1.4rem;font-size:1.6rem}.palette-list{max-height:52vh;margin-top:1rem;overflow-y:auto}.palette-row{cursor:pointer;border-radius:.9rem;align-items:center;gap:1rem;height:4rem;padding:0 1.2rem;display:flex}.palette-row.focus{background:var(--bg-4)}.pr-icon{color:var(--accent-hi);display:flex}.pr-cat{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);width:8.4rem;font-size:1.05rem;font-weight:700}.pr-title{flex:1;font-weight:550}.welcome-hero{align-items:center;gap:2rem;padding:.6rem 0 2rem;display:flex}.welcome-hero svg{filter:drop-shadow(0 1rem 2.4rem #6d63f573);width:7.2rem;height:7.2rem}.welcome-title{font:800 3.4rem var(--font-display);letter-spacing:-.03em;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.welcome-sub{color:var(--text-2);max-width:56rem;font-size:1.45rem;line-height:1.5}.welcome-url{font:600 1.3rem var(--mono);color:var(--accent-2);margin-top:.6rem}.about-link{color:var(--accent-2);font-family:var(--mono);text-decoration:none}.about-link:hover{text-decoration:underline}.welcome-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.wf{background:var(--bg-2);border:1px solid var(--line);border-radius:1.4rem;gap:1.2rem;padding:1.4rem;display:flex}.wf-icon{background:var(--accent-soft);width:3.8rem;height:3.8rem;color:var(--accent-hi);border-radius:1.1rem;flex:none;place-items:center;display:grid}.wf-title{margin-bottom:.3rem;font-weight:700}.wf-text{color:var(--text-3);font-size:1.2rem;line-height:1.5}.welcome-export{background:var(--bg-0);border:1px solid var(--line);border-radius:1.4rem;margin-top:2rem;padding:1.6rem 1.8rem}.welcome-export ol{color:var(--text-2);margin:0 0 1rem;padding-left:2rem;line-height:2}.drop-overlay{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#06080eb3;place-items:center;transition:opacity .15s;display:grid;position:fixed;inset:0}.drop-overlay.show{opacity:1}.drop-card{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-1));color:var(--accent-hi);border-radius:2.4rem;flex-direction:column;align-items:center;gap:1rem;padding:4rem 6rem;display:flex;box-shadow:0 0 6rem #6d63f559}.drop-title{font:800 2.6rem var(--font-display);color:var(--text)}.drop-sub{color:var(--text-2)}@media (max-width:1500px){.ec-patch,.menubar,.meter{display:none}.lcd{min-width:14rem}}@media (max-width:1200px){.tb-group .icon-btn.with-label span,.layout-seg .seg span,.editing-chip{display:none}}