:root{--ground:#111;--lane:#141414;--gutter:#0a0a0a;--gap:8px;--panel:#181818;--raised:#202020;--line:#2a2a2a;--line-soft:#222;--line-strong:#3d3d3d;--text:#ededed;--text-2:#c7c7c7;--muted:#999;--accent:#f96736;--ok:#6fbf73;--warn:#e0b354;--on-accent:#111;--role-drums:#cea770;--role-bass:#de98a2;--role-keys:#78bfa1;--role-melody:#80b4e1;--role-lead:#baa1da;--role-texture:#a6a6a6;--role-arp:#7fc4d4;--role-fx:#d6d08a;--step-off-a:#222;--step-off-b:#1c1c1c;--font:Archivo, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:3px;--r:4px;--r-lg:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);font:13px/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{white-space:nowrap;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:5px;height:56px;padding:0 12px;display:flex}.brand{flex:none;align-items:center;gap:9px;padding-right:2px;display:flex}.wordmark{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:14px}.wordmark b{color:var(--text);font-weight:800}.transport{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);gap:4px;padding:4px;display:flex}.icon-btn{border-radius:var(--r);width:34px;height:34px;color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover:not(:disabled){background:var(--line)}.icon-btn.is-primary,.icon-btn.is-primary:hover{background:var(--accent);color:var(--on-accent)}.icon-btn.outline{border:1px solid var(--line)}.position{font:500 18px var(--mono);letter-spacing:.02em;color:var(--accent);background:var(--ground);border:1px solid var(--line);border-radius:var(--r);text-align:center;min-width:120px;padding:6px 10px}.spacer{flex:auto}.title-input{border-radius:var(--r);background:0 0;border:1px solid #0000;width:120px;height:34px;padding:0 10px;font-weight:700}.title-input:hover,.title-input:focus{border-color:var(--line);background:var(--ground)}.btn{border:1px solid var(--line-strong);border-radius:var(--r);background:0 0;align-items:center;gap:8px;height:36px;padding:0 14px;font-weight:600;display:flex}.btn:hover:not(:disabled){background:var(--line)}.workspace{flex-direction:column;flex:auto;display:flex}.editor{background:var(--panel);border-bottom:1px solid var(--line)}.editor-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;padding:0 16px;display:flex}.editor-head h2{border-bottom:2px solid var(--accent);margin:0 0 -1px;padding:12px 0;font-size:13px;font-weight:700}.divider{background:var(--line);width:1px;height:20px}.muted{color:var(--muted);font-size:12px}.inline-field{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.inline-field select{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);height:28px;padding:0 6px}.rack{flex-direction:column;gap:6px;padding:12px 16px 8px;display:flex;overflow-x:auto}.rack-row{align-items:center;gap:10px;min-width:min-content;display:flex}.channel-head{background:var(--raised);border-radius:var(--r);flex:0 0 240px;align-items:center;gap:8px;height:36px;padding:0 8px;display:flex}.step-numbers .channel-head{background:0 0;height:auto}.role-bar{border-radius:2px;flex:none;width:4px;height:20px}.channel-name{flex-direction:column;flex:1 1 0;min-width:0;font-size:12px;font-weight:600;line-height:1.2;display:flex}.channel-name>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-name small{color:var(--muted);font-size:10px;font-weight:400}.ms{border:1px solid var(--line-strong);border-radius:var(--r-sm);width:22px;height:22px;color:var(--muted);background:0 0;padding:0;font-size:10px;font-weight:700}.ms.active{background:var(--text-2);border-color:var(--text-2);color:var(--on-accent)}.ms.active.solo{background:var(--accent);border-color:var(--accent)}.steps{grid-template-columns:repeat(var(--steps), minmax(24px, 48px));flex:0 auto;gap:4px;min-width:0;display:grid}.channel-controls{flex:none;align-items:center;gap:8px;display:flex;position:relative}.channel-head .remove-drum{opacity:0;width:22px;height:22px;color:var(--muted);background:var(--raised);position:absolute;right:calc(100% + 2px)}.channel-head:hover .remove-drum,.channel-head .remove-drum:focus-visible{opacity:1}.add-drum-row{padding-top:2px}.add-drum summary{list-style:none}.add-drum .menu{left:0;right:auto}.add-drum summary::-webkit-details-marker{display:none}.steps.muted-lane{opacity:.4}.step-numbers .steps span{text-align:center;font:10px var(--mono);color:var(--muted)}.step-numbers .steps span.current{color:var(--accent)}.step{aspect-ratio:1;border-radius:var(--r-sm);touch-action:none;border:0;align-items:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.step.group-a{background:var(--step-off-a)}.step.group-b{background:var(--step-off-b)}.step:hover{filter:brightness(1.25)}.step.on{background:color-mix(in srgb, var(--role) 28%, var(--panel))}.step .velocity{background:var(--role);width:100%;display:block}.step.playing{box-shadow:inset 0 0 0 1.5px var(--accent)}.hint{color:var(--muted);margin:0;padding:4px 16px 14px 266px;font-size:11px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.track-tabs{gap:2px;display:flex}.track-tab{height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 12px;font-weight:600;display:flex}.track-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.role-dot{background:var(--role);border-radius:2px;width:8px;height:8px}.btn.small{height:28px;padding:0 10px;font-size:12px}.btn[aria-pressed=true]{background:var(--line)}.link-btn{color:var(--muted);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text)}.empty{color:var(--muted);margin:0;padding:32px 16px}.channel-head.selected{box-shadow:inset 0 0 0 1px var(--line-strong);background:#262626}button.channel-name{text-align:left;background:0 0;border:0;padding:0}button.channel-name:hover span:first-child{text-underline-offset:2px;text-decoration:underline}.sound-panel{border-bottom:1px solid var(--line);background:#1b1b1b;flex-wrap:wrap;align-items:flex-start;gap:12px 24px;padding:10px 16px;display:flex}.sound-title{align-items:center;gap:10px;min-width:220px;min-height:40px;display:flex}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.sound-title select,.key-picker select{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);text-transform:none;letter-spacing:0;height:26px;padding:0 6px;font-size:13px}.params{flex-wrap:wrap;flex:400px;gap:8px 20px;display:flex}.param{flex-direction:column;gap:4px;width:132px;display:flex}.param-head{color:var(--text-2);justify-content:space-between;font-size:11px;display:flex}.param-head output{font:10px var(--mono);color:var(--muted)}.param input[type=range],.send input,.eq-band input,.mini-range,.gain{appearance:none;background:0 0;width:100%;height:16px;margin:0}.gain{width:56px}.param input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.send input::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.eq-band input::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.mini-range::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.gain::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.param input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.send input::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.eq-band input::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.mini-range::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.gain::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.param input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-2);border-radius:2px;width:10px;height:10px;margin-top:-3px}.send input::-webkit-slider-thumb{appearance:none;background:var(--text-2);border-radius:2px;width:10px;height:10px;margin-top:-3px}.eq-band input::-webkit-slider-thumb{appearance:none;background:var(--text-2);border-radius:2px;width:10px;height:10px;margin-top:-3px}.mini-range::-webkit-slider-thumb{appearance:none;background:var(--text-2);border-radius:2px;width:10px;height:10px;margin-top:-3px}.gain::-webkit-slider-thumb{appearance:none;background:var(--text-2);border-radius:2px;width:10px;height:10px;margin-top:-3px}.param input[type=range]::-moz-range-thumb{background:var(--text-2);border:0;border-radius:2px;width:10px;height:10px}.send input::-moz-range-thumb{background:var(--text-2);border:0;border-radius:2px;width:10px;height:10px}.eq-band input::-moz-range-thumb{background:var(--text-2);border:0;border-radius:2px;width:10px;height:10px}.mini-range::-moz-range-thumb{background:var(--text-2);border:0;border-radius:2px;width:10px;height:10px}.gain::-moz-range-thumb{background:var(--text-2);border:0;border-radius:2px;width:10px;height:10px}.key-picker{gap:4px;display:flex}.file-menu,.menu-wrap{position:relative}.file-menu summary,.menu-wrap summary{cursor:pointer;height:36px;list-style:none}.file-menu summary::-webkit-details-marker{display:none}.menu-wrap summary::-webkit-details-marker{display:none}.file-menu .menu,.menu-wrap .menu{z-index:20;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);flex-direction:column;min-width:190px;padding:4px;display:flex;position:absolute;top:40px;right:0;box-shadow:0 6px 16px #00000073}.file-menu .menu button,.menu-wrap .menu button{border-radius:var(--r);text-align:left;background:0 0;border:0;height:32px;padding:0 10px}.menu-wrap .menu{min-width:260px}.menu-wrap .menu button .muted{margin-left:6px;font-size:11px}.menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-size:10px;font-weight:700}.file-menu .menu button:hover,.menu-wrap .menu button:hover{background:var(--line)}.toast{z-index:20;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:280px;margin:0;padding:10px 12px;position:absolute;top:44px;right:0}.piano-roll:focus-within{outline:none}.pr-scroll{overflow-x:auto}.pr-chords,.pr-velocity{border-bottom:1px solid var(--line);display:flex}.pr-velocity{border-top:1px solid var(--line);border-bottom:0}.pr-corner{text-transform:uppercase;letter-spacing:.06em;min-width:0;color:var(--muted);border-right:1px solid var(--line);flex:0 0 56px;padding:8px 0 0 8px;font-size:9px;overflow:hidden}.chord-track{height:34px;position:relative}.chord-slot{padding:3px 1px;position:absolute;top:0;bottom:0}.chord{border:1px solid color-mix(in srgb, var(--role-keys) 40%, var(--panel));border-radius:var(--r);background:color-mix(in srgb, var(--role-keys) 16%, var(--panel));justify-content:space-between;align-items:center;gap:6px;width:100%;height:100%;padding:0 8px;display:flex}.chord strong{color:color-mix(in srgb, var(--role-keys) 60%, white)}.chord span,.chord-menu button span{font:10px var(--mono);color:var(--muted)}.chord:hover,.chord.open{border-color:var(--role-keys)}.chord-menu{z-index:30;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:34px;left:0;box-shadow:0 6px 16px #00000073}.chord-menu-row{align-items:center;gap:4px;display:flex}.chord-menu-row .label{width:64px}.chord-menu button{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);flex-direction:column;justify-content:center;align-items:flex-start;min-width:64px;height:40px;padding:0 8px;display:flex}.chord-menu button:hover{border-color:var(--line-strong);background:var(--line)}.chord-menu button.current{border-color:var(--role-keys)}.pr-body{min-width:max-content;height:380px;display:flex;position:relative;overflow:hidden auto}.pr-keys{border-right:1px solid var(--line);z-index:2;flex-direction:column;flex:0 0 56px;display:flex;position:sticky;left:0}.pr-key{color:#555;font:9px var(--mono);text-align:right;background:#cfcfcf;border:0;border-bottom:1px solid #b5b5b5;flex:none;padding:0 6px 0 0}.pr-key.black{background:linear-gradient(90deg,#1c1c1c 62%,#cfcfcf 62%);border-bottom-color:#1c1c1c}.pr-key:active{background:var(--accent)}.pr-grid{cursor:crosshair;outline:none;flex:none;position:relative}.pr-row{pointer-events:none;background:#151515;border-bottom:1px solid #1a1a1a;position:absolute;left:0;right:0}.pr-row.in-scale{background:#1d1d1d}.pr-row.tonic{background:#222}.pr-chord-tone{background:color-mix(in srgb, var(--role-keys) 9%, transparent);pointer-events:none;position:absolute}.pr-vline{pointer-events:none;background:#262626;width:1px;position:absolute;top:0;bottom:0}.pr-vline.bar{background:#3d3d3d}.pr-ghost{opacity:.35;pointer-events:none;border:1px solid;border-radius:2px;position:absolute}.pr-note{box-sizing:border-box;cursor:grab;font:8px var(--mono);color:#111;border-radius:2px;align-items:center;padding-left:3px;display:flex;position:absolute;overflow:hidden;box-shadow:inset -3px 0 #00000040}.pr-note.selected{outline-offset:-1px;outline:1.5px solid #fff}.pr-note.slide:before{content:"";background:linear-gradient(to top right,#0000 45%,#0000008c 50%,#0000 55%);width:6px;position:absolute;top:0;bottom:0;left:0}.pr-playhead{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.pr-vel-lane{position:relative}.pr-vel{cursor:ns-resize;border-radius:2px 2px 0 0;width:4px;position:absolute;bottom:4px}.pr-vel.selected{outline:1px solid #fff}.piano-roll .hint{padding-top:8px;padding-left:72px}.btn.busy{opacity:.6;pointer-events:none}.segmented{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);gap:2px;padding:2px;display:flex}.segmented button{border-radius:var(--r-sm);min-width:28px;height:26px;color:var(--muted);background:0 0;border:0;padding:0 10px;font-size:12px;font-weight:600}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{background:var(--line);color:var(--text)}.transport-mode button{height:32px}.text-input,.num-input{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);height:28px;padding:0 8px}.text-input{width:130px;font-weight:600}.num-input{width:56px;font-family:var(--mono)}.mini-range{width:80px;accent-color:var(--text-2)}.btn-row{flex-wrap:wrap;gap:4px;display:flex}.song{background:var(--lane);border-bottom:1px solid var(--line)}.song-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;min-height:44px;padding:0 16px;display:flex}.song-head h2{margin:0;font-size:13px;font-weight:700}.song-head .inline-field{margin-left:0}.song-grid{display:flex}.song-labels{border-right:1px solid var(--line-soft);flex:0 0 170px}.song-ruler-spacer{height:22px}.song-label{height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:0 16px;font-size:10px;display:flex}.song-label.energy{height:30px}.song-track-head{border-top:1px solid #1a1a1a;align-items:center;gap:8px;height:42px;padding:0 8px 0 16px;display:flex}.song-track-head .name-stack{flex-direction:column;flex:auto;min-width:0;line-height:1.2;display:flex}.song-track-head .name{font-weight:600}.song-track-head .sound-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.song-lanes{flex:auto;min-width:0;padding:0 12px 0 8px;position:relative}.song-ruler{height:22px;position:relative}.song-ruler span{font:10px var(--mono);color:var(--muted);border-left:1px solid #2e2e2e;padding-left:4px;position:absolute;bottom:3px}.song-row{align-items:center;gap:3px;display:flex}.song-row.sections{height:42px}.song-row.energy{height:30px}.song-row.energy svg{width:100%;height:24px}.energy-area{fill:var(--accent);fill-opacity:.12}.energy-line{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.song-row.track{border-top:1px solid #1a1a1a;height:42px}.section-block{border-radius:var(--r);border:0;border-top:3px solid;flex-basis:0;align-items:center;gap:6px;min-width:0;height:34px;padding:0 8px;display:flex;overflow:hidden}.section-block .name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.section-block .bars{font:10px var(--mono);color:var(--muted)}.section-block.selected{box-shadow:inset 0 0 0 1px var(--text-2)}.cell{border-radius:var(--r);min-width:0;height:34px;color:var(--muted);background:0 0;border:1px dashed #2e2e2e;flex-direction:column;flex-basis:0;justify-content:center;align-items:flex-start;gap:4px;padding:0 7px;font-size:11px;display:flex;overflow:hidden}.cell.on{border:1px solid color-mix(in srgb, var(--role) 35%, transparent);background:color-mix(in srgb, var(--role) 16%, var(--panel));color:var(--text);font-weight:600}.cell.selected{outline:1.5px solid var(--text-2);outline-offset:-1px}.cell .cell-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.cell .dots{gap:3px;display:flex}.cell .dots i{background:var(--line-strong);border-radius:50%;width:5px;height:5px}.cell .dots i.lit{background:var(--role)}.song-playhead{background:var(--accent);pointer-events:none;width:2px;margin-left:8px;position:absolute;top:22px;bottom:0}.song-inspector{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:10px 32px;padding:10px 16px 12px;display:flex}.song-inspector .group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.song-inspector select{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);height:28px;padding:0 6px}.song-inspector .inline-field{margin-left:4px}.mixer{min-height:420px;display:flex}.strips{flex:auto;gap:4px;padding:10px;display:flex;overflow-x:auto}.strip{border-radius:var(--r-lg);background:#1c1c1c;border:1px solid #252525;flex-direction:column;flex:0 0 104px;gap:8px;padding:0 6px 8px;display:flex;overflow:hidden}.strip.master{border-color:color-mix(in srgb, var(--accent) 30%, #252525);flex-basis:120px}.strip-color{background:var(--role);height:4px;margin:0 -6px}.strip-name{font-size:12px;font-weight:700}.inserts{flex-direction:column;gap:3px;min-height:92px;display:flex}.insert{border-radius:var(--r-sm);background:var(--line);align-items:center;height:22px;display:flex}.insert.selected{box-shadow:inset 0 0 0 1px var(--text-2)}.insert-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:auto;min-width:0;height:100%;padding:0 6px;font-size:11px;font-weight:600;overflow:hidden}.insert.bypassed .insert-name{color:var(--muted);text-decoration:line-through}.insert-power{background:0 0;border:0;width:18px;height:18px;margin-right:2px;position:relative}.insert-power:after{content:"";background:var(--line-strong);border-radius:50%;position:absolute;inset:5px}.insert-power[aria-pressed=true]:after{background:var(--role-keys)}.add-insert{border:1px dashed var(--line-strong);border-radius:var(--r-sm);height:22px;color:var(--muted);background:0 0;padding:0 4px;font-size:11px}.sends{flex-direction:column;gap:4px;min-height:72px;display:flex}.send{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.send span{width:22px}.send input{min-width:0;accent-color:var(--text-2);flex:auto}.fader-row{flex:auto;justify-content:center;gap:8px;min-height:150px;display:flex}.meter{background:var(--ground);border-radius:4px;width:8px;position:relative;overflow:hidden}.meter>div{background:linear-gradient(to top, var(--role-keys) 0%, var(--role-keys) 75%, #cc9967 88%, #e95048 100%);background-position:bottom;background-size:100% 150px;position:absolute;bottom:0;left:0;right:0}.fader{writing-mode:vertical-lr;width:22px;accent-color:var(--text-2);direction:rtl;margin:0}.db{text-align:center;font:10px var(--mono);color:var(--muted)}.ms-row{justify-content:center;gap:4px;display:flex}.fx-panel{border-left:1px solid var(--line);background:#1b1b1b;flex-direction:column;flex:0 0 260px;gap:14px;padding:12px;display:flex}.fx-head{flex-direction:column;gap:2px;display:flex}.fx-head strong{font-size:14px}.fx-panel .params{flex-direction:column;flex:none;gap:10px}.fx-panel .param{width:100%}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:700}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white)}.body{flex:auto;min-height:0;display:flex}.body>.workspace{flex:auto;min-width:0;overflow-y:auto}.library{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:0 0 290px;min-height:0;display:flex}.lib-head{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 12px 8px;display:flex}.lib-head h2{margin:0;font-size:13px}.lib-tabs{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);gap:2px;padding:2px;display:flex}.lib-tabs button{border-radius:var(--r-sm);height:26px;color:var(--muted);background:0 0;border:0;flex:1 1 0;font-size:12px;font-weight:600}.lib-tabs button[aria-selected=true]{background:var(--line);color:var(--text)}.lib-search{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);height:30px;padding:0 10px}.lib-chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line-strong);border-radius:var(--r-sm);height:22px;color:var(--muted);background:0 0;padding:0 8px;font-size:11px;font-weight:600}.chip[aria-checked=true],.chip[aria-pressed=true]{background:var(--text-2);border-color:var(--text-2);color:var(--on-accent)}.lib-context{margin:0;font-size:11px}.lib-list{flex:auto;margin:0;padding:6px;list-style:none;overflow-y:auto}.lib-item{border-radius:var(--r);align-items:center;gap:6px;padding:4px;display:flex}.lib-item:hover{background:#1f1f1f}.lib-main{text-align:left;background:0 0;border:0;flex-direction:column;flex:auto;align-items:flex-start;gap:2px;min-width:0;padding:4px;display:flex}.lib-name{font-size:12px;font-weight:600}.lib-meta{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lib-item .badge{font:600 9px var(--mono);color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:1px 4px}.groove-mini{gap:1px;margin-top:2px;display:flex}.groove-mini i{background:var(--line);border-radius:1px;width:8px;height:6px}.groove-mini i.k{background:var(--role-drums)}.groove-mini i.s{background:color-mix(in srgb, var(--role-drums) 60%, var(--panel))}.groove-mini i.h{background:var(--line-strong)}.generate-dialog{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--raised);width:min(720px,100vw - 32px);color:var(--text);padding:22px;box-shadow:0 6px 16px #00000073}.generate-dialog::backdrop{background:#0009}.generate-dialog .label{margin:16px 0 8px;display:block}.gd-head{align-items:flex-start;gap:12px;display:flex}.gd-head h1{margin:0 0 4px;font-size:20px;font-weight:800}.gd-head p{margin:0}.genre-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.genre-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;height:64px;padding:0 12px;display:flex}.genre-card span{font:10px var(--mono);color:var(--muted)}.genre-card[aria-checked=true]{border-color:var(--accent);background:var(--line)}.gd-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gd-field select{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);width:100%;height:36px;padding:0 10px}.gd-structure{gap:3px;height:44px;display:flex}.gd-block{border-radius:var(--r);background:#232323;border-top:3px solid #7a7a7a;flex-direction:column;flex-basis:0;justify-content:center;min-width:0;padding:0 6px;font-size:11px;display:flex;overflow:hidden}.gd-block span{font:9px var(--mono);color:var(--muted)}.gd-block.type-verse{background:#292e33;border-top-color:#6e97bb}.gd-block.type-hook{background:#352f29;border-top-color:#cc9967}.gd-block.type-bridge,.gd-block.type-solo{background:#2f2c32;border-top-color:#9c88b5}.gd-block strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gd-note{color:var(--muted);margin:16px 0 0;font-size:12px}.gd-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.gd-foot .seed{font:11px var(--mono);color:var(--muted);gap:8px;display:flex}.key-picker select[aria-label=Scale]{max-width:104px}.assistant{flex-direction:column;flex:auto;min-height:0;display:flex}.ai-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 8px 10px 14px;display:flex}.ai-head h2{margin:0 auto 0 0;font-size:13px}.ai-head .icon-btn{width:28px;height:28px}.ai-head .icon-btn[aria-pressed=true]{background:var(--line)}.ai-status{border:1px solid color-mix(in srgb, var(--role-keys) 35%, transparent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--role-keys) 10%, transparent);max-width:190px;height:24px;color:var(--role-keys);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.ai-status.off{border-color:var(--line-strong);color:var(--muted);background:0 0}.ai-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.ai-dot.live{background:var(--accent);animation:1s ease-in-out infinite ai-pulse}@keyframes ai-pulse{50%{opacity:.3}}.ai-settings{border-bottom:1px solid var(--line);background:var(--lane);flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.ai-settings h3{margin:0;font-size:12px}.ai-providers{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ai-providers button{border:1px solid var(--line);border-radius:var(--r);background:var(--ground);text-align:left;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.ai-providers button .muted{font-size:10px;font-weight:500}.ai-providers button[aria-checked=true]{border-color:var(--accent)}.ai-field{color:var(--text-2);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.ai-field input,.ai-field select{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);height:30px;padding:0 8px;font-weight:500}.ai-field .muted{font-size:10px;font-weight:500}.ai-empty{color:var(--text-2);flex:auto;padding:18px 16px}.ai-empty p{margin:0 0 10px}.ai-log{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.ai-msg{color:var(--text-2);line-height:1.5}.ai-msg p,.ai-msg ul{margin:0 0 8px}.ai-msg ul{padding-left:18px}.ai-msg :last-child{margin-bottom:0}.ai-msg strong{color:var(--text)}.ai-msg code{font:11px var(--mono);background:var(--raised);border-radius:var(--r-sm);padding:0 3px}.ai-msg.user{background:var(--raised);border-radius:var(--r-lg);max-width:88%;color:var(--text);white-space:pre-wrap;align-self:flex-end;padding:8px 12px}.ai-tools{color:var(--muted);font-size:11px}.ai-tools summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.ai-tools summary::-webkit-details-marker{display:none}.ai-tools ul{border-left:1px solid var(--line);margin:4px 0 0 12px;padding:0 0 0 12px;list-style:none}.ai-tools li{padding:1px 0}.ai-tools li.err,.ai-err{color:var(--role-bass)}.ai-thinking{color:var(--muted);font-size:12px;animation:1.4s ease-in-out infinite ai-pulse}.ai-notice{color:var(--muted);margin:0;font-size:12px}.ai-notice.error{color:var(--role-bass)}.ai-proposal{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--lane);flex:none;margin:0 12px 10px}.ai-proposal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ai-proposal h3{margin:0;font-size:13px}.ai-count{border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);padding:1px 6px;font-size:11px;font-weight:700}.ai-proposal ul{max-height:220px;margin:0;padding:6px 12px;list-style:none;overflow-y:auto}.ai-proposal li{gap:8px;padding:5px 0;display:flex}.ai-kind{border-radius:var(--r-sm);background:var(--raised);width:18px;height:18px;font:600 12px var(--mono);color:var(--text-2);flex:none;place-items:center;display:grid}.ai-kind.add{color:var(--role-keys)}.ai-kind.remove{color:var(--role-bass)}.ai-change-title{font-size:12px;font-weight:600;display:block}.ai-change-detail{color:var(--muted);font-size:11px;display:block}.ai-actions{border-top:1px solid var(--line);gap:6px;padding:10px 12px 12px;display:flex}.ai-actions .btn{flex:1 1 0;justify-content:center;height:32px;padding:0 8px}.ai-compose{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:10px 12px 12px;display:flex}.ai-quick{flex-wrap:wrap;gap:4px;display:flex}.ai-quick .chip{height:24px;color:var(--text-2)}.ai-quick .chip:hover{background:var(--line)}.ai-input{background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--r-lg);align-items:flex-end;gap:6px;padding:6px 6px 6px 10px;display:flex}.ai-input:focus-within{border-color:var(--text-2)}.ai-input textarea{resize:none;min-height:36px;max-height:140px;font:inherit;color:inherit;field-sizing:content;background:0 0;border:0;outline:0;flex:auto;padding:4px 0}.ai-send.icon-btn{background:var(--accent);width:30px;height:30px;color:var(--on-accent)}.ai-send.icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white)}.ai-send.icon-btn:disabled{background:var(--line);color:var(--muted);opacity:1}.ai-new{color:var(--muted);background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px}.ai-new:hover{color:var(--text)}.midi-controls{align-items:center;gap:6px;display:flex}.midi-light{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.midi-light:before{content:"";background:var(--line-strong);border-radius:50%;width:6px;height:6px;transition:background .1s}.midi-light.on:before{background:var(--role-keys);transition:none}.midi-rec .rec-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.midi-rec[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.midi-rec[aria-pressed=true] .rec-dot{background:var(--accent);animation:1s ease-in-out infinite ai-pulse}.editor-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar{flex:none}.song-length{font:500 10px var(--mono);color:var(--muted);letter-spacing:.02em}.loop-btn.on,.icon-btn.on{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.menu-wrap .menu.popover{gap:6px;width:300px;padding:12px 14px;left:0;right:auto}.pop-field{grid-template-columns:52px 1fr auto;align-items:center;gap:8px;font-size:12px;font-weight:600;display:grid}.pop-field output{font:12px var(--mono);color:var(--text-2)}.pop-hint{margin:0 0 6px;font-size:11px}.minimap{background:var(--lane);border-bottom:1px solid var(--line);flex:none;padding:3px 16px}.mm-strip{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;gap:2px;height:18px;display:flex;position:relative}.mm-section{min-width:0;color:var(--text-2);white-space:nowrap;opacity:.75;border-top:2px solid;border-radius:2px;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.mm-section.selected{opacity:1;box-shadow:inset 0 0 0 1px var(--text-2)}.mm-section span{text-overflow:ellipsis;overflow:hidden}.mm-marker{background:var(--text-2);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.mm-marker.playing{background:var(--accent)}.body{min-height:0}.side-wrap{flex:none;min-height:0;display:flex;position:relative}.side-wrap>.library,.side-wrap>.right-panel{flex:auto;min-width:0}.side-grip{width:var(--gap);z-index:5;cursor:ew-resize;position:absolute;top:0;bottom:0}.side-grip.left{right:calc(var(--gap) * -1)}.side-grip.right{left:calc(var(--gap) * -1)}.side-grip:hover,.side-grip:active{background:linear-gradient(90deg, transparent 3px, var(--accent) 3px, var(--accent) 5px, transparent 5px)}.right-panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex:0 0 330px;min-height:0;display:flex}.right-section{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.right-panel.stacked .inspector-section{flex:0 auto;max-height:60%}.right-panel.stacked .assistant-section{border-top:1px solid var(--line-strong);flex:1 1 0;min-height:260px}.panel-head{border-bottom:1px solid var(--line);height:36px;color:var(--muted);flex:none;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.panel-head strong{color:var(--text);font-size:12px}.panel-close{margin-left:auto;width:28px!important;height:28px!important}.right-section .assistant{flex:auto;min-height:0}.inspector{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:12px 14px 16px;display:flex;overflow-y:auto}.insp-crumb{flex-wrap:wrap;align-items:center;gap:4px;font-weight:700;display:flex}.insp-crumb button{border-radius:var(--r-sm);max-width:120px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:2px 6px;font-weight:700;overflow:hidden}.insp-crumb button:hover{color:var(--text)}.insp-crumb button[aria-current=true]{background:var(--line);color:var(--text)}.insp-track{align-items:center;gap:6px;display:flex}.insp-track:before{content:"";background:var(--role);border-radius:2px;width:8px;height:8px}.segmented.insp-kinds{grid-template-columns:repeat(3,1fr);display:grid}.insp-body{flex-direction:column;gap:12px;display:flex}.insp-row{grid-template-columns:1fr 90px;gap:10px;display:grid}.insp-field{color:var(--text-2);flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.insp-field>span:first-child{justify-content:space-between;display:flex}.insp-field output{font:11px var(--mono);color:var(--muted)}.insp-field select,.insp-field .text-input,.insp-field .num-input{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);width:100%;height:30px;padding:0 8px;font-weight:500}.insp-field input[type=range]{width:100%}.insp-hint{font-size:11px;font-weight:400}.energy-word{color:var(--accent)}.insp-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.insp-sep{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;padding-top:10px;font-size:10px;font-weight:700}.insp-chips{flex-wrap:wrap;gap:4px;display:flex}.inspector .sound-panel{background:0 0;border:0;padding:0}.inspector .sound-panel .params{grid-template-columns:1fr 1fr}.btn.danger:hover:not(:disabled){border-color:var(--role-bass);color:var(--role-bass)}.lib-title{align-items:center;gap:2px;display:flex}.lib-title h2{margin-right:auto}.icon-btn.small{width:28px;height:28px}.song-track-head .change-sound{width:24px;height:24px;color:var(--muted)}.song-track-head .change-sound:hover{color:var(--text)}.song-track-head .row-meter{background:var(--line);border-radius:2px;flex:0 0 22px;height:4px;overflow:hidden}.song-track-head .row-meter span{background:var(--role-keys);height:100%;display:block}.sends.limiter{color:var(--muted);grid-template-columns:1fr;gap:4px;font-size:11px;display:grid}.gr-meter{background:var(--line);border-radius:2px;height:6px;overflow:hidden}.gr-meter div{background:var(--accent);height:100%}.sends.limiter output{font-family:var(--mono);font-size:10px}.fx-card-sub{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.effect-preset{max-width:110px;height:24px;font-size:12px}.te-note{margin:-2px 0 0;font-size:12px}.macros{flex-wrap:wrap;gap:18px;padding:4px 0 2px;display:flex}.knob{flex-direction:column;align-items:center;gap:2px;width:72px;font-size:11px;display:flex}.knob-dial{cursor:ns-resize;touch-action:none;border-radius:50%}.knob-dial:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.knob-track,.knob-value{fill:none;stroke-width:4px;stroke-linecap:round}.knob-track{stroke:var(--line-strong)}.knob-value{stroke:var(--accent)}.knob-pointer{stroke:var(--text);stroke-width:2px;stroke-linecap:round}.knob-label{color:var(--text-2);font-weight:600}.knob output{color:var(--muted);font-family:var(--mono);font-size:10px}.lane-toggles{gap:4px;display:flex}.section-strip{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;min-height:38px;padding:4px 16px;font-size:12px;display:flex}.strip-bars{font-family:var(--mono);align-items:center;gap:4px;display:flex}.strip-bars .icon-btn{width:24px;height:24px}.pane-columns{flex:auto;min-height:0;display:flex}.pane-editor{flex-direction:column;flex:1 1 0;min-width:420px;display:flex}.pane-mixer{border-left:1px solid var(--line-strong);flex-direction:column;flex:0 auto;min-width:0;display:flex;position:relative}.bottom-pane.mixer-only .pane-mixer{flex:auto}.mixer-only .mixer.docked .strips{justify-content:safe center;gap:6px;padding:12px 16px}.mixer-only .mixer.docked .strip{flex:1 0 96px;max-width:180px}.mixer-only .mixer.docked .strip.master{max-width:200px}.mixer-only .fx-panel.floating{z-index:auto;border:0;border-left:1px solid var(--line);width:auto;box-shadow:none;border-radius:0;flex:0 0 280px;position:relative;inset:auto}.pane-mixer .pane-head strong,.pane-mixer .pane-head .muted{font-size:12px}.mixer.docked{min-height:100%;position:relative}.mixer.docked .strips{overflow-x:auto}.mixer.docked .strip{flex-basis:96px}.fx-panel.floating{z-index:6;border:1px solid var(--line-strong);border-radius:var(--r-lg);width:260px;position:absolute;top:8px;bottom:8px;right:8px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.fx-close{position:absolute;top:6px;right:6px}.returns-btn{margin-top:6px;font-size:11px}.viewbar{background:var(--lane);border-bottom:1px solid var(--line);flex:none;padding:4px 12px}.viewbar .minimap{background:0 0;border:0;padding:0}.lib-main.usable{cursor:pointer}.lib-main.usable:hover .lib-name{color:var(--accent)}.layout-map{background:var(--ground);border:1px solid var(--line);border-radius:var(--r-lg);flex:none;grid-template-rows:17px 17px;grid-template-columns:18px 25px 25px 21px;gap:3px;padding:3px;display:grid}.map-block{border-radius:var(--r-sm);background:0 0;border:1px dashed #444;min-width:0;padding:0}.map-block[aria-pressed=true]{background:#3a3a3a;border:1px solid #4a4a4a}.map-block:hover{background:#4d4d4d;border-color:#666}.map-library{grid-row:1/3}.map-song{grid-column:2/4}.map-editor{grid-area:2/2}.map-mixer{grid-area:2/3}.map-inspector{grid-area:1/4}.map-assistant{grid-area:2/4}.body>.workspace{flex-direction:column;display:flex;overflow:hidden}.workspace>.song{flex:auto;min-height:120px;overflow:auto}.workspace.with-pane>.song{flex:none;max-height:50%}.bottom-pane{background:var(--panel);border-top:1px solid var(--line-strong);flex-direction:column;flex:1 1 0;min-height:160px;display:flex;position:relative}.bottom-pane.sized{flex:none}.pane-head{background:var(--lane);border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:12px;min-height:44px;padding:4px 12px 4px 16px;display:flex}.pane-tabs button{padding:0 14px}.pane-head .track-tabs{border:0;max-width:100%;overflow-x:auto}.pane-body{flex:auto;min-height:0;overflow:auto}.pane-body .editor{border-bottom:0}.sound-tab{flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.help-bar{background:var(--panel);height:26px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:none;padding:0 16px;font-size:12px;line-height:24px;overflow:hidden}.modal-backdrop{z-index:60;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-lg);flex-direction:column;width:min(880px,100vw - 48px);height:min(600px,100vh - 48px);display:flex;box-shadow:0 20px 60px #0009}.modal-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:16px;padding:12px 16px;display:flex}.modal-head>div{flex-direction:column;gap:2px;display:flex}.picker-hint{margin-left:auto;font-size:12px}.picker-body{flex:auto;min-height:0;display:flex}.picker-families{border-right:1px solid var(--line);flex:0 0 220px;padding:8px;overflow-y:auto}.picker-group+.picker-group{margin-top:10px}.picker-family{border-radius:var(--r-sm);width:100%;height:28px;color:var(--text-2);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;display:flex}.picker-family:hover{background:var(--raised)}.picker-family[aria-pressed=true]{background:var(--line);color:var(--text);font-weight:600}.badge-rec{border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--muted);padding:1px 5px;font-size:10px;font-weight:600}.picker-sounds{flex:auto;padding:8px;overflow-y:auto}.picker-sound{border-radius:var(--r);align-items:center;gap:6px;display:flex}.picker-sound[aria-selected=true]{background:var(--raised);box-shadow:inset 2px 0 0 var(--accent)}.picker-load{text-align:left;background:0 0;border:0;flex:auto;align-items:baseline;gap:10px;min-height:34px;padding:0 8px;display:flex}.picker-load:hover strong,.picker-load:focus-visible strong{color:var(--accent)}.picker-load .muted{font-size:12px}.channel-eq{flex-direction:column;gap:6px;display:flex}.eq-thumb{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--ground);padding:0;display:block;position:relative}.eq-thumb:hover{border-color:var(--text-2)}.eq-thumb span{color:var(--muted);font-size:9px;font-weight:700;position:absolute;top:2px;left:4px}.eq-thumb.empty{border-style:dashed}.eq-curve{display:block}.eq-curve polyline{fill:none;stroke:var(--accent);stroke-width:1.5px}.eq-curve .eq-zero{stroke:var(--line-strong);stroke-dasharray:2 3}.eq-band{color:var(--text-2);grid-template-columns:34px 1fr 40px;align-items:center;gap:6px;font-size:12px;display:grid}.eq-band output{font-family:var(--mono);color:var(--muted);text-align:right;font-size:11px}.channel-eq.compact .eq-band{grid-template-columns:26px 1fr;gap:4px;font-size:10px}.channel-eq.compact .eq-thumb,.channel-eq.compact .eq-curve{width:100%}.insert-slot-empty{border:1px dashed var(--line);border-radius:var(--r-sm);height:22px}.track-effects{grid-template-columns:220px 240px 1fr;align-items:start;gap:20px;padding:12px 16px 16px;display:grid}.te-channel,.te-eq,.te-chain{flex-direction:column;gap:10px;min-width:0;display:flex}.te-eq .eq-thumb,.te-eq .eq-curve{width:100%}.fx-cards{flex-wrap:wrap;gap:10px;display:flex}.fx-card{background:var(--raised);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;flex:0 0 240px;gap:8px;padding:8px 10px 10px;display:flex}.fx-card.bypassed{opacity:.6}.fx-card-head{cursor:grab;align-items:center;gap:6px;display:flex}.fx-card-head .icon-btn{width:24px;height:24px}.fx-slot{color:var(--muted);font-family:var(--mono);font-size:11px}.fx-card .params{flex-direction:column;gap:8px;display:flex}.fx-card.empty-slot{background:0 0;border-style:dashed;justify-content:center;align-items:flex-start;min-height:96px}.fx-card.empty-slot .muted{font-size:12px}.add-insert.big{height:30px;color:var(--text-2);padding:0 8px;font-size:13px}@media (width<=1360px){.track-effects{grid-template-columns:200px 1fr}.te-chain{grid-column:1/-1}}.song-ruler{cursor:ew-resize;touch-action:none}.song-playhead.cursor{background:var(--text-2);opacity:.7}.song-row.energy{cursor:ns-resize;touch-action:none;position:relative}.energy-handle{background:var(--accent);pointer-events:none;opacity:0;border-radius:50%;width:7px;height:7px;margin:-3px 0 0 -3px;transition:opacity .1s;position:absolute}.song-row.energy:hover .energy-handle{opacity:1}.energy-tip{border-radius:var(--r-sm);background:var(--raised);white-space:nowrap;pointer-events:none;padding:2px 6px;font-size:11px;position:absolute;top:-22px;transform:translate(-50%)}.btn.small.tracks-toggle{gap:6px}.tracks-toggle svg{transition:transform .15s}.tracks-toggle[aria-pressed=true] svg{transform:rotate(180deg)}.song-grid.compact .song-track-head,.song-grid.compact .song-row.track{border-top:0;height:14px;min-height:14px}.song-grid.compact .song-track-head .role-bar{height:10px}.song-grid.compact .cell{border-width:1px;border-radius:2px;height:10px}.song-grid.compact .cell:not(.on){background:0 0;border-color:#0000}.song-grid.compact .song-track-head .name-stack,.song-grid.compact .song-track-head .row-meter,.song-grid.compact .song-track-head .change-sound,.song-grid.compact .song-track-head .ms,.song-grid.compact .cell .cell-name,.song-grid.compact .cell .dots{display:none}.song-grid.compact .cell{min-height:0;padding:0}.overlay{z-index:60;background:#00000073;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette{background:var(--raised);border:1px solid var(--line-strong);border-radius:8px;flex-direction:column;width:min(620px,92vw);max-height:64vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000008c}.palette-input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;height:48px;padding:0 16px;font-size:15px}.palette-list{margin:0;padding:6px;list-style:none;overflow-y:auto}.palette-list li{border-radius:var(--r);cursor:pointer;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.palette-list li[aria-selected=true]{background:var(--line)}.palette-group{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.palette-label{font-weight:600}.palette-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11px;overflow:hidden}.palette-empty{display:block!important}.shortcuts{background:var(--raised);border:1px solid var(--line-strong);border-radius:8px;width:min(520px,92vw);padding:18px 20px;box-shadow:0 20px 50px #0000008c}.shortcuts-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.shortcuts h2{margin:0;font-size:15px}.shortcuts dl{margin:0 0 12px}.shortcuts dl div{border-bottom:1px solid var(--line-soft);grid-template-columns:110px 1fr;padding:5px 0;display:grid}.shortcuts dd{color:var(--text-2);margin:0}kbd{font:11px var(--mono);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--ground);border-bottom-width:2px;padding:2px 6px}.toasts{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-lg);background:var(--text);color:var(--ground);pointer-events:auto;align-items:center;gap:12px;padding:9px 14px;font-size:12px;font-weight:600;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 20px #0006}.toast.error{background:var(--role-bass)}.toast .link-btn{color:inherit;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.lib-chips.tags .chip{height:20px;font-size:10.5px}.lib-filters{align-items:center;gap:6px;display:flex}.lib-filters select,.lib-search.small{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);flex:auto;min-width:0;height:24px;padding:0 6px;font-size:12px}.lib-group{margin-bottom:4px}.lib-group ul{margin:0;padding:0;list-style:none}.lib-group-head{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:8px 6px 4px;font-size:10px;font-weight:700;display:flex}.lib-group-head .muted{margin-left:auto;font-size:10px}.lib-group-head[aria-expanded=false] svg{transform:rotate(-90deg)}.lib-item{cursor:grab}.lib-play{border:1px solid var(--line);width:24px;height:24px;color:var(--text-2);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.lib-play:hover{border-color:var(--text-2);color:var(--text)}.lib-play.placeholder{visibility:hidden}.lib-main{cursor:grab}.lib-star{width:22px;color:var(--muted);background:0 0;border:0;flex:none;font-size:15px;line-height:1}.lib-star.on{color:var(--accent)}.lib-item:not(:hover) .lib-star:not(.on),.lib-item:not(:hover) .lib-more{opacity:0}.lib-more summary{width:22px!important;height:22px!important}.lib-more .menu{right:0;min-width:170px!important}.lib-empty{padding:16px 8px}.lib-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.drop-over{outline-offset:-2px;outline:2px dashed var(--accent)!important}.groove-thumb{opacity:.8;gap:1px;margin-left:auto;display:flex}.groove-thumb i{background:#ffffff14;border-radius:1px;width:3px;height:8px}.groove-thumb i.k{background:var(--role-drums)}.groove-thumb i.s{background:color-mix(in srgb, var(--role-drums) 55%, transparent)}.groove-thumb i.h{background:#ffffff38}.section-block{container-type:inline-size}@container (width<=110px){.groove-thumb{display:none}}.segmented.lib-voices{display:flex}.segmented.lib-voices button{flex:1 1 0;padding:0 4px;font-size:11px}.add-section .menu{min-width:200px}.menu-row{align-items:center;display:flex}.menu-row button[role=menuitem]{flex:auto}.menu-input{background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--r);height:30px;margin:2px 4px;padding:0 8px}.context-backdrop{z-index:50;position:fixed;inset:0}.context-menu{position:fixed}.context-menu .menu,.insp-menu .menu{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);flex-direction:column;min-width:220px;padding:4px;display:flex;position:static;box-shadow:0 6px 16px #00000073}.insp-menu{position:relative}.insp-menu .menu{z-index:20;position:absolute;top:34px;left:0}.section-menu button[role^=menuitem]{border-radius:var(--r);text-align:left;background:0 0;border:0;height:30px;padding:0 10px}.section-menu button[role^=menuitem]:hover:not(:disabled){background:var(--line)}.section-menu .muted{float:right;font-size:11px}.swatches{flex-wrap:wrap;gap:5px;padding:4px 10px 8px;display:flex}.swatch{border:1px solid var(--line-strong);border-radius:50%;width:18px;height:18px;padding:0}.swatch.auto{background:linear-gradient(135deg,#6e97bb 50%,#cc9967 50%)}.swatch[aria-checked=true]{outline:2px solid var(--text);outline-offset:1px}.section-block svg{color:var(--text-2);flex:none}.section-block[draggable=true]{cursor:grab}.block-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:10px;overflow:hidden}.lock-note{color:var(--accent);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.song-grid.compact .section-block{flex-wrap:wrap;align-content:center;row-gap:0}.song-grid.compact .block-summary{flex-basis:100%;margin-left:0;font-size:9.5px;line-height:1.2}.segmented.small button{height:22px;padding:0 8px;font-size:11px}.length-control{margin-left:4px}.editor-tools .btn.small{align-items:center;gap:6px;display:inline-flex}.editor-tools .btn[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, var(--raised));border-color:color-mix(in srgb, var(--accent) 50%, var(--line-strong))}.editor-tools .menu-wrap summary.btn{height:28px}.editor-tools .menu-wrap summary.icon-btn{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.editor-tools .menu-wrap .menu{top:36px}.feel-menu{gap:2px;min-width:260px;padding:4px 6px 10px!important}.menu-wrap .menu.feel-menu button.btn{border:1px solid var(--line-strong);align-self:flex-start;height:28px;margin:6px 10px 0}.menu-check,.menu-slider{align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.menu-slider input{flex:auto}.menu-slider output{text-align:right;width:36px;font:11px var(--mono);color:var(--muted)}.menu-note{color:var(--muted);margin:0;padding:0 10px 2px;font-size:11px}.step-menu{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);flex-direction:column;min-width:200px;padding:4px;display:flex;position:fixed;box-shadow:0 6px 16px #00000073}.step-menu button[role^=menuitem]{border-radius:var(--r);text-align:left;background:0 0;border:0;height:30px;padding:0 10px}.step-menu button[role^=menuitem]:hover{background:var(--line)}.menu-sub{color:var(--muted);padding:6px 10px 2px;font-size:11px}.menu-chips{gap:4px;padding:2px 10px 4px;display:flex}.menu-chips button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ground);height:24px;color:var(--muted);font:11px var(--mono);flex:1 1 0}.menu-chips button[aria-checked=true]{border-color:var(--accent);color:var(--text)}.step.on.chance .velocity{opacity:calc(.35 + var(--chance) * .65);background:repeating-linear-gradient(-45deg, var(--role) 0 4px, color-mix(in srgb, var(--role) 60%, transparent) 4px 7px)}.chance-label{font:9px var(--mono);color:var(--text);opacity:.8;position:absolute;top:2px;right:3px}.step.on.muted{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--role) 55%, transparent);background:0 0}.step.on.muted .velocity{opacity:.2}.step-numbers .steps span.bar-start{border-left:1px solid var(--line-strong)}.velocity-row{margin-top:4px}.velocity-head{gap:0}.velocity-head>span:last-child{flex-direction:column;padding-left:10px;font-size:12px;font-weight:600;display:flex}.velocity-head small{color:var(--muted);font-size:11px;font-weight:400}.velocity-lane{grid-template-columns:repeat(var(--steps), minmax(24px, 48px));cursor:ns-resize;touch-action:none;flex:0 auto;gap:4px;height:44px;display:grid}.vbar{background:var(--ground);border-radius:var(--r-sm);align-items:flex-end;display:flex}.vbar span{background:color-mix(in srgb, var(--role) 80%, transparent);border-top:2px solid var(--role);border-radius:0 0 var(--r-sm) var(--r-sm);width:100%;display:block}.vbar.off{opacity:.45}.vbar.muted span{opacity:.3}.quick-sound{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;padding:8px 16px;font-size:12px;display:flex}.quick-name{flex:none;font-weight:600}.quick-param{color:var(--muted);align-items:center;gap:8px;display:flex}.quick-param input{width:90px}.quick-param output{min-width:52px;font:11px var(--mono);color:var(--text)}.quick-sound .btn{white-space:nowrap}.quick-sound .link-btn{margin-left:auto}.icon-btn.tool{border:1px solid var(--line-strong);border-radius:var(--r);width:30px;height:30px;position:relative}.icon-btn.tool[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, var(--line-strong));background:color-mix(in srgb, var(--accent) 14%, transparent)}.icon-btn.tool:disabled{opacity:.4}.pattern-undo .badge{background:var(--line-strong);min-width:15px;height:15px;color:var(--text);font:9px/15px var(--mono);text-align:center;border-radius:8px;padding:0 3px;position:absolute;top:-5px;right:-6px}.sound-panel{flex-flow:column;align-items:stretch;gap:10px}.sound-title{flex-wrap:wrap;min-height:32px}.sound-title .spacer{flex:auto}.traits{gap:4px;display:flex}.trait{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.trait.plain{background:var(--line);color:var(--muted)}.sound-tools{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.waveform{border-radius:var(--r);background:var(--ground);min-width:200px;height:56px;color:color-mix(in srgb, var(--accent) 75%, var(--text));flex:260px}.sound-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.randomize{align-items:center;gap:6px;display:flex}.param-groups{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 20px;display:grid}.param-group{border:0;flex-wrap:wrap;align-content:flex-start;gap:8px 14px;min-width:0;margin:0;padding:0;display:flex}.param-group legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 0 6px;font-size:10px;font-weight:700}.param-group .param{width:100%;max-width:180px}.param-head{align-items:center;gap:6px}.param-head>span:first-child{flex:auto}.param-reset{border-radius:var(--r-sm);color:var(--accent);background:0 0;border:0;padding:0 4px;font-size:12px;line-height:16px}.param-reset:hover{background:var(--line)}.inspector .param-groups{grid-template-columns:1fr}.inspector .param-group .param{width:calc(50% - 7px)}.inspector .waveform{flex-basis:100%}.gd-mode{width:max-content;margin:4px 0 6px}.gd-mode button{height:30px;padding:0 14px}.gd-curves{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.gd-curve{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--ground);color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.gd-curve strong{color:var(--text);font-size:12px}.gd-curve[aria-checked=true]{border-color:var(--accent);color:var(--accent)}.gd-variation{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gd-switches{flex-wrap:wrap;gap:10px 32px;display:flex}.gd-roles{flex-wrap:wrap;gap:8px 18px;display:flex}.gd-check{align-items:center;gap:8px;font-size:13px;display:flex}.ab-bar{z-index:60;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:12px;display:flex;position:fixed;top:104px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.ab-label{font-weight:600}.pattern-options button[role=menuitem]{align-items:center;gap:8px;display:flex}.tour-card{z-index:55;background:var(--raised);border:1px solid var(--line-strong);border-left:3px solid var(--accent);border-radius:var(--r-lg);flex-direction:column;gap:6px;width:300px;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #00000080}.tour-card strong{font-size:14px}.tour-card p{color:var(--text-2);margin:0;line-height:1.45}.tour-head,.tour-foot{justify-content:space-between;align-items:center;display:flex}.tour-foot{margin-top:4px}.tour-dots{gap:5px;display:flex}.tour-dots i{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.tour-dots i.done{background:color-mix(in srgb, var(--accent) 45%, var(--line-strong))}.tour-dots i.on{background:var(--accent)}.tour-target{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r);animation:1.6s ease-in-out infinite tour-pulse}.tour-card.top{top:104px;bottom:auto}@keyframes tour-pulse{50%{outline-color:color-mix(in srgb, var(--accent) 35%, transparent)}}@media (prefers-reduced-motion:reduce){.tour-target{animation:none}}.app.phone{height:100dvh;padding-top:env(safe-area-inset-top)}body:has(.app.phone){background:var(--panel)}.phone input,.phone select,.phone textarea{font-size:16px}.phone-topbar{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;padding:6px 8px;display:flex}.phone-topbar .transport{gap:0;padding:2px;display:flex}.phone-topbar .icon-btn{flex:none;width:36px;height:36px}.phone-position{flex-direction:column;align-items:center;line-height:1.1;display:flex}.phone-position .position{letter-spacing:0;min-width:0;font:600 14px var(--mono);color:var(--accent);white-space:nowrap;padding:3px 6px}.phone-position .song-length{font:10px var(--mono);color:var(--muted)}.phone-bpm{letter-spacing:.06em;color:var(--muted);flex-direction:column;align-items:center;font-size:9px;display:flex}.phone-bpm input{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);width:48px;height:26px;font:14px var(--mono);text-align:center;padding:0 4px}.phone .minimap{padding:4px 8px}.phone .mm-strip{height:22px}.phone-main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.tab-bar{padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line);flex:none;display:flex}.tab-bar button{min-width:0;height:64px;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:11px;font-weight:600;display:flex}.tab-bar button[aria-current=page]{color:var(--accent)}.sheet-backdrop{z-index:80;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:80dvh;padding-bottom:env(safe-area-inset-bottom);background:var(--raised);border-top:1px solid var(--line-strong);border-radius:14px 14px 0 0;outline:none;flex-direction:column;animation:.18s ease-out sheet-up;display:flex}.sheet.tall{height:92dvh;max-height:92dvh}@keyframes sheet-up{0%{transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-head{flex:none;justify-content:space-between;align-items:center;padding:14px 8px 8px 16px;font-size:15px;display:flex;position:relative}.sheet-grabber{background:var(--line-strong);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.sheet-body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.sheet-row{flex-wrap:wrap;gap:8px;display:flex}.sheet-row .btn{flex:1 1 0;justify-content:center}.sheet-field{flex-direction:column;gap:6px;display:flex}.sheet-section{flex-direction:column;display:flex}.sheet-list,.sheet .menu{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:static}.sheet-list button,.sheet .menu button[role^=menuitem]{border:0;border-bottom:1px solid var(--line-soft);text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;min-height:46px;padding:0 4px;font-size:15px;display:flex}.sheet-list button .muted,.sheet .menu button .muted{margin-left:auto}.sheet .menu .menu-label{padding-left:4px}.sheet .swatches{padding:4px}.sheet .swatch{width:32px;height:32px}.sheet-settings .pop-field{align-items:center;gap:10px;padding:6px 0;display:flex}.sheet-settings .pop-field input[type=range]{flex:auto}.sheet .inspector{padding:0}.sheet-remove{justify-content:center}.phone .file-menu{display:contents}.phone-song{padding:10px 10px 16px}.phone-song-head{align-items:center;gap:8px;padding:0 2px 10px;display:flex}.phone-song-head strong{font-size:16px}.section-cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.section-card{background:var(--sec-bg);border:1px solid var(--line);border-left:4px solid var(--sec);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.section-card.selected{border-color:var(--text-2);border-left-color:var(--sec)}.card-main{text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;min-height:44px;padding:10px 12px 4px;display:flex}.card-main strong{font-size:15px}.card-more{align-self:start;margin:4px 4px 0 0}.card-parts{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding:4px 10px 10px;display:flex}.part-chip{border:1px solid color-mix(in srgb, var(--role) 45%, transparent);background:color-mix(in srgb, var(--role) 14%, var(--ground));border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.part-chip .role-dot{background:var(--role);border-radius:50%;width:7px;height:7px}.part-chip.off{color:var(--muted);background:0 0;border-style:dashed}.card-progress{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.phone-pattern{flex-direction:column;display:flex}.section-stepper{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px;display:flex}.section-stepper select{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);flex:auto;height:38px;padding:0 8px}.section-stepper .icon-btn svg{transform:rotate(90deg)}.section-stepper .icon-btn.next svg{transform:rotate(-90deg)}.editor.compact .editor-head{gap:8px;padding:8px}.editor.compact .track-tabs{scrollbar-width:none;width:100%;overflow-x:auto}.editor.compact .track-tab{flex:none}.editor.compact .divider{display:none}.editor.compact .editor-tools{flex-wrap:wrap;width:100%;margin-left:0}.editor.compact .editor-tools .menu-wrap .menu{min-width:0;position:fixed;inset:auto 8px 72px}.editor.compact .quick-sound{gap:14px;padding:8px;overflow-x:auto}.editor.compact .quick-param input{width:80px}.bar-picker{align-self:flex-start;margin:8px 8px 0}.bar-picker button{height:30px;padding:0 12px;position:relative}.bar-playing{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.rack.compact{padding:8px;overflow-x:hidden}.rack.compact .rack-row{gap:6px;min-width:0}.rack.compact .channel-head{flex:0 0 70px;height:40px}.rack.compact .channel-name small,.rack.compact .gain,.rack.compact .remove-drum,.rack.compact .ms{display:none}.rack.compact .channel-name span{font-size:12px}.rack.compact .steps,.rack.compact .velocity-lane{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));flex:1 1 0;gap:3px}.rack.compact .step{aspect-ratio:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;height:40px}.rack.compact .step-numbers .steps span{font-size:9px}.rack.compact .velocity-head small{display:none}.editor.compact .hint{padding:4px 10px 14px}.phone .step-menu{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto!important;left:8px!important}.phone .step-menu button[role^=menuitem]{min-height:44px}.phone .menu-chips button{height:34px}.phone .piano-roll{touch-action:pan-x pan-y}.phone .quick-sound .quick-param{display:none}.phone-editor{flex-direction:column;display:flex}.phone-editor-head{background:var(--lane);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:8px;display:flex}.phone-editor-head .pane-tabs{align-self:stretch}.phone-editor-head .pane-tabs button{flex:1 1 0;height:32px}.phone-editor-head .track-tabs{overflow-x:auto}.phone .sound-tab{padding:10px}.phone .sound-tab .param-groups{grid-template-columns:1fr}.phone .sound-tab .param-group .param{width:calc(50% - 7px);max-width:none}.phone .macros{justify-content:space-between;gap:8px}.phone .track-effects{grid-template-columns:1fr;padding:10px}.phone .fx-card{flex-basis:100%}.phone .modal{border:0;border-radius:0;width:100vw;height:100dvh}.phone .modal-head{padding-top:calc(12px + env(safe-area-inset-top));flex-wrap:wrap;gap:8px}.phone .picker-hint{display:none}.phone .modal-head .btn{margin-left:auto}.phone .picker-body{flex-direction:column}.phone .picker-families{border-right:0;border-bottom:1px solid var(--line);flex:none;gap:12px;display:flex;overflow-x:auto}.phone .picker-group{flex:none}.phone .picker-group+.picker-group{margin-top:0}.phone .picker-family{white-space:nowrap}.phone .mixer{height:100%;min-height:0}.phone .strips{scroll-snap-type:x mandatory;padding:8px}.phone .strip{scroll-snap-align:start;flex-basis:120px}.phone .library{border-right:0;flex:auto;width:100%}.phone .lib-item .btn.small{height:34px}.phone .assistant{height:100%}.phone .generate-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-radius:0;margin:0;overflow-y:auto}.phone .genre-grid{grid-template-columns:repeat(2,1fr)}.phone .gd-fields{grid-template-columns:1fr}.phone .gd-curves{grid-template-columns:repeat(2,1fr)}.phone .gd-structure{overflow-x:auto}.phone .gd-foot{flex-wrap:wrap}.phone .palette,.phone .shortcuts{width:calc(100vw - 16px);max-height:80dvh}.phone .overlay{padding-top:8px}.phone .ab-bar{top:calc(60px + env(safe-area-inset-top));flex-wrap:wrap;justify-content:space-between;left:8px;right:8px;transform:none}.phone .toasts{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 16px)}.phone .tour-card,.phone .tour-card.top{top:auto;left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto}.app.phone,.app.phone *{-webkit-tap-highlight-color:transparent}.phone .mixer{flex-direction:column}.phone .strips{flex:none}.phone .fx-panel{border-left:0;border-top:1px solid var(--line);flex:none}.editor.compact .editor-section{display:none}.phone .tour-card{gap:4px;padding:10px 12px}.phone .tour-card strong{font-size:13px}.phone .tour-dots{display:none}@media (height<=500px){.phone-topbar{padding:3px 8px}.phone-topbar .icon-btn{width:34px;height:34px}.phone .minimap{padding:2px 8px}.phone .mm-strip{height:16px}.tab-bar button{flex-direction:row;gap:6px;height:44px}.editor.compact .quick-sound,.editor.compact .hint{display:none}.section-stepper{padding:4px 8px}.section-stepper select{height:32px}.rack.compact .step,.rack.compact .channel-head{height:34px}.phone .tour-card{display:none}.editor.compact .editor-head{gap:6px;padding:4px 8px}.editor.compact .track-tabs,.editor.compact .editor-tools{width:auto}.editor.compact .track-tab{height:34px}.section-stepper select{font-size:14px}}.app:not(.phone){gap:var(--gap);padding:var(--gap);background:var(--gutter)}.app:not(.phone)>.topbar,.app:not(.phone)>.viewbar,.app:not(.phone)>.help-bar{border:1px solid var(--line);border-radius:var(--r-lg)}.body,.body>.workspace{gap:var(--gap)}.workspace.with-pane:has(>.bottom-pane.sized)>.song{flex:1 1 0;max-height:none}.right-panel.stacked .assistant-section.sized{flex:none;min-height:0}.right-panel.stacked:has(>.assistant-section.sized) .inspector-section{flex:1 1 0;max-height:none}.row-grip{height:var(--gap);margin:calc(var(--gap) * -1) 0;z-index:5;cursor:ns-resize;flex:none}.row-grip:hover,.row-grip:active{background:linear-gradient(transparent calc(50% - 1px), var(--accent) calc(50% - 1px), var(--accent) calc(50% + 1px), transparent calc(50% + 1px))}.library,.right-section,.workspace>.song,.pane-editor,.pane-mixer{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.right-panel{gap:var(--gap);background:0 0;border:0}.right-section{background:var(--panel)}.right-panel.stacked .assistant-section{border-top:1px solid var(--line)}.bottom-pane{background:0 0;border-top:0}.pane-columns{gap:var(--gap)}.pane-editor,.pane-mixer{background:var(--panel)}.topbar>*{flex:none}.topbar>.spacer{flex:1 1 0;min-width:4px}.tb-group{align-items:center;gap:4px;display:flex}.tb-btn{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);width:32px;height:32px;color:var(--text-2);place-items:center;padding:0;display:grid}.tb-btn:hover:not(:disabled){background:var(--line)}.tb-btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.tb-btn.ghost:hover:not(:disabled){background:var(--line);color:var(--text-2)}.tb-btn.primary,.tb-btn.primary:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tb-btn.lit,.tb-btn.lit:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 16%, var(--raised));color:var(--accent)}.tb-btn.busy{gap:6px;width:auto;padding:0 10px;display:flex}.tb-busy{font-size:12px}.topbar summary.tb-btn{height:32px}.tb-divider{background:var(--line-strong);width:1px;height:20px;margin:0 2px}.tb-position{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--ground);height:32px;font-family:var(--mono);align-items:center;gap:9px;padding:0 10px;display:flex}.tb-pos{min-width:5ch;color:var(--text);font-size:14px}.tb-time{color:var(--muted);font-size:12px}.tb-fields{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);align-items:stretch;height:32px;display:flex;overflow:hidden}.tb-field{border-left:1px solid var(--line);align-items:center;gap:6px;padding:0 7px;display:flex}.tb-field:first-child{border-left:0;gap:2px;padding-left:4px}.tb-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.tb-unit,.tb-meta{color:var(--muted);font-size:12px}.tb-unit{margin-left:4px}.tb-value{min-width:3.5ch;font:13px var(--mono);color:var(--text)}.tb-bpm{border:1px solid var(--line);border-radius:var(--r);background:var(--ground);width:44px;height:24px;font:13px var(--mono);text-align:right;appearance:textfield;padding:0 6px}.tb-bpm::-webkit-inner-spin-button{appearance:none;margin:0}.tb-bpm::-webkit-outer-spin-button{appearance:none;margin:0}.tb-bpm:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.bpm-stepper{flex-direction:column;gap:1px;display:flex}.bpm-stepper button{width:16px;height:11px;color:var(--muted);background:0 0;border:0;border-radius:2px;place-items:center;padding:0;display:grid}.bpm-stepper button:first-child svg{transform:rotate(180deg)}.bpm-stepper button:hover{background:var(--line);color:var(--text)}.tb-swing{width:44px}.tb-fields .key-picker{gap:0}.tb-fields .key-picker select{field-sizing:content;height:30px;font:13px var(--mono);color:var(--text);background:0 0;border:0;padding:0 2px}.tb-project{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);align-items:center;height:32px;display:flex}.tb-project .file-menu summary.tb-btn{border:0;border-right:1px solid var(--line);border-radius:var(--r-lg) 0 0 var(--r-lg);background:0 0;gap:4px;width:auto;height:30px;padding:0 8px;display:flex}.tb-project .file-menu .menu{left:-1px;right:auto}.tb-project .title-input{background:0 0;border:0;border-radius:0;width:100px;height:30px;padding:0 4px 0 10px;font-size:14px;font-weight:700}.tb-project .title-input:focus{background:var(--ground);outline:none}.save-state{width:30px;color:var(--muted);place-items:center;display:grid}.save-state.fresh{color:var(--ok)}.save-state.failed{color:var(--warn)}.save-state.saving:before{content:"";border:2px solid var(--line-strong);border-top-color:var(--text-2);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1400px){.tb-meta,.tb-time{display:none}}@media (width<=1280px){.wordmark{display:none}}