*{box-sizing:border-box}:where(html){-webkit-user-select:none;user-select:none}:where(input,textarea,[contenteditable=true],[contenteditable=""]){-webkit-user-select:text;user-select:text}:where(button,a,input,select,textarea,summary,[tabindex],[role=button],[role=tab],[role=slider],[role=option],[role=menuitem]):focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px;border-radius:var(--radius-sm,6px)}:where(button,a,input,select,textarea,summary,[tabindex],[role=button]):focus:not(:focus-visible){outline:none}body{background:var(--bg-deep,#0a0c10);color:var(--fg,#e8eaed);font-family:var(--font-sans,system-ui, sans-serif);margin:0}.ctx-menu{z-index:var(--z-menu);min-width:184px;max-width:280px;padding:var(--space-1,4px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border-strong,#353c47);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-lg,0 12px 32px #00000073);transform-origin:0 0;outline:none;flex-direction:column;gap:1px;animation:.1s ctx-pop;display:flex;position:fixed}@keyframes ctx-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ctx-item{align-items:center;gap:var(--space-2,8px);width:100%;padding:6px var(--space-2,8px);font-size:var(--text-sm,13px);line-height:var(--text-sm-lh,20px);color:var(--fg,#e8eaed);text-align:left;border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:none;transition:background .1s,color .1s;display:flex}.ctx-item:hover:not(:disabled),.ctx-item.active:not(:disabled){background:var(--accent,#5b8dff);color:var(--fg-on-accent,#0a0c10)}.ctx-item.danger{color:var(--danger,#ff5b6a)}.ctx-item.danger:hover:not(:disabled),.ctx-item.danger.active:not(:disabled){background:var(--danger,#ff5b6a);color:#fff}.ctx-item:disabled{color:var(--fg-subtle,#5c6473);cursor:default}.ctx-icon{text-align:center;flex:0 0 1.1em;font-size:.92em}.ctx-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.ctx-divider{height:1px;margin:var(--space-1,4px) 6px;background:var(--border,#252b34)}@media (prefers-reduced-motion:reduce){.ctx-menu{animation:none}}.app{flex-direction:column;height:100vh;display:flex}.body{flex:1;min-height:0;display:flex}.view{background:var(--bg-deep,#0a0c10);flex:1;min-width:0;overflow-y:auto}.view-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.view-column>.view{flex:auto;min-height:0}.device-dock{background:var(--bg-surface,#14171c);border-top:1px solid var(--border,#252b34);flex-direction:column;flex:none;min-height:0;display:flex}.dock-bar{align-items:center;gap:var(--space-2,8px);padding:var(--space-1,4px) var(--space-3,12px);border-bottom:1px solid var(--border,#252b34);background:var(--bg-elevated,#1c2128);flex:none;display:flex}.dock-title{font-size:var(--ui-text-sm);color:var(--fg,#e6e9ef);font-weight:600}.dock-sub{font-size:var(--ui-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted,#8b93a1)}.dock-close{border-radius:var(--radius-sm,4px);width:22px;height:22px;color:var(--fg-muted,#8b93a1);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.dock-close:hover{color:var(--fg,#e6e9ef);border-color:var(--border,#252b34);background:var(--bg-surface,#14171c)}.dock-close:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.dock-body{min-height:0;padding:var(--space-2,8px);flex:auto;overflow:auto}.dock-body>.track-panel{margin-left:0}.panel-slot{flex:none;min-width:0;height:100%;transition:width .12s;display:flex;position:relative}.panel-slot>.resize-gutter{flex:0 0 12px}.panel-slot>:not(.resize-gutter){flex:1 1 0;min-width:0}.panel-slot.collapsed{transition:none}.panel-rail{border:none;border-right:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);width:100%;height:100%;color:var(--fg-subtle,#5b6472);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.panel-rail:hover{color:var(--accent,#5b8dff);background:var(--bg-elevated,#1c2128)}.panel-rail span{writing-mode:vertical-rl;font-size:var(--ui-text-xs);letter-spacing:.04em;white-space:nowrap}.resize-gutter{flex:none;width:12px;height:100%;position:relative}.resize-gutter.horizontal{width:100%;height:8px}.resize-gutter.horizontal .resize-handle{cursor:row-resize}.resize-gutter.horizontal .panel-collapse{width:28px;height:8px;line-height:0;top:50%;left:auto;right:12px;transform:translateY(-50%)}.resize-handle{cursor:col-resize;touch-action:none;background:0 0;border:none;margin:0;padding:0;position:absolute;inset:0}.resize-handle:hover,.resize-handle:focus-visible{background:color-mix(in srgb, var(--accent,#5b8dff) 20%, transparent);outline:none}.panel-collapse{z-index:2;border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);background:var(--bg-elevated,#1c2128);width:12px;height:28px;color:var(--fg-subtle,#5b6472);cursor:pointer;font-size:var(--ui-text-sm);opacity:0;pointer-events:none;padding:0;transition:opacity .12s;position:absolute;top:14px;left:50%;transform:translate(-50%)}.resize-gutter:hover .panel-collapse,.panel-collapse:focus-visible{opacity:1;pointer-events:auto}.panel-collapse:hover{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.library{border-right:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;padding:.6rem .5rem;display:flex;overflow:hidden;container-type:inline-size}.lib-title{font-weight:700;font-size:var(--ui-text-md);align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.lib-title .ui-icon{color:var(--accent,#5b8dff)}.lib-search-ic .ui-icon{display:block}.lib-search{align-items:center;margin-bottom:.6rem;display:flex;position:relative}.lib-search-ic{font-size:var(--ui-text-sm);opacity:.6;pointer-events:none;position:absolute;left:.45rem}.lib-search input{width:100%;font:inherit;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:.34rem 1.5rem}.lib-search input:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.lib-search-clear{color:var(--fg-muted,#8b95a8);cursor:pointer;font-size:var(--ui-text-xl);background:0 0;border:none;padding:0 .2rem;line-height:1;position:absolute;right:.3rem}.lib-actions{gap:.4rem;margin-bottom:.5rem;display:flex}.lib-import,.lib-generate{font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px dashed var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;padding:.34rem .4rem;display:inline-flex}.lib-import:hover,.lib-generate:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.lib-generate{background:color-mix(in srgb, var(--accent,#5b8dff) 18%, var(--bg-elevated,#1c2128));color:var(--fg,#e8eaed);border-style:solid;border-color:#0000}.lib-gen-row{align-items:stretch;gap:2px;display:flex}.lib-gen-item{flex:auto;min-width:0}.lib-gen-x{background:var(--bg-elevated,#1c2128);width:1.6rem;color:var(--fg-subtle,#5b6472);border-radius:var(--radius-sm,4px);cursor:pointer;font-size:var(--ui-text-lg);border:1px solid #0000;flex:none;line-height:1}.lib-gen-x:hover{color:var(--danger,#ff5b6a);border-color:var(--danger,#ff5b6a)}.lib-scroll{flex:auto;margin:0 -.1rem;padding:0 .1rem;overflow-y:auto}.lib-section{flex-direction:column;gap:2px;margin-bottom:.5rem;display:flex}.lib-shelf{flex-direction:column;gap:2px;margin-bottom:.85rem;display:flex}.lib-shelf-head{border-top:1px solid var(--border,#252b34);align-items:baseline;gap:.4rem;margin:0 .2rem .3rem;padding-top:.5rem;display:flex}.lib-shelves>.lib-shelf:first-child .lib-shelf-head{border-top:none;padding-top:0}.lib-shelf-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ui-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted,#8b95a8);flex:auto;font-weight:700;overflow:hidden}.lib-shelf-head .lib-count{color:var(--fg-muted,#8b95a8);flex:none;font-style:normal}.lib-shelf-more{margin-top:2px}.lib-group{border-top:1px solid var(--border,#252b34);font-size:var(--ui-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted,#8b95a8);margin:.55rem .2rem .3rem;padding-top:.5rem;font-weight:700}.lib-scroll>.lib-group:first-child{border-top:none;margin-top:0;padding-top:0}.lib-devfilters{flex-wrap:wrap;gap:4px;padding:4px 8px 6px;display:flex}.lib-devfilter{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-xs);cursor:pointer;border-radius:999px;flex:none;padding:2px 7px;line-height:1.6}.lib-devfilter:hover{color:var(--fg,#e8eaed);border-color:var(--border-strong,#353c47)}.lib-devfilter.active{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8cff);background:var(--bg-elevated,#1c2128)}.lib-devfilter:focus-visible{outline:2px solid var(--accent,#5b8cff);outline-offset:1px}.lib-subgroup{font-size:var(--ui-text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle,#6b7486);margin:.35rem .2rem .15rem .1rem;font-weight:600}.lib-subgroup:first-child{margin-top:.1rem}.lib-items{flex-direction:column;gap:2px;display:flex}.lib-head{text-align:left;width:100%;font-size:var(--ui-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:.18rem .2rem .28rem;display:flex}.lib-head:hover{color:var(--fg,#e8eaed)}.lib-caret{font-size:var(--ui-text-2xs);width:.7rem}.lib-count{font-variant-numeric:tabular-nums;margin-left:auto}.lib-item[data-kind=plugin]{cursor:pointer}.lib-kit-machine{color:var(--fg-subtle,#6b7486);font-size:.82em}.lib-item{text-align:left;width:100%;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);border-radius:var(--radius-sm,4px);cursor:grab;border:1px solid #0000;align-items:center;gap:.45rem;padding:.32rem .45rem;display:flex}.lib-item:hover{border-color:var(--accent,#5b8dff)}.lib-item:active{cursor:grabbing}.lib-item[data-previewing="1"]{border-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, var(--bg-elevated,#1c2128));animation:1.4s ease-in-out infinite lib-preview-pulse}.lib-item[data-previewing="1"] .lib-ic{color:var(--accent,#5b8dff)}@keyframes lib-preview-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent,#5b8dff) 42%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#5b8dff) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.lib-item[data-previewing="1"]{animation:none}}.lib-loop{align-items:stretch;gap:3px;display:flex}.lib-loop .lib-item{flex:1;min-width:0}.lib-play{width:1.7rem;font-size:var(--ui-text-2xs);color:var(--fg-muted,#aab2c0);background:var(--bg-elevated,#1c2128);border-radius:var(--radius-sm,4px);cursor:pointer;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.lib-play:hover{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.lib-play:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.lib-play.on{color:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent);background:color-mix(in srgb, var(--accent,#5b8dff) 12%, var(--bg-elevated,#1c2128))}.lib-bypass{width:1.7rem;color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 12%, var(--bg-elevated,#1c2128));border:1px solid color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent);border-radius:var(--radius-sm,4px);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.lib-bypass:hover{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.lib-bypass:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.lib-bypass.bypassed{color:var(--fg-subtle,#5b6472);background:var(--bg-elevated,#1c2128);border-style:dashed;border-color:#0000}.lib-bypass.bypassed:hover{color:var(--fg-muted,#8b95a8)}.lib-auto{font-size:var(--ui-text-sm);color:var(--fg-muted,#aab2c0);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.15rem .1rem .35rem;display:flex}.lib-auto-hint{font-size:var(--ui-text-xs);color:var(--fg-subtle,#6b7280);margin-left:auto}.lib-loop-list{border-radius:var(--radius-sm,4px);flex-direction:column;gap:4px;display:flex}.lib-loop-list:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.lib-loop.selected .lib-item{border-color:var(--accent,#5b8dff);background:var(--accent-glow,#5b8dff29)}.lib-ic{color:var(--accent,#5b8dff);font-size:var(--ui-text-lg);text-align:center;width:1rem}.lib-ic[data-loading="1"]{animation:.9s ease-in-out infinite lib-ic-loading}@keyframes lib-ic-loading{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.lib-ic[data-loading="1"]{animation:none}}.lib-empty{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);padding:.2rem}.lib-count{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);padding:0 .2rem .3rem}.lib-count-more{color:var(--fg-subtle,#6b7486)}.lib-searching{align-items:center;gap:.4rem;display:flex}.lib-spinner{border:2px solid color-mix(in srgb, var(--accent,#5b8dff) 30%, transparent);border-top-color:var(--accent,#5b8dff);border-radius:50%;flex:none;width:.85em;height:.85em;animation:.7s linear infinite lib-spin}@keyframes lib-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lib-spinner{animation:none}}.lib-type{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex-wrap:wrap;gap:2px;margin-bottom:.4rem;padding:2px;display:flex}.lib-type button{min-width:3.6rem;font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);background:0 0;border:none;border-radius:4px;flex:auto;justify-content:center;align-items:center;gap:4px;padding:.3rem .2rem;font-weight:600;display:inline-flex}.lib-type .ui-icon{flex:none}.lib-type-label{white-space:nowrap}.lib-type button:hover{color:var(--fg,#e8eaed)}.lib-type button.active{color:var(--fg,#e8eaed);background:var(--accent-glow,#5b8dff2e);box-shadow:inset 0 0 0 1px var(--accent,#5b8dff)}.lib-subfacets{gap:4px;margin:-.1rem 0 .4rem;display:flex}.lib-subfacet{font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;background:0 0;border-radius:999px;flex:1 1 0;padding:.22rem .35rem}.lib-subfacet:hover{color:var(--fg,#e8eaed)}.lib-subfacet.active{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff);background:var(--accent-glow,#5b8dff2e)}@container (width<=360px){.lib-type{flex-wrap:nowrap}.lib-type button{flex:1 1 0;min-width:0;padding-inline:.2rem}.lib-type-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.lib-source-row{align-items:stretch;gap:4px;margin-bottom:.5rem;display:flex}.lib-source{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:auto;gap:2px;padding:2px;display:flex}.lib-source button{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:0 0;border:none;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;gap:.25rem;padding:.26rem .3rem;display:inline-flex}.lib-source button:hover{color:var(--fg,#e8eaed)}.lib-source button.active{color:var(--fg,#e8eaed);background:var(--accent-glow,#5b8dff2e);box-shadow:inset 0 0 0 1px var(--accent,#5b8dff)}.lib-row-div{background:var(--border,#252b34);flex:none;align-self:stretch;width:1px;margin:2px}.lib-star-toggle{width:26px;font-size:var(--ui-text-lg);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:none;padding:.26rem 0;line-height:1}.lib-star-toggle:hover{color:var(--fg,#e8eaed)}.lib-star-toggle.on{color:var(--warning,#f5c451);border-color:var(--warning,#f5c451)}.lib-fit-toggle{width:26px;font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:none;justify-content:center;align-items:center;padding:.26rem 0;line-height:1;display:inline-flex}.lib-fit-toggle:hover{color:var(--fg,#e8eaed)}.lib-fit-toggle.on{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.lib-filterrow{gap:var(--space-1,4px);flex-direction:column;margin-bottom:.5rem;display:flex}.lib-filterbar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lib-filters-btn{font:inherit;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;flex:none;align-items:center;gap:5px;padding:.2rem .55rem;display:inline-flex}.lib-filters-btn:hover{color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.lib-filters-btn.active{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.lib-filters-count{border-radius:var(--radius-full,9999px);background:var(--accent,#5b8dff);min-width:16px;color:var(--fg-on-accent,#0a0c10);font-size:var(--ui-text-2xs);font-weight:var(--weight-semibold,600);text-align:center;padding:0 4px}.lib-active-filter{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.lib-filters-clear{color:var(--fg-muted,#8b95a8);font:inherit;font-size:var(--ui-text-xs);cursor:pointer;background:0 0;border:none;flex:none;padding:0 .2rem;text-decoration:underline}.lib-filters-clear:hover{color:var(--fg,#e8eaed)}.lib-filters-body{gap:var(--space-2,8px);padding:var(--space-2,8px) 0;border-top:1px solid var(--border,#252b34);flex-direction:column;display:flex}.library.wide .lib-source,.library.wide .lib-subfacets,.library.wide .lib-actions,.library.wide .lib-filterbar{max-width:460px}.library.wide .lib-search{max-width:640px}.device-node-preset-sel{opacity:.85;font-style:italic}.lib-preset-row .lib-item{color:var(--fg-muted,inherit);padding-left:26px;font-size:.92em}.lib-preset-row .lib-preset-ic{opacity:.5;text-align:center;width:15px;display:inline-block}.lib-row{align-items:stretch;gap:2px;display:flex}.lib-row .lib-item{flex:auto;min-width:0}.lib-star{width:1.5rem;font-size:var(--ui-text-md);color:var(--fg-subtle,#5b6472);border-radius:var(--radius-sm,4px);opacity:0;background:0 0;border:1px solid #0000;flex:none;padding:0;line-height:1;transition:opacity .12s,color .12s}.lib-row:hover .lib-star,.lib-loop:hover .lib-star,.lib-gen-row:hover .lib-star,.lib-star.on,.lib-star:focus-visible{opacity:1}.lib-star.on,.lib-star:hover{color:var(--warning,#f5c451)}.lib-make-mine{opacity:0;flex:none;transition:opacity .12s,color .12s}.lib-row:hover .lib-make-mine,.lib-make-mine:focus-visible{opacity:1}.lib-make-mine:hover{color:var(--accent,#5b8dff)}.lib-src{width:1.05rem;height:1.05rem;font-size:var(--ui-text-2xs);border-radius:var(--radius-sm,4px);color:var(--fg-subtle,#5b6472);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);cursor:default;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.lib-src-factory{color:var(--fg-subtle,#5b6472)}.lib-src-mine{color:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--accent,#5b8dff) 40%, transparent)}.lib-src-cloud{color:#4fc3d9;border-color:#4fc3d966}.preview-strip{border-top:1px solid var(--border,#252b34);background:var(--bg-elevated,#1c2128);border-radius:var(--radius-sm,4px);flex-wrap:wrap;flex:none;align-items:center;gap:.3rem;margin:.4rem -.1rem 0;padding:.35rem .4rem;display:flex}.pv-btn{width:1.7rem;height:1.7rem;font-size:var(--ui-text-lg);color:var(--fg-muted,#9aa4b2);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.pv-btn:hover{background:var(--bg-surface,#14171c);color:var(--fg,#e6eaf0)}.pv-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.pv-btn.on{color:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--accent,#5b8dff) 40%, transparent);background:color-mix(in srgb, var(--accent,#5b8dff) 12%, transparent)}.pv-playstop{color:var(--fg,#e6eaf0)}.pv-now{min-width:0;font-size:var(--ui-text-sm);flex:auto;align-items:center;gap:.35rem;display:flex;overflow:hidden}.pv-progress{color:var(--fg-muted,#9aa4b2);font-size:var(--ui-text-xs);flex:1 0 100%;order:2;grid-template-columns:minmax(5rem,1fr) auto;align-items:center;gap:.45rem;display:grid}.pv-progress input,.pv-level input{width:100%;accent-color:var(--accent,#5b8dff)}.pv-progress input:disabled{opacity:.35}.pv-progress output{text-align:right;font-variant-numeric:tabular-nums;min-width:4.9rem}.pv-level{color:var(--fg-muted,#9aa4b2);font-size:var(--ui-text-xs);flex:0 0 4.8rem;grid-template-columns:auto 1fr;align-items:center;gap:.25rem;display:grid}.pv-name{text-overflow:ellipsis;white-space:nowrap;color:var(--fg,#e6eaf0);overflow:hidden}.pv-idle{color:var(--fg-muted,#8b95a8)}.pv-badge{font-size:var(--ui-text-xs);letter-spacing:.02em;border-radius:999px;flex:none;padding:.05rem .3rem}.pv-loading{color:var(--fg-muted,#9aa4b2)}.pv-synced{color:var(--success,#57c975)}.pv-queued{color:var(--warning,#f5c451);background:color-mix(in srgb, var(--warning,#f5c451) 15%, transparent);animation:.6s ease-in-out infinite pv-queued-pulse}@keyframes pv-queued-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.pv-queued{animation:none}}.slot.drag-over{border-color:var(--accent,#5b8dff);box-shadow:inset 0 0 0 2px var(--accent,#5b8dff)}.slot.device-drop-instrument{border-color:var(--warning,#f5c451);box-shadow:inset 0 0 0 2px var(--warning,#f5c451)}.slot.device-drop-effect{border-color:var(--success,#57c975);box-shadow:inset 0 0 0 2px var(--success,#57c975)}.slot-drop-action{z-index:3;border-radius:var(--radius-sm,6px);color:var(--fg,#e8eaed);background:color-mix(in srgb, var(--bg-deep,#0a0c10) 88%, transparent);font-size:var(--ui-text-xs);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:.2rem;font-weight:600;display:flex;position:absolute;inset:0}.topbar{background:var(--bg-surface,#14171c);border-bottom:1px solid var(--border,#252b34);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.topbar-left,.topbar-center,.topbar-right{align-items:center;gap:.5rem;min-width:0;display:flex}.topbar-left{flex:1 1 0;justify-content:flex-start}.topbar-center{flex:none;justify-content:center}.topbar-right{flex:1 1 0;justify-content:flex-end}.brand{letter-spacing:.02em;font-weight:700}.topbar-menu-wrap{display:inline-flex;position:relative}.popover-scrim{z-index:var(--z-scrim);cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.app-menu-btn{background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:.3rem .6rem;display:inline-flex}.app-menu-btn:hover{background:var(--bg-elevated,#1c2128);border-color:var(--border,#252b34)}.menu-caret{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8)}.tray-btn{align-items:center;gap:3px;display:inline-flex}.tray-btn.active{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.help-menu-btn{text-align:center;min-width:2rem;font-weight:700;position:relative}.help-menu-btn.tour-nudge{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.account-chip{align-items:center;gap:6px;min-width:0;max-width:15rem;padding:.3rem .6rem;display:inline-flex}.account-chip.is-in{color:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent)}.account-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-menu,.metro-tray{z-index:var(--z-popover);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,10px);flex-direction:column;gap:1px;min-width:210px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000073}.topbar-menu-right{left:auto;right:0}.metro-tray{left:50%;transform:translate(-50%)}.topbar-menu>button,.metro-tray>button,.metro-tray>.quantize{text-align:left;border-radius:var(--radius-sm,6px);width:100%;min-height:34px;font-size:var(--ui-text-sm);white-space:nowrap;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:6px 10px;display:flex}.topbar-menu>button:hover:not(:disabled),.metro-tray>button:hover:not(:disabled){background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent)}.topbar-menu-item.danger{color:var(--danger,#ff6b6b)}.metro-tray>.metro-btn.active{color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 12%, transparent)}.metro-tray>.quantize{color:var(--fg-muted,#8b95a8);justify-content:space-between}.metro-tray>.quantize select{width:auto}.vibe-item{justify-content:space-between;align-items:center;gap:var(--space-2,8px);display:flex}.vibe-item select{background:var(--bg-surface,#14171c);max-width:150px;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;padding:2px 4px}.topbar-menu-div{background:var(--border,#252b34);height:1px;margin:4px 6px}.version-chip .version-dot,.help-menu-btn .version-dot{margin-left:4px}@media (width<=820px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right""center center";gap:.4rem .5rem;padding:.45rem .6rem;display:grid}.topbar-left{scrollbar-width:none;grid-area:left;min-width:0;overflow-x:auto}.topbar-left::-webkit-scrollbar{height:0}.topbar-right{grid-area:right}.topbar-center{scrollbar-width:none;grid-area:center;justify-content:flex-start;gap:.4rem;min-width:0;overflow-x:auto}.topbar-center::-webkit-scrollbar{height:0}.topbar-right .status,.account-chip-label{display:none}.account-menu{max-width:none}.popover-scrim{background:#00000080}.topbar-menu,.metro-tray{width:100%;min-width:0;max-height:72vh;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-md,14px) var(--radius-md,14px) 0 0;border-width:1px 0 0;gap:2px;animation:.16s sheet-up;position:fixed;inset:auto 0 0;overflow-y:auto;transform:none;box-shadow:0 -12px 32px #00000080}.topbar-menu:before,.metro-tray:before{content:"";background:var(--fg-subtle,#5b6472);border-radius:2px;width:36px;height:4px;margin:2px auto 8px;display:block}.topbar-menu>button,.metro-tray>button,.metro-tray>.quantize{min-height:48px;font-size:var(--ui-text-md);padding:10px 14px}.metro-tray>.quantize select{min-height:34px;padding:0 8px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.topbar-menu,.metro-tray{animation:none}}button{cursor:pointer;font:inherit;color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);padding:.3rem .7rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);font-weight:700;font-size:var(--ui-text-xl);border-radius:var(--radius-md,8px);border-color:#0000;min-width:6.5rem;padding:.5rem 1.15rem;transition:filter .12s,transform 60ms;box-shadow:0 1px 2px #00000040}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.primary:active:not(:disabled){transform:translateY(1px)}.tempo{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);align-items:center;gap:.4rem;display:inline-flex}.record-arm,.record-audio,.arrange-record,.arrange-loop-toggle,.arrange-arm{font-size:var(--ui-text-lg);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .5rem;transition:color .12s,border-color .12s;display:inline-flex}.arrange-record,.arrange-loop-toggle{font-size:var(--ui-text-sm)}.arrange-loop-toggle:hover:not(:disabled),.arrange-loop-toggle.on{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.arrange-loop-toggle:disabled{opacity:.45;cursor:not-allowed}.arrange-loop-group{align-items:center;gap:.3rem;display:inline-flex}.arrange-loop-points{color:var(--fg-muted,#8b95a8);align-items:center;gap:.15rem;display:inline-flex}.arrange-loop-points.off{opacity:.55}.arrange-loop-field{width:3.1rem;font-size:var(--ui-text-sm);font-variant-numeric:tabular-nums;text-align:center;color:var(--fg,#e8ecf3);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:.2rem .3rem}.arrange-loop-field:hover{border-color:var(--accent,#5b8dff)}.arrange-loop-field:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.arrange-loop-arrow{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472)}.arrange-punch{align-items:center;gap:.2rem;margin-left:.15rem;display:inline-flex}.arrange-punch-label{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8)}.arrange-punch button{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;padding:.2rem .35rem;transition:color .12s,border-color .12s}.arrange-punch button:hover,.arrange-punch button.on{color:var(--danger,#ef4444);border-color:var(--danger,#ef4444)}.arrange-punch button.on{background:color-mix(in srgb, var(--danger,#ef4444) 14%, transparent)}.arrange-arm{min-width:1.6rem;font-size:var(--ui-text-sm);padding:.2rem .4rem}.record-arm:hover:not(:disabled),.record-audio:hover:not(:disabled),.arrange-record:hover,.arrange-arm:hover,.record-arm.armed,.arrange-record.armed,.arrange-arm.on{color:var(--danger,#ef4444);border-color:var(--danger,#ef4444)}.record-arm.taking,.record-audio.taking,.arrange-record.taking,.arrange-arm.taking{color:var(--danger,#ef4444);border-color:var(--danger,#ef4444);animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{background:color-mix(in srgb, var(--danger,#ef4444) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.record-arm.taking,.record-audio.taking,.arrange-record.taking,.arrange-arm.taking{background:color-mix(in srgb, var(--danger,#ef4444) 25%, transparent);animation:none}}.metro-btn{font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .55rem;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.metro-btn:hover:not(:disabled){color:var(--fg,#e8eaed)}.metro-btn.active{background:color-mix(in srgb, var(--accent,#5b8dff) 22%, var(--bg-elevated,#1c2128));border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.metro-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.metro-btn:disabled{opacity:.45;cursor:not-allowed}.tap-btn .tap-count{text-align:right;font-variant-numeric:tabular-nums;width:.7rem;color:var(--accent,#5b8dff);display:inline-block}.tempo input{background:var(--bg-elevated,#1c2128);width:4rem;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:.25rem .4rem}.tempo input:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.quantize,.workspace{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);align-items:center;gap:.3rem;display:inline-flex}.quantize select,.workspace select{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;padding:.25rem .35rem}.modal.signalflow{max-width:720px}.sf-list{flex-direction:column;gap:.35rem;max-height:56vh;display:flex;overflow-y:auto}.sf-row{text-align:left;background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.4rem;width:100%;padding:.35rem .5rem;display:flex}.sf-row:hover{border-color:var(--accent,#5b8dff)}.sf-tname{width:1.2rem;font-size:var(--ui-text-xs);color:var(--fg-subtle,#5b6472);text-align:center;flex:none;font-weight:700}.sf-box{font-size:var(--ui-text-sm);border-radius:var(--radius-sm,4px);background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:9rem;padding:.2rem .45rem;overflow:hidden}.sf-inst{color:var(--accent,#5b8dff)}.sf-fx.empty{color:var(--fg-subtle,#5b6472);font-style:italic}.sf-chan{flex:auto;align-items:center;gap:.35rem;min-width:4rem;max-width:none;display:flex}.sf-chan-tags{gap:2px;display:flex}.sf-tag{font-size:var(--ui-text-2xs);background:var(--border,#252b34);color:var(--fg-muted,#8b95a8);border-radius:3px;padding:0 3px}.sf-tag.mute{background:var(--danger,#ff5b6a);color:#fff}.sf-tag.solo{background:var(--warning,#e6c84a);color:#14171c}.sf-arrow{color:var(--fg-subtle,#5b6472);font-size:var(--ui-text-md);flex:none}.sf-meter{background:var(--bg-surface,#14171c);border-radius:3px;flex:auto;min-width:2rem;height:6px;overflow:hidden}.sf-meter.big{height:10px}.sf-meter-fill{background:linear-gradient(90deg, #3ecf8e, #e6c84a 80%, var(--danger,#ff5b6a));height:100%;transition:width 60ms linear;display:block}.sf-master{border-top:1px solid var(--border,#252b34);align-items:center;gap:.4rem;margin-top:.5rem;padding:.45rem .5rem;display:flex}.sf-masterbox{color:var(--fg,#e8eaed);background:var(--accent,#5b8dff);border-color:#0000;font-weight:700}.sf-out{font-size:var(--ui-text-xl)}.hl-overlay{z-index:var(--z-modal);cursor:pointer;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.hl-ring{border:2px solid var(--accent,#5b8dff);border-radius:var(--radius-md,8px);box-shadow:0 0 0 4000px #00000073, 0 0 14px var(--accent,#5b8dff);pointer-events:none;animation:1.4s ease-in-out infinite hl-pulse;position:fixed}.hl-note{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);font-size:var(--ui-text-sm);border-radius:var(--radius-sm,6px);white-space:nowrap;margin-top:8px;padding:.3rem .5rem;font-weight:600;position:absolute;top:100%;left:0}@keyframes hl-pulse{0%,to{opacity:1}50%{opacity:.62}}@media (prefers-reduced-motion:reduce){.hl-ring{animation:none}}.status{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);margin-left:auto}.topbar-right .status{margin-left:.35rem}button.primary.live{background:var(--danger,#ff5b6a);box-shadow:0 0 10px #ff5b6a73}.undo-group{gap:2px;display:inline-flex}.undo-btn{width:28px;height:28px;font-size:var(--ui-text-xl);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:0;line-height:1}.undo-btn:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.undo-btn:disabled{opacity:.4;cursor:default}.transport-pos{align-items:center;gap:.5rem;display:flex}.pos-readout{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--ui-text-lg);color:var(--fg-muted,#8b95a8);text-align:right;min-width:2.4rem}.pos-readout.live{color:var(--accent,#5b8dff)}.pos-bar{background:var(--bg-elevated,#1c2128);border-radius:2px;width:7rem;height:4px;overflow:hidden}.pos-bar-fill{background:var(--accent,#5b8dff);width:0;height:100%;transition:width 50ms linear}.grid-main{display:contents}.grid{flex-direction:column;gap:.5rem;min-height:100%;padding:1rem;display:flex}.grid>.track-wrap{flex:auto;min-height:4.6rem;max-height:8rem}.track{grid-template-columns:7rem repeat(8,minmax(0,1fr));align-items:start;gap:.4rem;display:grid}.scene-row{grid-template-columns:7rem repeat(8,minmax(0,1fr));align-items:stretch;gap:.4rem;margin-bottom:.15rem;display:grid}.scene-corner{font-size:var(--ui-text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted,#8b95a8);align-items:center;display:flex}.scene-btn{width:100%;min-width:0;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);padding:.25rem .3rem}.scene-btn:hover{border-color:var(--accent,#5b8dff)}.scene-btn.active{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);border-color:#0000}.track-wrap{flex-direction:column;gap:.4rem;display:flex}.track-label{min-width:0;font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);cursor:pointer;border-left:2px solid #0000;flex-direction:column;justify-content:center;gap:.35rem;padding:.15rem .1rem;transition:border-color .12s,background-color .12s;display:flex}.track-label.selected{border-left-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 8%, transparent)}.track-select-name{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.track-select-name:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px;border-radius:3px}.track-name{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.track-ctrls{align-items:center;gap:.28rem;display:flex}.track-expand{min-width:1.7rem;height:1.7rem;font-size:var(--ui-text-xl);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0 .4rem;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.track-expand:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.track-expand.open{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);border-color:var(--accent,#5b8dff)}.track-expand:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.track-ctrls .mix-btn{min-width:0;font-size:var(--ui-text-sm);flex:1 1 0;padding:.22rem .3rem;line-height:1.2}.track-label .meter{width:100%}.track-panel{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);margin-left:7rem;padding:.6rem}.mix-btn{min-width:1.6rem;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);padding:.2rem .4rem;font-weight:600}.mix-btn.on{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);border-color:#0000}.mix-btn.solo.on{background:var(--warning,#ffb84d);color:#1a1205}.ctl{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ctl input{width:6rem}.device-rack{flex-flow:wrap;align-items:flex-start;gap:.6rem;display:flex}.devices-row{flex-direction:column;flex:none;align-items:flex-start;gap:.6rem;display:flex}.device-channel{flex:none}.fx-empty{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472)}.add-effect{color:var(--fg-muted,#8b95a8);border-style:dashed;margin-top:.45rem}.plugin-head-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.plugin-move{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;padding:.05rem .3rem;line-height:1}.plugin-move:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.plugin-move:disabled{opacity:.3;cursor:default}.devices{flex-wrap:wrap;align-items:flex-start;gap:.6rem;display:flex}.device{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);flex-direction:column;gap:.45rem;min-width:9rem;padding:.5rem .6rem;display:flex}.device-fx{min-width:13rem}.devices-label{font-size:var(--ui-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle,#5b6472);font-weight:700}.preset-sel{background:var(--bg-surface,#14171c);width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;font-size:var(--ui-text-sm);padding:.25rem .4rem}.sound-pick-btn{background:var(--bg-surface,#14171c);width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;font-size:var(--ui-text-sm);text-align:left;cursor:pointer;align-items:center;gap:.4rem;padding:.3rem .4rem;display:flex}.sound-pick-btn:hover{border-color:var(--accent,#5b8dff)}.sound-pick-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.sound-pick-cur{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sound-pick-caret{opacity:.7;flex:none}.add-effect.sound-pick-btn{color:var(--fg-muted,#8b95a8);border-style:dashed}.add-effect.sound-pick-btn:hover{color:var(--fg,#e8eaed)}.inst-edit-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.inst-edit-toggle{font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:.1rem .3rem}.inst-edit-toggle:hover{color:var(--accent,#5b8dff)}.inst-edit{flex-direction:column;gap:.3rem;margin-top:.2rem;display:flex}.inst-edit .ctl{justify-content:space-between}.inst-edit .ctl input[type=range],.inst-edit .preset-sel{width:7rem}.inst-plugin{flex-direction:column;gap:.4rem;margin-top:.1rem;display:flex}.inst-plugin-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.inst-plugin-name{font-size:var(--ui-text-sm);color:var(--accent,#5b8dff);font-weight:600}.inst-plugin-clear{font-size:var(--ui-text-sm);background:var(--bg-surface,#14171c);color:var(--fg-muted,#8b95a8);padding:.05rem .35rem}.meter{flex-direction:column;gap:3px;width:100%;display:flex}.meter-row{background:var(--bg-elevated,#1c2128);border-radius:3px;height:5px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, #3ecf8e 0%, #e6d24a 75%, var(--danger,#ff5b6a) 100%);width:0;height:100%;transition:width 50ms linear}.slot{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);align-items:center;gap:.1rem;min-width:0;min-height:1.35rem;padding:.1rem .3rem;display:flex;position:relative}.slot.filled{--clip-tint:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--clip-tint) 42%, #000);background:color-mix(in srgb, var(--clip-tint) 16%, var(--bg-surface,#14171c));flex-direction:column;align-items:stretch;gap:3px;padding:3px}.slot.filled.k-drum{--clip-tint:var(--clip-kind-drum)}.slot.filled.k-synth{--clip-tint:var(--clip-kind-synth)}.slot.filled.playing{background:color-mix(in srgb, var(--clip-tint) 34%, var(--bg-surface,#14171c));border-color:color-mix(in srgb, var(--clip-tint) 75%, #000)}.slot.filled:not(.k-brief){grid-template-rows:1.8rem;grid-template-columns:minmax(0,1fr) 2rem;align-items:stretch;min-height:0;display:grid}.slot.filled:not(.k-brief) .clip-head{min-height:0;padding-inline:.15rem}.slot.filled:not(.k-brief) .launch{min-width:0;height:100%;padding:0}.slot.filled:not(.k-brief) .launch-label{display:none}.slot.selected{box-shadow:inset 0 0 0 2px var(--accent,#5b8dff), 0 0 0 1px var(--accent,#5b8dff)}.clip-head{cursor:grab;align-items:center;gap:.15rem;min-width:0;display:flex}.clip-head:active{cursor:grabbing}.clip-grip{font-size:var(--ui-text-2xs);letter-spacing:-1.5px;color:var(--fg-subtle,#5b6472);flex:none;line-height:1}.slot .name{min-width:0;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.launch{width:100%;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);justify-content:center;align-items:center;gap:.3rem;padding:.32rem .3rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:flex}.launch:hover{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.launch:focus-visible{border-color:var(--accent,#5b8dff);box-shadow:0 0 0 2px var(--accent-glow,#5b8dff73);outline:none}.launch-glyph{font-size:var(--ui-text-md);line-height:1}.launch-label{letter-spacing:.02em}.slot .del,.slot .edit{z-index:2;min-width:0;font-size:var(--ui-text-sm);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);opacity:0;padding:0 .2rem;line-height:1.4;transition:opacity .12s;position:absolute;top:3px}.slot .del{right:3px}.slot .edit{right:1.5rem}.slot:hover .del,.slot:hover .edit,.slot:focus-within .del,.slot:focus-within .edit{opacity:1}.slot .del{color:var(--fg-muted,#8b95a8)}.slot .del:hover{color:var(--danger,#ff5b6a);border-color:var(--danger,#ff5b6a)}.slot.filled:not(.k-brief) .del{right:2.25rem}.slot.filled:not(.k-brief) .edit{right:3.55rem}.slot.playing{background:linear-gradient(180deg, #6f9bff, var(--accent,#5b8dff));color:var(--fg-on-accent,#fff);box-shadow:0 0 0 1px var(--accent,#5b8dff), 0 0 16px var(--accent-glow,#5b8dff2e);border-color:#ffffff40}.slot.playing .name{color:var(--fg-on-accent,#fff)}.slot.playing .clip-grip{color:#fff9}.slot.playing .launch{color:var(--fg-on-accent,#fff);background:#0000003d;border-color:#fff6}.slot.playing .launch:hover{color:var(--fg-on-accent,#fff);background:#00000057}.slot.pending{border-color:var(--info,#5b8dff);animation:.5s ease-in-out infinite alternate queue-pulse}.slot.empty-armed{border-color:var(--fg-muted,#8b95a8);border-style:dashed}.slot.empty-armed .launch{border-color:var(--fg-muted,#8b95a8);color:var(--fg-muted,#8b95a8)}.slot.pending .launch{border-color:var(--info,#5b8dff);color:var(--info,#5b8dff)}@keyframes queue-pulse{0%{opacity:1}to{opacity:.5}}.clip-progress{background:#ffffff2e;border-radius:2px;height:3px;margin:0 1px;position:relative;overflow:hidden}.clip-progress-fill{background:#ffffffe6;width:0;height:100%;transition:width 50ms linear}.slot.filled:not(.k-brief) .clip-progress{height:2px;margin:0;position:absolute;bottom:1px;left:4px;right:2.3rem}.empty-actions{flex-direction:column;gap:2px;width:100%;display:flex}.slot .empty-actions{opacity:.4;transition:opacity .12s}.slot:hover .empty-actions,.slot:focus-within .empty-actions{opacity:1}@media (prefers-reduced-motion:reduce){.slot .empty-actions{transition:none}}.empty-actions.compact{justify-content:center;align-items:center;min-height:100%}.slot .add-clip{width:1.8rem;height:1.8rem;font-size:var(--ui-text-2xl);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2a2f37);border-radius:var(--radius-sm,6px);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .12s,border-color .12s;display:flex}.slot .add-clip:hover{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}@media (prefers-reduced-motion:reduce){.slot .add-clip{transition:none}}.slot .edit{color:var(--accent,#5b8dff)}.clip-picker{z-index:var(--z-popover);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);flex-direction:column;gap:1px;min-width:11rem;max-height:13rem;margin-top:.25rem;padding:.3rem;display:flex;position:absolute;top:100%;left:.25rem;overflow-y:auto;box-shadow:0 10px 30px #00000080}.clip-picker-head{font-size:var(--ui-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle,#5b6472);padding:.15rem .3rem .3rem}.clip-picker-empty{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);padding:.3rem}.pick-loop{text-align:left;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);background:0 0;border-color:#0000;padding:.3rem .4rem}.pick-loop:hover{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff)}.piano{flex-direction:column;height:100%;min-height:0;padding:1rem;display:flex}.piano-head{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.4rem .8rem;margin-bottom:.6rem;display:flex}.piano-head>span:first-child{flex:240px;min-width:200px}.editor-group{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;min-width:0;display:flex}.clip-bars{font-size:var(--ui-text-sm);white-space:nowrap;color:var(--fg-subtle,#5b6472);align-items:center;gap:.35rem;display:inline-flex}.clip-bars select{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;font-size:var(--ui-text-sm);padding:.15rem .3rem}.clip-groove{font-size:var(--ui-text-sm);white-space:nowrap;color:var(--fg-muted,#8b95a8);align-items:center;gap:.35rem;display:inline-flex}.clip-groove select{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;font-size:var(--ui-text-sm);padding:.15rem .3rem}.clip-groove select:disabled{color:var(--fg-subtle,#5b6472);cursor:not-allowed}.clip-dup{font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#9aa4b2);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);padding:.18rem .5rem}.clip-dup:hover:not(:disabled){border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.clip-dup:disabled{opacity:.4;cursor:default}.clip-generate{font-size:var(--ui-text-sm);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent);color:var(--accent,#5b8dff);border:1px solid color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent);border-radius:var(--radius-sm,4px);white-space:nowrap;padding:.18rem .55rem;font-weight:600}.clip-generate:hover:not(:disabled){background:var(--accent,#5b8dff);color:var(--on-accent,#0b0e14);border-color:var(--accent,#5b8dff)}.clip-generate:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.nudge-chips{border:none;align-items:center;gap:0;margin:0;padding:0;display:flex}.nudge-chip{font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#9aa4b2);border:1px solid var(--border,#252b34);border-left:none;border-radius:0;padding:.18rem .32rem;line-height:1}.nudge-chip-pair-start{border-left:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px) 0 0 var(--radius-sm,4px);margin-left:.3rem}.nudge-chip-pair-start+.nudge-chip{border-radius:0 var(--radius-sm,4px) var(--radius-sm,4px) 0}.nudge-chip:hover:not(:disabled){background:color-mix(in srgb, var(--accent,#5b8dff) 16%, transparent);color:var(--accent,#5b8dff)}.nudge-chip:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:-2px}.nudge-chip:disabled{opacity:.4;cursor:default}.flow{gap:var(--space-3,12px);padding:var(--space-3,12px);flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.flow-bar{align-items:center;gap:var(--space-2,8px);display:flex}.flow-title{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.flow-hint{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);margin-left:auto}.flow-scene-row{align-items:center;gap:4px;display:flex}.flow-scenes{gap:4px;display:flex}.flow-scene{width:30px;height:26px;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;font-weight:600}.flow-scene.active{color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.flow-track.dimmed{opacity:.42}.mix-strip.drop-target,.flow-track.drop-target{outline:2px solid var(--accent,#5b8dff);outline-offset:2px;border-radius:var(--radius-sm,4px)}.flow-fit{height:20px;font-size:var(--ui-text-2xs);color:var(--warning,#ffb84d);border:1px solid var(--warning,#ffb84d);border-radius:var(--radius-sm,4px);cursor:pointer;white-space:nowrap;background:0 0;flex:none;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.flow-fit:hover{background:color-mix(in srgb, var(--warning,#ffb84d) 16%, transparent)}.flow-play{width:20px;height:20px;color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.flow-play:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.flow-play:disabled{opacity:.4;cursor:default}.flow-play.on{color:var(--success,#4caf50);border-color:var(--success,#4caf50)}.flow-play.queued{color:var(--warning,#ffb84d);border-color:var(--warning,#ffb84d)}@media (prefers-reduced-motion:no-preference){.flow-play.queued{animation:.9s ease-in-out infinite flow-live-pulse}}.flow-scene{position:relative}.flow-scene-live{border-radius:var(--radius-full,9999px);background:var(--success,#4caf50);width:5px;height:5px;box-shadow:0 0 6px var(--success,#4caf50);position:absolute;top:2px;right:2px}@media (prefers-reduced-motion:no-preference){.flow-scene.playing .flow-scene-live{animation:1.6s ease-in-out infinite flow-live-pulse}}@keyframes flow-live-pulse{50%{opacity:.45}}.flow-dup{white-space:nowrap;height:26px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:4px;margin-left:4px;padding:0 10px;font-weight:600;display:inline-flex}.flow-dup:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.flow-dup:disabled{opacity:.4;cursor:not-allowed}.flow-clear{height:26px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;padding:0 10px;font-weight:600}.flow-bars{align-items:center;gap:4px;display:inline-flex}.flow-bars-label{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8)}.flow-bar-opt{width:24px;height:26px;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;font-weight:600}.flow-bar-opt.active{color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.flow-clear:hover{color:var(--danger,#ff6b6b);border-color:var(--danger,#ff6b6b)}.flow-fold{width:18px;height:20px;line-height:1;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.flow-fold:hover{color:var(--fg,#e8eaed)}.flow-summary{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.flow-sum-cell{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:2px;height:10px}.flow-sum-cell.on{background:hsl(var(--strip-hue,210) 70% 56%);border-color:hsl(var(--strip-hue,210) 70% 66%)}.flow-sum-cell.flow4{border-color:color-mix(in srgb, var(--fg-subtle,#5b6472) 55%, transparent)}.flow-sum-cell.playhead{box-shadow:inset 0 0 0 1px var(--fg,#e8eaed)}.flow-summary:hover .flow-voice-name{color:var(--fg,#e8eaed)}.flow-tracks{flex-direction:column;gap:14px;display:flex;position:relative}.flow-track{border-top:1px solid var(--border,#252b34);flex-direction:column;gap:4px;padding-top:10px;display:flex}.flow-tracks>.flow-track:first-child{border-top:0;padding-top:0}.flow-track-head{z-index:1;background:var(--bg-deep,#0a0c10);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:6px;width:max-content;max-width:100%;padding-left:2px;padding-right:8px;transition:border-color .12s,background-color .12s;display:flex;position:sticky;left:0}.flow-track-head.selected{border-left-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 8%, var(--bg-deep,#0a0c10))}.flow-lanes{flex-direction:column;gap:4px;display:flex}.flow-lane{align-items:center;gap:var(--space-2,8px);display:flex}.flow-voice-name{z-index:1;background:var(--bg-deep,#0a0c10);width:84px;min-width:0;font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);text-overflow:ellipsis;white-space:nowrap;flex:0 0 84px;position:sticky;left:0;overflow:hidden}.flow-voice-name.root{color:var(--fg,#e8eaed);font-weight:700}.flow-lane-root .flow-ruler{align-items:flex-end;gap:var(--space-2,8px);margin-bottom:2px;display:flex}.flow-ruler-corner{flex:0 0 84px;width:84px}.flow-ruler-cell{height:14px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-subtle,#5b6472);border-left:1px solid #0000;line-height:1}.flow-ruler-cell.beat{border-left-color:color-mix(in srgb, var(--fg-subtle,#5b6472) 30%, transparent)}.flow-ruler-cell.bar{border-left-color:var(--accent-muted,#3c5a99)}.flow-ruler-bar{color:var(--fg-muted,#8b95a8);padding-left:3px;display:block}.flow-steps{background:color-mix(in srgb, var(--accent,#5b8dff) 8%, transparent);border-radius:4px}.flow-devices{width:20px;height:20px;color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.flow-devices:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.flow-devices.open{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);border-color:var(--accent,#5b8dff)}.flow-ms{width:20px;height:20px;line-height:1;font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.flow-ms:hover{color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.flow-ms.active{color:var(--fg-on-accent,#fff);background:var(--warning,#e0a11a);border-color:var(--warning,#e0a11a)}.flow-solo.active{background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.flow-edit{min-width:22px;height:20px;font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:inline-flex}.flow-edit:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.flow-swatch{border-radius:var(--radius-sm,3px);background:hsl(var(--strip-hue,210) 70% 58%);flex:none;width:8px;height:8px}.flow-lane-name{min-width:0;max-width:220px;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-weight:600;overflow:hidden}.flow-lane-note{flex:none;align-items:center;gap:2px;display:inline-flex}.flow-sound-btn{max-width:150px;height:22px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;flex:none;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.flow-sound-btn:hover{color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.flow-sound-cur{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flow-sound-caret{opacity:.7;flex:none}.flow-picker-backdrop{z-index:var(--z-modal);padding:var(--space-3,12px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.flow-picker{background:var(--surface,#14181e);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,12px);flex-direction:column;width:min(440px,100%);max-height:min(560px,88vh);display:flex;overflow:hidden;box-shadow:0 18px 50px #00000080}.flow-picker-head{padding:var(--space-3,12px);border-bottom:1px solid var(--border,#252b34);justify-content:space-between;align-items:center;display:flex}.flow-picker-title{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);font-weight:700}.flow-picker-close{width:28px;height:28px;color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0}.flow-picker-searchrow{align-items:center;gap:var(--space-2,8px);margin:var(--space-2,8px) var(--space-3,12px) 0;display:flex}.flow-picker-searchrow .flow-picker-search{flex:auto;min-width:0;margin:0}.flow-picker-filters-btn{height:34px;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,8px);cursor:pointer;flex:none;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.flow-picker-filters-btn:hover{color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.flow-picker-filters-btn.active{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.flow-picker-filter-count{border-radius:var(--radius-full,9999px);background:var(--accent,#5b8dff);min-width:16px;color:var(--fg-on-accent,#0a0c10);font-size:var(--ui-text-2xs);font-weight:var(--weight-semibold,600);text-align:center;padding:0 4px}.flow-picker-note{margin:var(--space-3,12px);font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8)}.flow-picker-facets{margin:var(--space-2,8px) var(--space-3,12px) 0;flex-wrap:wrap;gap:6px;display:flex}.flow-picker-facet-input{width:118px;height:28px;font-size:var(--ui-text-xs);color:var(--fg,#e8eaed);background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);padding:0 8px}.flow-picker-facet.active .flow-picker-facet-input{border-color:var(--accent,#5b8dff)}.flow-picker-facet-clear{height:28px;font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;padding:0 10px}.flow-picker-facet-clear:hover{color:var(--danger,#ff5b6a);border-color:var(--danger,#ff5b6a)}.flow-picker-search{margin:var(--space-2,8px) var(--space-3,12px) 0;height:34px;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,8px);padding:0 10px}.flow-picker-tabs{padding:var(--space-2,8px) var(--space-3,12px) 0;gap:6px;display:flex}.flow-picker-tabs button{height:30px;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,8px);cursor:pointer;flex:1 1 0;font-weight:600}.flow-picker-tabs button.active{color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.flow-picker-list{min-height:0;padding:var(--space-2,8px) var(--space-3,12px) var(--space-3,12px);flex-direction:column;flex:auto;gap:3px;display:flex;overflow-y:auto}.flow-picker-section{margin-top:var(--space-2,8px);font-size:var(--ui-text-xs,.72rem);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle,#5b6472);padding:4px 2px;font-weight:700}.flow-picker-item{background:var(--bg-elevated,#1c2128);border-radius:var(--radius-sm,8px);border:1px solid #0000;align-items:stretch;gap:4px;min-height:40px;display:flex}.flow-picker-item:hover,.flow-picker-item.previewing{border-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, var(--bg-elevated,#1c2128))}.flow-picker-choose{min-width:0;font-size:var(--ui-text-sm);text-align:left;color:var(--fg,#e8eaed);border-radius:var(--radius-sm,8px);cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:8px;padding:0 10px;display:flex}.flow-picker-ic{flex:none}.flow-picker-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-picker-play{width:40px;font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);border:0;border-left:1px solid color-mix(in srgb, var(--fg-subtle,#5b6472) 30%, transparent);border-radius:0 var(--radius-sm,8px) var(--radius-sm,8px) 0;cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.flow-picker-play:hover{color:var(--fg,#e8eaed);background:color-mix(in srgb, var(--accent,#5b8dff) 22%, transparent)}.flow-picker-play.on{color:var(--accent,#5b8dff)}.flow-picker-item.effect-previewing .flow-picker-play{border-radius:0}.flow-picker-bypass{width:40px;color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 12%, transparent);border:0;border-left:1px solid color-mix(in srgb, var(--fg-subtle,#5b6472) 30%, transparent);border-radius:0 var(--radius-sm,8px) var(--radius-sm,8px) 0;cursor:pointer;flex:none;place-items:center;display:grid}.flow-picker-bypass:hover{background:color-mix(in srgb, var(--accent,#5b8dff) 22%, transparent)}.flow-picker-bypass:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:-2px}.flow-picker-bypass.bypassed{color:var(--fg-subtle,#5b6472);background:0 0;border-left-style:dashed}@media (width<=720px){.flow-picker-backdrop{align-items:flex-end;padding:0}.flow-picker{border-radius:var(--radius-md,14px) var(--radius-md,14px) 0 0;width:100%;max-height:82vh}.flow-picker-item{min-height:46px}.flow-picker-play,.flow-picker-bypass{width:52px}}.flow-note-name{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);text-align:center;white-space:nowrap;min-width:54px}.flow-oct{width:16px;height:16px;line-height:1;font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;background:0 0;border-radius:3px}.flow-oct:hover{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.flow-steps{grid-template-columns:repeat(var(--steps,16), minmax(14px, 1fr));flex:auto;gap:3px;min-width:0;display:grid}.flow-cell{border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);background:var(--bg-elevated,#1c2128);cursor:pointer;touch-action:none;min-width:0;height:26px;padding:0;transition:background 80ms}.flow-cell.flow4{border-color:color-mix(in srgb, var(--fg-subtle,#5b6472) 60%, transparent)}.flow-cell.flow16{border-left:2px solid var(--accent-muted,#3c5a99)}.flow-cell:hover{background:color-mix(in srgb, var(--accent,#5b8dff) 22%, var(--bg-elevated,#1c2128))}.flow-cell.on{background:hsl(var(--strip-hue,210) 70% 56% / var(--vel,1));border-color:hsl(var(--strip-hue,210) 70% 66%)}.flow-cell.selected{outline:2px solid var(--accent,#5b8dff);outline-offset:-2px}.flow-cell.on.accent{border-color:var(--fg,#e8eaed)}.flow-cell.playhead{box-shadow:inset 0 0 0 2px var(--fg,#e8eaed)}.flow-cell.on.playhead{box-shadow:inset 0 0 0 2px var(--fg,#e8eaed), 0 0 10px 1px hsl(var(--strip-hue,210) 85% 62% / .65);filter:brightness(1.3)}.flow-key{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);align-items:center;gap:6px;display:inline-flex}.flow-key select{height:24px;font-size:var(--ui-text-xs,.72rem);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);cursor:pointer;border-radius:5px;padding:0 4px}.flow-key-root{min-width:40px}.flow-swing{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);align-items:center;gap:6px;display:inline-flex}.flow-swing input[type=range]{width:84px;accent-color:var(--accent,#5b8dff);cursor:pointer}.flow-swing-val{text-align:right;font-variant-numeric:tabular-nums;min-width:30px}.flow-empty{padding:var(--space-2,8px) 0;text-align:center;font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);margin:0}.flow-empty-cta{height:28px;font-size:var(--ui-text-sm);color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.35rem;padding:0 14px;font-weight:600;display:inline-flex}.flow-empty-cta:hover{filter:brightness(1.08)}.flow-empty-hint{color:var(--fg-muted,#8b95a8);margin-left:8px}.flow-song{bottom:calc(-1 * var(--space-3,12px));padding-bottom:var(--space-3,12px);z-index:var(--z-sticky);background:var(--bg-deep,#0a0c10);border-top:1px solid var(--border,#252b34);padding-top:var(--space-2,8px);align-items:center;gap:var(--space-2,8px);flex-wrap:wrap;margin-top:auto;display:flex;position:sticky}.flow-song-label{font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);font-weight:600}.flow-chain{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-height:26px;display:flex}.flow-chain-item{min-width:24px;height:26px;font-size:var(--ui-text-sm);color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;padding:0 6px;font-weight:600}.flow-chain-item:hover{background:var(--danger,#ff6b6b);border-color:var(--danger,#ff6b6b)}.flow-chain-item{align-items:center;gap:3px;display:inline-flex}.flow-chain-x{color:var(--fg-subtle,#5b6472)}.flow-chain-item:hover .flow-chain-x{color:var(--danger,#ff5b6a)}.flow-chain-empty{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8)}.flow-song-add{gap:4px;display:inline-flex}.flow-song-addbtn{height:26px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;padding:0 8px;font-weight:600}.flow-song-addbtn:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--fg-subtle,#5b6472)}.flow-song-addbtn:disabled{opacity:.4;cursor:not-allowed}.flow-song-make{height:26px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;padding:0 12px;font-weight:600}.flow-song-make:disabled{opacity:.4;cursor:not-allowed}.flow-song-clear{height:26px;font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;padding:0 10px}.flow-loop{min-width:0;height:26px;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);text-align:left;background:hsl(var(--strip-hue,210) 40% 22% / .55);border:1px solid hsl(var(--strip-hue,210) 50% 40%);border-radius:var(--radius-sm,4px);cursor:pointer;flex:auto;align-items:center;gap:8px;padding:0 10px;display:flex}.flow-loop:hover{background:hsl(var(--strip-hue,210) 45% 26% / .7)}.flow-loop.playing{background:hsl(var(--strip-hue,210) 65% 46%);border-color:hsl(var(--strip-hue,210) 70% 60%);color:var(--fg-on-accent,#fff)}.flow-loop-badge{font-size:var(--ui-text-sm);flex:none}.flow-loop-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.flow-foot{font-size:var(--ui-text-xs,.72rem);color:var(--fg-muted,#8b95a8);margin:0}@media (prefers-reduced-motion:reduce){.flow-cell{transition:none}}@media (width<=720px){.panel-slot,.resize-gutter{display:none}.flow{padding:var(--space-2,8px);gap:var(--space-2,8px)}.flow-song,.flow-track-head{flex-wrap:wrap;row-gap:6px}.flow-bar{flex-wrap:wrap;gap:10px}.flow-hint{display:none}.flow-bar .clip-groove,.flow-key{flex-basis:100%}.flow-clear{flex-basis:100%;justify-content:center}.flow-scene{width:36px;height:32px}.flow-bar-opt{width:32px;height:32px}.flow-dup,.flow-clear{height:32px;padding:0 12px}.flow .clip-groove select,.flow-key select{height:32px;font-size:var(--ui-text-sm);padding:0 6px}.flow-swing{width:100%}.flow-swing input[type=range]{flex:auto;width:auto;height:32px}.flow-play,.flow-devices,.flow-ms,.flow-fold{width:32px;height:32px}.flow-edit{min-width:32px;height:32px}.flow-lane-name{flex-basis:40%}.flow-voice-name{flex-basis:58px;width:58px}.flow-sound-btn{max-width:110px;height:32px}.flow-steps{grid-template-columns:repeat(var(--steps,16), minmax(32px, 1fr))}.flow-cell{height:32px}}.perform{gap:var(--space-3,12px);padding:var(--space-3,12px);flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.perform-bar{align-items:center;gap:var(--space-3,12px);flex-wrap:wrap;display:flex}.perform-title{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.perform-key{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);align-items:center;gap:6px;display:inline-flex}.perform-key select{height:32px;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);cursor:pointer;border-radius:5px;padding:0 6px}.perform-key-root{min-width:48px}.perform-tracks{flex-wrap:wrap;gap:6px;display:flex}.perform-track{height:36px;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:0 14px;font-weight:600}.perform-track[aria-pressed=true]{color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.perform-track:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.perform-pads{gap:var(--space-3,12px);flex:auto;grid-template-columns:repeat(auto-fit,minmax(140px,190px));grid-auto-rows:minmax(120px,1fr);place-content:start;display:grid}.perform-pad{min-height:120px;color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,10px);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background 80ms,border-color 80ms,transform 80ms;display:flex}.perform-pad:hover{border-color:var(--fg-subtle,#5b6472)}.perform-pad:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.perform-pad.held{color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff);transform:scale(.97)}.perform-pad-degree{font-size:var(--ui-text-xs,.72rem);opacity:.7}.perform-pad-chord{font-size:var(--ui-text-lg,1.05rem);font-weight:700}@media (width<=720px){.perform-pads{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-auto-rows:minmax(100px,1fr)}.perform-pad{min-height:100px}}.clip-humanize{font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#9aa4b2);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);white-space:nowrap;padding:.18rem .5rem}.clip-humanize:hover:not(:disabled){border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.clip-humanize:disabled{opacity:.4;cursor:default}.clip-clear{font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#9aa4b2);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);padding:.18rem .55rem}.clip-clear:hover:not(:disabled){border-color:var(--danger,#e5534b);color:var(--danger,#e5534b)}.clip-clear:disabled{opacity:.4;cursor:default}.piano-head strong{color:var(--accent,#5b8dff)}.piano-grid{flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;position:relative;overflow-y:auto}.piano-ruler{z-index:3;background:var(--bg-surface,#14171c);border-bottom:1px solid var(--border,#252b34);gap:2px;height:1.15rem;display:grid;position:sticky;top:0}.piano-ruler-cell{border-left:1px solid #0000;position:relative}.piano-ruler-cell.beat{border-left-color:#ffffff14}.piano-ruler-cell.bar{border-left-color:var(--fg-subtle,#5b6472)}.piano-ruler-bar{line-height:1.15rem;font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8);position:absolute;left:3px}.piano-marquee{pointer-events:none;border:1px solid var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent);z-index:3;border-radius:2px;position:absolute}.piano-grid .cell.selected{outline:2px solid var(--warning,#eab308);outline-offset:-2px;z-index:1}.piano-body{flex:auto;gap:.5rem;min-height:0;display:flex}.piano-row{grid-template-columns:3rem repeat(16,1fr);gap:2px;display:grid}.piano-row.out-of-scale .key,.piano-row.out-of-scale .cell:not(.on){opacity:.42}.piano-row.scale-root .key{color:var(--accent,#5b8dff);font-weight:600}.piano-row.scale-root .cell:not(.on){background:color-mix(in srgb, var(--accent,#5b8dff) 7%, var(--bg-elevated,#1c2128))}.piano-main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.editor-empty-hint{pointer-events:none;text-align:center;border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--bg-surface,#14171c) 86%, transparent);border:1px solid var(--border,#252b34);white-space:nowrap;padding:.65rem 1.1rem;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.editor-empty-title{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);font-weight:600}.editor-empty-sub{font-size:var(--ui-text-md);color:var(--fg-muted,#9aa4b2);margin-top:.15rem}.piano-vel{border-top:1px solid var(--border,#252b34);flex:none;align-items:stretch;gap:2px;height:84px;margin-top:.4rem;padding-top:.4rem;display:flex}.piano-vel-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);flex:0 0 3rem;align-items:flex-end;padding-bottom:.15rem;display:flex}.piano-vel-steps{touch-action:none;cursor:ns-resize;flex:auto;gap:2px;display:grid}.piano-vel-col{background:var(--bg-elevated,#1c2128);border-radius:2px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.piano-vel-col.flow{background:color-mix(in srgb, var(--accent,#5b8dff) 9%, var(--bg-elevated,#1c2128))}.piano-vel-col.playhead{box-shadow:inset 0 0 0 1px var(--accent,#5b8dff)}.piano-vel-stem{background:linear-gradient(to top, var(--accent,#5b8dff), color-mix(in srgb, var(--accent,#5b8dff) 50%, #fff));pointer-events:none;border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:height 50ms linear}.piano-vel-stem.accent{background:linear-gradient(to top, var(--danger,#ff5b6a), color-mix(in srgb, var(--danger,#ff5b6a) 50%, #fff))}@media (prefers-reduced-motion:reduce){.piano-vel-stem{transition:none}}.piano-pitch{border-top:1px solid var(--border,#252b34);flex:none;align-items:stretch;gap:2px;height:96px;margin-top:.4rem;padding-top:.4rem;display:flex}.piano-pitch-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);flex-direction:column;flex:0 0 3rem;justify-content:flex-end;align-items:flex-start;gap:4px;padding-bottom:.15rem;display:flex}.piano-pitch-clear{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);color:var(--fg-muted,#9aa4b2);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex}.piano-pitch-clear:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.piano-pitch-clear:disabled{opacity:.4;cursor:default}.piano-pitch-canvas{background:var(--bg-elevated,#1c2128);touch-action:none;cursor:crosshair;border-radius:2px;flex:auto;position:relative;overflow:hidden}.piano-pitch-grid{pointer-events:none;gap:2px;display:grid;position:absolute;inset:0}.piano-pitch-col.beat{background:color-mix(in srgb, var(--fg,#e8eaed) 3%, transparent)}.piano-pitch-col.bar{background:color-mix(in srgb, var(--fg,#e8eaed) 6%, transparent)}.piano-pitch-span{background:color-mix(in srgb, var(--accent,#5b8dff) 30%, transparent);pointer-events:none;border-radius:2px;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.piano-pitch-span.curved{background:color-mix(in srgb, var(--accent,#5b8dff) 55%, transparent)}.piano-pitch-zero{background:color-mix(in srgb, var(--fg,#e8eaed) 18%, transparent);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.piano-pitch-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.piano-pitch-line{fill:none;stroke:var(--accent,#5b8dff);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.piano-pitch-empty{font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5b6472);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.performance-lane{flex-direction:column;gap:.4rem;height:100%;display:flex}.performance-lane-header{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);align-items:center;gap:6px;display:flex}.performance-lane-canvas{background:var(--bg-elevated,#1c2128);touch-action:none;cursor:crosshair;border-radius:4px;flex:auto;min-height:200px;position:relative;overflow:hidden}.performance-lane-span{background:color-mix(in srgb, var(--accent,#5b8dff) 8%, transparent);border-left:1px solid color-mix(in srgb, var(--accent,#5b8dff) 25%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.performance-lane-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.performance-lane-line{fill:none;stroke:var(--accent,#5b8dff);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.performance-lane-empty{font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5b6472);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.editor-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);align-items:baseline;gap:6px;display:inline-flex;overflow:hidden}.editor-hint{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8)}.piano-zoom{align-items:center;gap:.2rem;display:inline-flex}.piano-zoom button{min-width:1.5rem;font-size:var(--ui-text-md);padding:.1rem .35rem}.piano-mode{border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);align-items:center;gap:.2rem;padding:.15rem;display:inline-flex}.piano-mode-btn{font-size:var(--ui-text-sm,.8rem);border-radius:var(--radius-sm,6px);color:var(--fg-muted,#8b95a8);background:0 0;border:none;align-items:center;gap:.3rem;padding:.15rem .5rem;display:inline-flex}.piano-mode-btn[aria-pressed=true]{color:var(--fg,#e8eaed);background:var(--bg-surface,#14171c);box-shadow:inset 0 0 0 1px var(--accent,#5b8dff)}.bassline-lane{flex-direction:column;flex:auto;gap:.35rem;min-height:0;padding-top:.2rem;display:flex;overflow:auto}.bl-steps{gap:2px;display:grid}.bl-step-select{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle,#5b6472);background:var(--bg-elevated,#1c2128);text-align:center;border:1px solid #0000;border-radius:2px;padding:.1rem 0}.bl-step-select.beat{border-left-color:#ffffff14}.bl-step-select.bar{border-left-color:var(--fg-subtle,#5b6472)}.bl-step-select.selected{outline:2px solid var(--warning,#eab308);outline-offset:-2px}.bl-row{align-items:stretch;gap:.5rem;display:flex}.bl-row-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);flex:0 0 3rem;align-items:center;display:flex}.bl-row-steps{flex:auto;gap:2px;min-width:0;display:grid}.bl-note-select{font-size:var(--ui-text-xs);text-align:center;background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);border-radius:3px;padding:.2rem .1rem}.bl-note-select.on{color:var(--fg,#e8eaed);background:color-mix(in srgb, var(--accent,#5b8dff) 16%, var(--bg-elevated,#1c2128));border-color:var(--accent,#5b8dff)}.bl-note-select.selected{outline:2px solid var(--warning,#eab308);outline-offset:-1px}.bl-oct{background:var(--bg-elevated,#1c2128);border-radius:3px;justify-content:center;align-items:center;gap:.15rem;padding:.1rem 0;display:flex}.bl-oct-down,.bl-oct-up{min-width:1.1rem;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);padding:0 .15rem;line-height:1}.bl-oct-val{text-align:center;min-width:.9rem;font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8)}.bl-accent-btn,.bl-slide-btn{color:var(--fg-subtle,#5b6472);background:var(--bg-elevated,#1c2128);border-radius:3px;justify-content:center;align-items:center;padding:.2rem 0;display:flex}.bl-accent-btn.on{color:#fff;background:var(--danger,#ff5b6a)}.bl-slide-btn.on{color:#fff;background:var(--accent,#5b8dff)}.bl-accent-btn:disabled,.bl-slide-btn:disabled,.bl-oct-down:disabled,.bl-oct-up:disabled{opacity:.35;cursor:default}.piano-minimap{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;flex:none;width:18px;padding:0;position:relative;overflow:hidden}.mm-note{background:var(--accent,#5b8dff);border-radius:1px;min-width:3px;height:2px;position:absolute}.mm-view{border-top:1px solid var(--accent,#5b8dff);border-bottom:1px solid var(--accent,#5b8dff);pointer-events:none;background:#ffffff1a;position:absolute;left:0;right:0}.key{font-size:var(--ui-text-2xs);background:var(--fg,#e8eaed);color:#14171c;border-radius:0 3px 3px 0;justify-content:flex-end;align-items:center;padding-right:.3rem;display:flex}.key.black{color:var(--fg-muted,#8b95a8);background:#20242b}.cell{border:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);border-radius:2px;height:100%;min-height:0;padding:0;position:relative}.note-resize{cursor:ew-resize;background:linear-gradient(to right, transparent, color-mix(in srgb, #fff 75%, var(--accent,#5b8dff)));touch-action:none;border-radius:0 2px 2px 0;width:7px;position:absolute;top:0;bottom:0;right:0}.cell.flow{border-left-color:var(--border-strong,#3a4350)}.cell.on{background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.cell.on.cont-left{border-top-left-radius:0;border-bottom-left-radius:0}.cell.on.cont-right{box-shadow:3px 0 0 0 var(--accent,#5b8dff);border-top-right-radius:0;border-bottom-right-radius:0}.cell:hover{border-color:var(--accent,#5b8dff)}.drum-editor{flex-direction:column;height:100%;min-height:0;padding:1rem;display:flex;position:relative}.drum-empty-hint{pointer-events:none;border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--bg-surface,#14171c) 82%, transparent);border:1px solid var(--border,#252b34);color:var(--fg-muted,#9aa4b2);font-size:var(--ui-text-md);white-space:nowrap;padding:.45rem .9rem;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.drum-grid{flex-direction:column;flex:auto;align-content:stretch;gap:4px;width:100%;min-height:0;padding-bottom:2px;display:flex;overflow:auto}.drum-lane{min-height:var(--space-8,32px);flex:1 0 auto}.drum-row{grid-template-columns:11.6rem repeat(16,2.1rem);align-items:stretch;gap:4px;width:max-content;height:100%;max-height:3.4rem;display:grid}.drum-name{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);white-space:nowrap;text-overflow:ellipsis;z-index:2;background:var(--bg-surface,#14171c);align-items:center;gap:.35rem;padding-left:.2rem;display:flex;position:sticky;left:0;overflow:hidden}.drum-emoji{font-size:var(--ui-text-xl);flex:none;line-height:1}.drum-name-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.drum-voice-toggle{min-width:0;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);opacity:.5;flex:none;padding:0 .25rem;line-height:1.3;transition:opacity .12s}.drum-row:hover .drum-voice-toggle,.drum-voice-toggle.open{opacity:1}.drum-voice-toggle.open{border-color:var(--accent,#5b8dff)}.drum-lane-ops{min-width:0;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);flex:none;padding:0 .25rem;line-height:1.3;display:none}.drum-row:hover .drum-lane-ops,.drum-lane-ops.open{display:inline-flex}.drum-lane-ops.open{border-color:var(--accent,#5b8dff)}.drum-ms{width:1.15rem;height:1.15rem;font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5b6472);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);cursor:pointer;border-radius:4px;flex:none;padding:0;font-weight:700;line-height:1;transition:color .12s,background .12s,border-color .12s}.drum-ms:hover{color:var(--fg,#e8eaed)}.drum-ms:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.drum-ms-m.active{color:var(--bg,#0e1116);background:var(--danger,#e5534b);border-color:var(--danger,#e5534b)}.drum-ms-s.active{color:var(--bg,#0e1116);background:var(--warning,#ffb86c);border-color:var(--warning,#ffb86c)}.drum-lane{flex-direction:column;gap:4px;display:flex}.drum-lane.silenced .drum-name-label,.drum-lane.silenced .step{opacity:.4}.drum-voice{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);flex-wrap:wrap;gap:.5rem;max-width:46rem;margin-left:7rem;padding:.5rem .6rem;display:flex;position:sticky;left:0}.drum-voice-mod{background:var(--bg-elevated,#1c2128);border-radius:var(--radius-sm,6px);flex-direction:column;gap:.2rem;padding:.3rem .4rem;display:flex}.drum-voice-mod-label{font-size:var(--ui-text-xs);letter-spacing:.02em;color:var(--accent,#5b8dff);align-items:baseline;gap:.35rem;font-weight:600;display:flex}.drum-voice-mod-id{font-size:var(--ui-text-2xs);letter-spacing:.03em;color:var(--fg-subtle,#5b6472);font-weight:400;font-family:var(--font-mono,ui-monospace, monospace)}.drum-voice-params{flex-wrap:wrap;align-items:flex-end;gap:.4rem;display:flex}.drum-voice-param{font-size:var(--ui-text-2xs)}.step{border:1px solid var(--border,#252b34);background:var(--bg-elevated,#1c2128);border-radius:3px;height:100%;min-height:1.9rem;padding:0}.step.flow{border-left:2px solid var(--border-strong,#3a4350)}.step.bar{border-left:2px solid var(--accent-muted,#3c5a99)}.drum-ruler{align-items:end;gap:4px;width:max-content;margin-bottom:2px;display:grid}.drum-ruler-corner{z-index:2;background:var(--bg-surface,#14171c);position:sticky;left:0}.drum-ruler-cell{border-left:1px solid #0000;height:.85rem;position:relative}.drum-ruler-cell.flow{border-left:2px solid var(--border-strong,#3a4350)}.drum-ruler-cell.bar{border-left:2px solid var(--accent-muted,#3c5a99)}.drum-ruler-bar{font-size:var(--ui-text-2xs);color:var(--fg-muted,#9aa4b2);white-space:nowrap;pointer-events:none;font-weight:600;line-height:1;position:absolute;bottom:0;left:3px}.step:hover{border-color:var(--accent,#5b8dff)}.step:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px;z-index:1}.step.on{background:color-mix(in srgb, var(--accent,#5b8dff) 16%, var(--bg-elevated,#1c2128));border-color:var(--accent,#5b8dff);position:relative;overflow:hidden}.step.on:before{content:"";height:calc(var(--vel,1) * 100%);background:var(--accent,#5b8dff);box-shadow:0 0 6px var(--accent-glow,#5b8dff66);pointer-events:none;transition:height 60ms;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.step.on:before{transition:none}}.step.on.accent:before{background:linear-gradient(180deg, #d3e0ff, var(--accent,#5b8dff))}.step.on.accent{box-shadow:inset 0 0 0 1px #ffffff73}.cell.on.accent{background:linear-gradient(180deg, #b9cdff, var(--accent,#5b8dff));box-shadow:inset 0 0 0 2px #ffffffd9, 0 0 8px var(--accent,#5b8dff)}.step.selected{outline:2px solid var(--fg,#e8eaed);outline-offset:-2px;z-index:1}.modal-backdrop{padding:var(--space-4,16px) 0;z-index:var(--z-modal);background:#0000008c;justify-content:safe center;align-items:safe center;display:flex;position:fixed;inset:0;overflow:auto}.modal-scrim{cursor:default;background:0 0;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.modal{z-index:1;background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);flex:none;width:min(34rem,92vw);padding:1rem 1.2rem 1.2rem;position:relative;box-shadow:0 12px 48px #00000080}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.modal-head h2{font-size:var(--ui-text-xl);margin:0}.modal-close{min-width:0;font-size:var(--ui-text-2xl);padding:0 .5rem;line-height:1.4}.modal-sub{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);margin:.2rem 0 .8rem;line-height:1.45}.feedback-cats{gap:.4rem;margin-bottom:.6rem;display:flex}.feedback-cats button.active{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);border-color:#0000}.feedback-text{resize:vertical;background:var(--bg-elevated,#1c2128);width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font:inherit;padding:.5rem .6rem}.feedback-consent{font-size:var(--ui-text-md);color:var(--fg-muted,#9aa3ad);cursor:pointer;align-items:flex-start;gap:.5rem;margin-top:.7rem;line-height:1.35;display:flex}.feedback-consent input{accent-color:var(--accent,#6ea8fe);flex:none;margin-top:.15rem}.feedback-email{background:var(--bg-elevated,#1c2128);width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font:inherit;margin-top:.45rem;padding:.45rem .6rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.8rem;display:flex}.feedback-done p{font-size:var(--ui-text-lg)}.project-save{gap:.5rem;margin-bottom:.8rem;display:flex}.project-name{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font:inherit;flex:auto;padding:.45rem .6rem}.project-name:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.project-empty{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);padding:.6rem 0}.project-list{flex-direction:column;gap:.35rem;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.project-item{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.project-item-name{font-size:var(--ui-text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.project-item-actions{flex:none;gap:.35rem;display:flex}.project-item-actions .danger{color:var(--danger,#ff5b6a);border-color:#0000}.chat{border-left:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;display:flex}.chat-bar{border-bottom:1px solid var(--border,#252b34);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.4rem 1rem;display:flex}.chat-bar select,.chat-bar>button{flex-shrink:1;min-width:0}.chat-title{font-weight:700;font-size:var(--ui-text-md)}.chat-bar select{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;padding:.2rem .4rem}.chat-vibe-row{border-bottom:1px solid var(--border,#252b34);align-items:center;gap:.5rem;padding:.35rem 1rem;display:flex}.chat-vibe-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);font-weight:600}.chat-vibe{background:var(--bg-elevated,#1c2128);min-width:0;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);font:inherit;font-size:var(--ui-text-sm);flex:auto;padding:.2rem .4rem}.chat-vibe.active{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff);font-weight:600}.chat-key-signup{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);white-space:nowrap;text-decoration:underline}.chat-key-signup:hover{color:var(--accent,#5b8dff)}.chat-status{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8)}.chat-status.spacer{margin-left:auto}.chat-typing{align-items:center;gap:3px;display:inline-flex}.chat-typing-dot{background:var(--fg-muted,#8b95a8);border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite chat-typing-bounce}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.chat-typing-dot{opacity:.7;animation:none}}.chat-kbd{font-size:var(--ui-text-2xs);font-weight:600;font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);flex:none;padding:.08rem .34rem;line-height:1.4}.chat-log{flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.5rem 1rem;display:flex;overflow-y:auto}.msg{font-size:var(--ui-text-md);border-radius:var(--radius-sm,6px);max-width:80%;padding:.35rem .6rem;line-height:1.4}.msg.user{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);align-self:flex-end}.msg.assistant{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);align-self:flex-start}.msg.tool{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--ui-text-sm);color:var(--accent,#5b8dff);background:0 0;align-self:flex-start;padding:.1rem .6rem}.msg-toggle{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.msg-caret{width:.9em;color:var(--fg-subtle,#5b6472);display:inline-block}.msg-detail{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);white-space:pre-wrap;word-break:break-word;margin:.25rem 0 .1rem;padding:.4rem .55rem;overflow-x:auto}.chat-hero{border:1px solid color-mix(in srgb, var(--accent,#5b8dff) 45%, var(--border,#252b34));border-radius:var(--radius-md,10px);background:linear-gradient(160deg, color-mix(in srgb, var(--accent,#5b8dff) 14%, var(--bg-surface,#14171c)), var(--bg-surface,#14171c));flex-direction:column;gap:.5rem;margin-bottom:.7rem;padding:.8rem;display:flex}.chat-hero-eyebrow{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb, var(--accent,#5b8dff) 70%, var(--fg-muted,#8b95a8));font-weight:700}.chat-hero-head{align-items:center;gap:.4rem;display:flex}.chat-hero-spark{font-size:var(--ui-text-xl)}.chat-hero-title{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);font-weight:600}.chat-hero-prompt{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);margin:0;font-style:italic;line-height:1.45}.chat-hero-go{font-size:var(--ui-text-md);color:var(--fg-on-accent,#0a0c10);background:var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;border:none;align-self:flex-start;align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:600;transition:filter .12s;display:inline-flex}.chat-hero-go:hover{filter:brightness(1.1)}.chat-hero-go:focus-visible{outline-offset:2px;outline:2px solid #fff}.chat-hero-note{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);margin:0;line-height:1.4}.chat-hero-note strong{color:var(--fg-muted,#8b95a8)}.vibe-picker{flex-direction:column;gap:.4rem;margin-top:.7rem;display:flex}.vibe-label{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472)}.vibe-chips{flex-wrap:wrap;gap:.4rem;display:flex}.vibe-chip{font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);color:var(--fg,#e8eaed);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .6rem;transition:border-color .12s,background .12s;display:inline-flex}.vibe-chip:hover{border-color:var(--vibe-accent,var(--accent,#5b8dff))}.vibe-chip.active{border-color:var(--vibe-accent,var(--accent,#5b8dff));background:color-mix(in srgb, var(--vibe-accent,#5b8dff) 16%, var(--bg-elevated,#1c2128))}.vibe-dot{background:var(--vibe-accent,var(--accent,#5b8dff));border-radius:50%;flex:none;width:9px;height:9px}.chat-examples{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.chat-ex-label{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472)}.chat-ex{text-align:left;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);color:var(--fg,#e8eaed);padding:.35rem .55rem}.chat-ex:hover{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.chat-model{font-size:var(--ui-text-sm);max-width:9.5rem}.chat-model-fallback{border-style:dashed}.chat-mcp-help{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);line-height:1.45}.chat-mcp-title{color:var(--fg,#e8eaed);margin:0 0 .4rem}.chat-mcp-sub{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);margin:.1rem 0 .5rem;line-height:1.45}.chat-mcp-warn{font-size:var(--ui-text-sm);color:var(--warning,#d9a441);background:color-mix(in srgb, var(--warning,#d9a441) 12%, transparent);border:1px solid color-mix(in srgb, var(--warning,#d9a441) 35%, transparent);border-radius:var(--radius-sm,6px);margin:.1rem 0 .6rem;padding:.4rem .55rem;line-height:1.45}.chat-mcp-warn strong{color:var(--fg,#e8eaed)}.chat-mcp-steps{flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;display:flex}.chat-mcp-cmd{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--ui-text-sm);color:var(--accent,#5b8dff);white-space:pre;margin:.25rem 0;padding:.35rem .5rem;display:block;overflow-x:auto}.chat-mcp-help code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed)}.chat-mcp-note{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);margin:.5rem 0 0}.chat-mcp-status{font-size:var(--ui-text-sm);color:var(--warning,#d9a441);background:color-mix(in srgb, var(--warning,#d9a441) 14%, transparent);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.2rem .5rem;font-weight:600;display:inline-flex}.chat-mcp-status.on{color:var(--success,#4caf7e);background:color-mix(in srgb, var(--success,#4caf7e) 16%, transparent)}.chat-mcp-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.chat-mcp-status:not(.on) .chat-mcp-dot{animation:1.4s ease-in-out infinite mcp-pulse}@keyframes mcp-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.chat-mcp-status:not(.on) .chat-mcp-dot{animation:none}}.chat-mcp-cmd-row{align-items:stretch;gap:.3rem;margin:.25rem 0;display:flex}.chat-mcp-cmd-row .chat-mcp-cmd{flex:auto;min-width:0;margin:0}.chat-mcp-copy{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:none;padding:0 .55rem}.chat-mcp-copy:hover{color:var(--fg,#e8eaed)}.chat-mcp-clients{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);gap:2px;margin:.1rem 0 .5rem;padding:2px;display:flex}.chat-mcp-clients button{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:0 0;border:none;border-radius:4px;flex:1 1 0;padding:.28rem .3rem;font-weight:600}.chat-mcp-clients button:hover{color:var(--fg,#e8eaed)}.chat-mcp-clients button.active{color:var(--fg,#e8eaed);background:var(--accent-glow,#5b8dff2e);box-shadow:inset 0 0 0 1px var(--accent,#5b8dff)}.chat-mcp-cmd-block{white-space:pre;line-height:1.5}.chat-input{padding:.5rem 1rem .7rem;position:relative}.chat-input .chat-text{resize:vertical;width:100%;min-height:5.5rem;font:inherit;font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:.55rem 2.9rem .55rem .7rem;line-height:1.5}.chat-input .chat-text::placeholder{color:var(--fg-subtle,#5a6472)}.chat-input .chat-text:focus{border-color:var(--accent,#5b8dff);outline:none;box-shadow:0 0 0 2px #5b8dff40}.chat-input .chat-text:disabled{opacity:.55}.chat-input .chat-send{width:1.9rem;height:1.9rem;font-size:var(--ui-text-md);color:var(--fg-on-accent,#0a0c10);background:var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:1.05rem;right:1.35rem}.chat-input .chat-send:hover:not(:disabled){filter:brightness(1.1)}.chat-input .chat-send:disabled{opacity:.4;cursor:default}.chat-input.chat-off{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.chat-off-note{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);margin:0;line-height:1.5}.chat-off-on{font:inherit;font-size:var(--ui-text-lg);color:var(--fg-on-accent,#0a0c10);background:var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;border:none;justify-content:center;align-self:stretch;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;transition:filter .12s;display:inline-flex}.chat-off-on:hover{filter:brightness(1.1)}.chat-off-on:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.version-chip{font-size:var(--ui-text-sm);opacity:.85;padding:.15rem .5rem;position:relative}.version-chip:hover,.version-chip.has-new{opacity:1}.version-dot{background:var(--accent,#5b8dff);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg-deep,#0a0c10);border-radius:50%;position:absolute;top:1px;right:1px}.kbd-help-btn,.about-btn{min-width:24px;min-height:24px;font-size:var(--ui-text-lg);opacity:.75;place-items:center;padding:.2rem .4rem;line-height:1;display:inline-grid}.kbd-help-btn:hover,.about-btn:hover{opacity:1}.skip-link{z-index:var(--z-skip);font-size:var(--ui-text-md);color:var(--fg-on-accent,#0a0c10);background:var(--accent,#5b8dff);border-radius:0 0 var(--radius-sm,6px) 0;padding:.5rem .9rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus-visible,.skip-link:focus{outline:2px solid var(--fg,#e8eaed);outline-offset:-2px;left:0}.view:focus{outline:none}.modal.shortcuts{width:min(32rem,94vw)}.shortcuts-groups{flex-direction:column;gap:1rem;padding:.25rem 0 .5rem;display:flex}.shortcuts-group-title{font-size:var(--ui-text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle,#5b6472);margin:0 0 .4rem}.shortcuts-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.shortcut-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shortcut-keys{flex:none;gap:.25rem;display:inline-flex}.shortcut-action{color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-md);text-align:right}.kbd{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--ui-text-sm);text-align:center;min-width:1.4rem;color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);border-bottom-width:2px;padding:.1rem .4rem;line-height:1.4}.modal.changelog{width:min(40rem,94vw)}.changelog-list{flex-direction:column;gap:.9rem;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.changelog-loading{min-height:8rem;color:var(--fg-muted,#8b93a7);font-size:var(--ui-text-sm,.875rem);justify-content:center;align-items:center;margin:0;display:flex}.changelog-entry{border-left:2px solid var(--accent,#5b8dff);padding-left:.7rem}.changelog-entry-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.changelog-ver{font-size:var(--ui-text-sm);color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-radius:999px;padding:.05rem .45rem;font-weight:700}.changelog-title{font-weight:600;font-size:var(--ui-text-lg)}.changelog-date{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);margin-left:auto}.changelog-changes{flex-direction:column;gap:.25rem;margin:0;padding-left:1.1rem;display:flex}.changelog-changes li{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);line-height:1.4}.modal.about{width:min(44rem,94vw)}.about-hero{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent,#5b8dff) 22%, transparent), transparent 60%), color-mix(in srgb, var(--accent,#5b8dff) 7%, var(--bg-elevated,#1c2128));border:1px solid color-mix(in srgb, var(--accent,#5b8dff) 28%, transparent);border-radius:12px;margin:0 0 1.1rem;padding:.9rem 1rem}.about-tagline{font-size:var(--ui-text-2xl);letter-spacing:-.01em;background:linear-gradient(92deg,#8fb4ff,#c99bff 55%,#7be0c4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .4rem;font-weight:700;line-height:1.25}.about-hero .modal-sub{margin:0}.about-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.2rem;max-height:56vh;padding-right:.25rem;display:grid;overflow-y:auto}@media (width<=640px){.about-groups{grid-template-columns:1fr}}.about-group{border-left:2px solid #0000;border-image:linear-gradient(180deg, var(--accent,#5b8dff), transparent) 1;padding-left:.8rem}.about-group-head{font-size:var(--ui-text-md);text-transform:uppercase;letter-spacing:.04em;color:var(--accent,#7ba0ff);margin:0 0 .45rem;font-weight:700}.about-foot{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);text-align:right;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.6rem;margin:.9rem 0 0;display:flex}.about-legal{align-items:center;gap:.45rem;display:inline-flex}.linklike{font:inherit;color:var(--fg-muted,#c3cad6);text-underline-offset:2px;cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:0;padding:0;text-decoration:underline}.linklike:hover{color:var(--fg,#e8eaed)}.linklike:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.modal.legal{width:min(46rem,94vw)}.legal-body{max-height:min(60vh,34rem);color:var(--fg-muted,#c3cad6);font-size:var(--ui-text-md);padding-right:.6rem;line-height:1.6;overflow-y:auto}.legal-body p{margin:0 0 .8rem}.legal-body a{color:var(--accent,#5b8dff)}.legal-h2{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);margin:1.4rem 0 .5rem}.legal-h2:first-child{margin-top:0}.legal-code{font-family:var(--font-mono,ui-monospace, monospace);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border-radius:4px;padding:.05em .3em;font-size:.92em}.legal-h3{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);margin:1rem 0 .4rem}.legal-list{flex-direction:column;gap:.3rem;margin:0 0 .9rem;padding-left:1.15rem;display:flex}.legal-draft{border:1px solid var(--warning,#d9a441);border-radius:var(--radius-sm,6px);background:color-mix(in srgb, var(--warning,#d9a441) 12%, transparent);color:var(--fg,#e8eaed);font-size:var(--ui-text-sm);margin:0 0 .9rem;padding:.5rem .7rem}.about-list{flex-direction:column;gap:.35rem;margin:0;padding-left:1.1rem;display:flex}.about-list li{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);line-height:1.45}.plugin-empty{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472)}.plugin-editor{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-left:2px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);flex-direction:column;gap:.1rem;margin-top:.4rem;padding:.45rem .5rem;display:flex}.plugin-editor.is-instrument{border-left-color:var(--success,#43c98a)}.plugin-head{align-items:center;gap:.45rem;display:flex}.plugin-kind{font-size:var(--ui-text-2xs);letter-spacing:.03em;color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 16%, transparent);border-radius:999px;padding:.1rem .4rem;font-weight:700}.is-instrument .plugin-kind{color:var(--success,#43c98a);background:color-mix(in srgb, var(--success,#43c98a) 16%, transparent)}.plugin-name{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);font-weight:600}.plugin-remove{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;padding:.05rem .4rem;line-height:1}.plugin-remove:hover{color:var(--danger,#ff5b6a);border-color:var(--danger,#ff5b6a)}.plugin-endpoint.notes .plugin-ep-label{color:var(--success,#43c98a)}.plugin-graph{flex-flow:row;align-items:center;gap:1.6rem;margin-top:.4rem;padding:.4rem .2rem;display:flex;position:relative;overflow-x:auto}.plugin-wires{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plugin-wire{fill:none;stroke:var(--accent,#5b8dff);stroke-width:2px;opacity:.8}.plugin-wire.mod{stroke:var(--warning,#ffb84d);stroke-dasharray:5 4;opacity:.9}.plugin-wire-x.mod{color:var(--warning,#ffb84d)}.plugin-wire-x{background:var(--bg-surface,#14171c);width:15px;height:15px;color:var(--fg-subtle,#5b6472);font-size:var(--ui-text-sm);cursor:pointer;z-index:2;border:none;border-radius:50%;padding:0;line-height:1;position:absolute;transform:translate(-50%,-50%)}.plugin-wire-x:hover{color:var(--danger,#ff5b6a)}.plugin-endpoint{z-index:1;font-size:var(--ui-text-2xs);letter-spacing:.05em;color:var(--fg-subtle,#5b6472);flex:none;align-items:center;gap:.3rem;font-weight:700;display:flex;position:relative}.plugin-port{border:2px solid var(--accent,#5b8dff);background:var(--bg-surface,#14171c);cursor:pointer;border-radius:50%;flex:none;width:12px;height:12px;padding:0}.plugin-port:hover{background:var(--accent,#5b8dff)}.plugin-port.armed{background:var(--accent,#5b8dff);box-shadow:0 0 6px var(--accent,#5b8dff)}.plugin-node{z-index:1;background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex-direction:column;flex:none;gap:.25rem;padding:.4rem .55rem;display:flex;position:relative}.plugin-node.voiced{border-color:hsl(var(--voice-hue) 60% 50% / .55);border-left:3px solid hsl(var(--voice-hue) 70% 60%);background:hsl(var(--voice-hue) 45% 18% / .6)}.plugin-node.shared{border-left:3px dashed var(--fg-subtle,#5b6472)}.plugin-voice-tag{font-size:var(--ui-text-2xs);letter-spacing:.02em;color:hsl(var(--voice-hue) 75% 75%);background:hsl(var(--voice-hue) 70% 55% / .2);border-radius:999px;padding:.05rem .36rem;font-weight:700}.plugin-voices{flex-flow:wrap;align-items:center;gap:.3rem;margin:.3rem 0 .1rem;display:flex}.plugin-voices-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);font-weight:700}.plugin-voice-chip{font-size:var(--ui-text-xs);color:hsl(var(--voice-hue) 75% 74%);background:hsl(var(--voice-hue) 70% 52% / .16);border:1px solid hsl(var(--voice-hue) 60% 55% / .4);border-radius:999px;padding:.1rem .45rem;font-weight:600}.plugin-node .plugin-port.in{position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.plugin-node .plugin-port.out{position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.plugin-node-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.plugin-node-x{color:var(--fg-subtle,#5b6472);cursor:pointer;font-size:var(--ui-text-lg);background:0 0;border:none;padding:0 2px;line-height:1}.plugin-node-x:hover{color:var(--danger,#ff5b6a)}.plugin-node-type{font-size:var(--ui-text-sm);color:var(--accent,#5b8dff);font-weight:600}.plugin-palette{border-top:1px solid var(--border,#252b34);flex-direction:column;gap:.3rem;margin-top:.5rem;padding-top:.45rem;display:flex}.plugin-palette-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle,#5b6472);font-weight:700}.plugin-palette-group{flex-flow:wrap;align-items:center;gap:.3rem;display:flex}.plugin-palette-group-label{font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5b6472);flex:0 0 4.5rem}.plugin-add{font-size:var(--ui-text-xs);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;padding:.2rem .45rem}.plugin-add:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.plugin-param{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);grid-template-columns:1fr auto;align-items:center;gap:.4rem;display:grid}.plugin-param-key{font-family:var(--mono,ui-monospace, monospace)}.plugin-param input,.plugin-enum{background:var(--bg-surface,#14171c);width:6rem;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font:inherit;padding:.15rem .35rem}.plugin-enum{cursor:pointer;width:auto;min-width:6rem}.knob-row{flex-flow:wrap;gap:.5rem .7rem;margin-top:.2rem;display:flex}.knob-row .plugin-param{width:auto;display:block}.knob{flex-direction:column;align-items:center;gap:1px;width:44px;display:flex}.knob-dial{cursor:ns-resize;touch-action:none;background:0 0;border:none;border-radius:50%;width:36px;height:36px;padding:0}.knob-dial:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.knob-track{fill:none;stroke:var(--border,#252b34);stroke-width:3px;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--accent,#5b8dff);stroke-width:3px;stroke-linecap:round}.knob-ind{stroke:var(--fg,#e8eaed);stroke-width:2px;stroke-linecap:round}.knob-label{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);text-overflow:ellipsis;white-space:nowrap;max-width:48px;overflow:hidden}.knob-val{font-size:var(--ui-text-xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8);cursor:text;background:0 0;border:none;padding:0}.knob-val:hover{color:var(--fg,#e8eaed)}.knob-edit{width:44px;font-size:var(--ui-text-xs);text-align:center;background:var(--bg-surface,#14171c);color:var(--fg,#e8eaed);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,4px);padding:0 2px}@media (prefers-reduced-motion:reduce){.knob-fill{transition:none}}.cell.playhead,.step.playhead{box-shadow:inset 0 0 0 2px var(--accent,#5b8dff)}.view-toggle{border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);scrollbar-width:none;gap:0;min-width:0;display:inline-flex;overflow:auto hidden}.view-toggle::-webkit-scrollbar{display:none}.view-toggle button{background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-sm);white-space:nowrap;cursor:pointer;border:none;border-radius:0;flex:none;padding:.3rem .45rem;transition:background .12s,color .12s}.view-toggle button+button{border-left:1px solid var(--border,#252b34)}.view-toggle button:hover:not(:disabled){color:var(--fg,#e8eaed)}.view-toggle button.active{background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff)}.view-toggle button:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:-2px}.arrange{background:var(--bg-deep,#0a0c10);flex-direction:column;height:100%;min-height:0;display:flex}.arrange-scroll{background:var(--bg-deep,#0a0c10)}.arrange-toolbar{border-bottom:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.6rem .9rem;display:flex}.arrange-toolbar>*{flex-shrink:0}.arrange-title{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);font-weight:600}.arrange-len-readout,.arrange-snap{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);align-items:center;gap:.35rem;display:inline-flex}.arrange-snap select{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font:inherit;font-size:var(--ui-text-sm);padding:.2rem .4rem}.arrange-clear{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.25rem .6rem}.arrange-clear:disabled{opacity:.45;cursor:not-allowed}.arrange-create{background:var(--accent,#5b8dff);color:var(--on-accent,#0b0e14);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.25rem .7rem;font-weight:700;transition:filter .12s,opacity .12s}.arrange-create:hover:not(:disabled){filter:brightness(1.1)}.arrange-create:disabled{opacity:.6;cursor:default}.arrange-export,.arrange-export-stems,.arrange-export-midi{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.25rem .7rem;font-weight:600;transition:background .12s,opacity .12s}.arrange-export:hover:not(:disabled),.arrange-export-stems:hover:not(:disabled),.arrange-export-midi:hover:not(:disabled){background:color-mix(in srgb, var(--accent,#5b8dff) 22%, var(--bg-elevated,#1c2128))}.arrange-export:disabled,.arrange-export-stems:disabled,.arrange-export-midi:disabled{opacity:.45;cursor:not-allowed}.arrange-export-stems.busy,.arrange-export.busy{opacity:1;color:var(--accent,#5b8dff);cursor:progress}.arrange-menu-wrap{display:inline-flex;position:relative}.arrange-export-menu-btn{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.25rem .7rem;font-weight:600}.arrange-export-menu-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent,#5b8dff) 22%, var(--bg-elevated,#1c2128))}.arrange-export-menu-btn:disabled{opacity:.45;cursor:not-allowed}.arrange-export-menu-btn.busy{color:var(--accent,#5b8dff);cursor:progress}.arrange-zoom{border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);align-items:center;gap:1px;display:inline-flex;overflow:hidden}.arrange-zoom button{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);width:26px;height:24px;font-size:var(--ui-text-xl);cursor:pointer;border:none;line-height:1;transition:background .12s}.arrange-zoom button:hover:not(:disabled){background:color-mix(in srgb, var(--accent,#5b8dff) 20%, var(--bg-elevated,#1c2128))}.arrange-zoom button:disabled{opacity:.4;cursor:not-allowed}.arrange-follow{background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;align-items:center;gap:.3rem;padding:.25rem .6rem;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.arrange-follow:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.arrange-follow.active{background:color-mix(in srgb, var(--accent,#5b8dff) 22%, var(--bg-elevated,#1c2128));border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.arrange-hint{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;margin-left:auto;overflow:hidden}.arrange-scroll{flex:1;min-height:0;overflow:auto}.arrange-grid{flex-direction:column;min-width:100%;min-height:100%;display:flex;position:relative}.arrange-grid:after{content:"";background:repeating-linear-gradient(to bottom, transparent 0, transparent 65px, var(--border,#252b34) 65px, var(--border,#252b34) 66px);opacity:.35;pointer-events:none;flex:auto;min-height:0}.arrange-row{align-items:stretch;display:flex}.arrange-ruler{z-index:3;background:var(--bg-surface,#14171c);border-bottom:1px solid var(--border,#252b34);position:sticky;top:0}.arrange-corner{z-index:4;background:var(--bg-surface,#14171c);border-right:1px solid var(--border,#252b34);flex:none;position:sticky;left:0}.arrange-ruler-body{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.arrange-loop-brace{background:var(--accent,#5b8dff);opacity:.85;cursor:pointer;z-index:2;border-radius:0 0 3px 3px;height:7px;position:absolute;top:0}.arrange-loop-brace:hover{opacity:1}.arrange-loop-brace{cursor:grab}.arrange-loop-brace:active{cursor:grabbing}.arrange-loop-brace.off{border:1px solid var(--accent,#5b8dff);opacity:.5;background:0 0}.arrange-loop-edge{background:var(--accent,#5b8dff);cursor:ew-resize;touch-action:none;z-index:3;border:0;width:8px;height:13px;padding:0;position:absolute;top:0}.arrange-loop-edge:before{content:"";position:absolute;inset:-3px -5px}.arrange-loop-edge.start{clip-path:polygon(0 0,100% 0,100% 54%,42% 54%,42% 100%,0 100%);left:0}.arrange-loop-edge.end{clip-path:polygon(100% 0,0 0,0 54%,58% 54%,58% 100%,100% 100%);right:0}.arrange-loop-edge:hover,.arrange-loop-edge:focus-visible{background:var(--fg,#e8ecf3)}.arrange-loop-brace.off .arrange-loop-edge{background:color-mix(in srgb, var(--accent,#5b8dff) 55%, transparent)}.arrange-loop-line{background:color-mix(in srgb, var(--accent,#5b8dff) 60%, transparent);pointer-events:none;z-index:4;width:1px;position:absolute;top:0;bottom:0}.arrange-loop-line.off{background:color-mix(in srgb, var(--fg-subtle,#5b6472) 55%, transparent)}.arrange-ruler-body:hover{background:var(--bg-elevated,#1b1f26)}.arrange-bar-tick{top:0;bottom:var(--marker-row-h,0px);font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);border-left:1px solid var(--border,#252b34);align-items:flex-end;padding-bottom:1px;padding-left:4px;display:flex;position:absolute}.arrange-loop-lane{height:var(--loop-lane-h,13px);background:color-mix(in srgb, var(--accent,#5b8dff) 7%, transparent);border-bottom:1px solid var(--border,#252b34);cursor:ew-resize;z-index:1;position:absolute;top:0;left:0;right:0}.arrange-loop-lane:hover{background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent)}.arrange-marker{z-index:2;height:15px;color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-xs,.72rem);white-space:nowrap;cursor:grab;background:0 0;border:none;align-items:center;gap:3px;max-width:160px;padding:0 4px 0 0;display:flex;position:absolute}.arrange-marker:hover,.arrange-marker:focus-visible{color:var(--fg,#e8eaed)}.arrange-marker-flag{background:var(--warning,#ffb84d);border-radius:1px;flex:0 0 2px;width:2px;height:15px}.arrange-marker-name{text-overflow:ellipsis;overflow:hidden}.arrange-overdub{align-items:center;gap:4px;display:inline-flex}.arrange-overdub.active{color:var(--fg,#e8eaed);background:var(--accent-glow,#5b8dff2e);box-shadow:inset 0 0 0 1px var(--accent,#5b8dff)}.arrange-add-marker{align-items:center;gap:4px;display:inline-flex}.arrange-zoom-axis{color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-xs,.72rem);padding:0 2px}.arrange-lane{border-bottom:1px solid var(--border,#252b34)}.arrange-lane-label{z-index:2;background:var(--bg-surface,#14171c);border-right:1px solid var(--border,#252b34);cursor:pointer;border-left:2px solid #0000;flex-direction:column;flex:none;gap:.25rem;padding:.35rem .5rem;transition:border-color .12s,background-color .12s;display:flex;position:sticky;left:0;overflow:hidden}.arrange-lane-label.selected{border-left-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 8%, var(--bg-surface,#14171c))}.arrange-track-name{font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);font-weight:600}.arrange-chips{flex-wrap:wrap;gap:.2rem;display:flex;overflow:hidden}.arrange-chip{white-space:nowrap;text-overflow:ellipsis;background:var(--bg-elevated,#1c2128);max-width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-xs);cursor:grab;touch-action:none;padding:.1rem .35rem;transition:border-color .12s,background .12s;overflow:hidden}.arrange-chip:hover{border-color:var(--accent,#5b8dff)}.arrange-chip:active{cursor:grabbing;border-color:var(--accent,#5b8dff)}.arrange-chips-empty{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);font-style:italic}.arrange-lane-body{background:var(--bg-deep,#0a0c10);flex:none;position:relative}.arrange-lane-body.target,.arrange-lane-body.dndover{background:color-mix(in srgb, var(--accent,#5b8dff) 7%, var(--bg-deep,#0a0c10))}.arrange-lane-body.dndover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent)}.arrange-time-range{z-index:2;pointer-events:none;background:color-mix(in srgb, var(--accent,#5b8dff) 16%, transparent);border-left:1px solid var(--accent,#5b8dff);border-right:1px solid var(--accent,#5b8dff);position:absolute;top:0;bottom:0}.arrange-drop-indicator{background:var(--accent,#5b8dff);width:2px;box-shadow:0 0 6px var(--accent,#5b8dff);pointer-events:none;z-index:3;position:absolute;top:0;bottom:0}.arrange.dragging{-webkit-user-select:none;user-select:none}.arrange.dragging *{cursor:grabbing!important}.arrange-gridline{border-left:1px solid var(--border,#252b34);opacity:.5;pointer-events:none;width:0;position:absolute;top:0;bottom:0}:root{--clip-color-blue:#5b8dff;--clip-color-green:#3fb950;--clip-color-amber:#d9a441;--clip-color-red:#e5534b;--clip-color-purple:#a371f7;--clip-color-teal:#33b3ae;--clip-kind-drum:#ff9a5b;--clip-kind-synth:#8b5bff}.arrange-clip{--clip-tint:var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);border:1px solid color-mix(in srgb, var(--clip-tint) 55%, #000);background:color-mix(in srgb, var(--clip-tint) 32%, var(--bg-elevated,#1c2128));color:var(--fg,#e8eaed);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.2rem;padding:0 .25rem 0 .4rem;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden;box-shadow:0 1px 3px #00000059}.arrange-clip:active{cursor:grabbing}.arrange-clip.dragged{outline:2px solid var(--accent,#5b8dff);outline-offset:-1px;z-index:4}.arrange-rep-dim{pointer-events:none;background:#00000047;position:absolute;top:0;bottom:0}.arrange-rep-line{pointer-events:none;border-left:1px dotted #ffffffa6;width:0;position:absolute;top:0;bottom:0}.arrange-clip.ghost{background:color-mix(in srgb, var(--accent,#5b8dff) 18%, transparent);border:1px dashed var(--accent,#5b8dff);box-shadow:none;pointer-events:none;opacity:.8}.arrange-loop-handle{cursor:ew-resize;touch-action:none;background:linear-gradient(135deg, transparent 0%, transparent 45%, color-mix(in srgb, var(--accent,#5b8dff) 70%, #fff) 45%, color-mix(in srgb, var(--accent,#5b8dff) 70%, #fff) 100%);border-bottom-right-radius:var(--radius-sm,6px);opacity:.5;width:14px;height:16px;transition:opacity .12s;position:absolute;bottom:0;right:0}.arrange-clip:hover .arrange-loop-handle{opacity:1}.arrange-trim-handle-left{cursor:ew-resize;touch-action:none;background:color-mix(in srgb, var(--accent,#5b8dff) 70%, #fff);border-top-left-radius:var(--radius-sm,6px);border-bottom-left-radius:var(--radius-sm,6px);opacity:0;width:6px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.arrange-clip:hover .arrange-trim-handle-left{opacity:.5}.arrange-trim-handle-left:hover{opacity:1}.arrange-clip.k-drum{--clip-tint:var(--clip-kind-drum)}.arrange-clip.k-synth{--clip-tint:var(--clip-kind-synth)}.arrange-fade-handle{background:color-mix(in srgb, var(--fg,#e8eaed) 70%, transparent);cursor:ew-resize;touch-action:none;opacity:0;z-index:3;border:0;border-radius:2px;width:9px;height:9px;padding:0;transition:opacity .12s;position:absolute;top:0}.arrange-fade-handle.in{transform:translate(-4px)}.arrange-fade-handle.out{transform:translate(4px)}.arrange-clip:hover .arrange-fade-handle,.arrange-clip:focus-within .arrange-fade-handle,.arrange-fade-handle:focus-visible{opacity:1}.arrange-fade-shape{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0}.arrange-fade-shape.in{background:linear-gradient(90deg,#000000b8,#0000);left:0}.arrange-fade-shape.out{background:linear-gradient(270deg,#000000b8,#0000);right:0}.arrange-clip-name{font-size:var(--ui-text-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;position:relative;overflow:hidden}.arrange-clip-notes,.arrange-clip-wave{pointer-events:none;opacity:.55;width:calc(100% - 4px);height:calc(100% - 17px);position:absolute;inset:15px 2px 2px}.arrange-note-rect{fill:var(--fg-on-accent,#fff)}.arrange-clip-wave{color:var(--fg-on-accent,#fff);height:calc(100% - 17px)}.arrange-live-take{border-radius:var(--radius-sm,6px);background:color-mix(in srgb, var(--danger,#ef4444) 30%, transparent);border:1px dashed var(--danger,#ef4444);pointer-events:none;animation:1s ease-in-out infinite rec-pulse;position:absolute;top:4px;bottom:4px}@media (prefers-reduced-motion:reduce){.arrange-live-take{animation:none}}.arrange-clip-x{width:16px;height:16px;color:var(--fg-muted,#8b95a8);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:3px;place-items:center;line-height:1;transition:opacity .12s,background .12s;display:grid;position:absolute;top:2px;right:2px}.arrange-clip:hover .arrange-clip-x,.arrange-clip:focus-within .arrange-clip-x{opacity:1;pointer-events:auto}.arrange-clip-x:hover{background:var(--danger,#ff5b6a);color:#fff}.arrange-clip-dup{width:16px;height:16px;color:var(--fg-muted,#8b95a8);cursor:pointer;opacity:0;pointer-events:none;line-height:1;font-size:var(--ui-text-sm);background:0 0;border:none;border-radius:3px;place-items:center;transition:opacity .12s,background .12s;display:grid;position:absolute;top:2px;right:22px}.arrange-clip:hover .arrange-clip-dup,.arrange-clip:focus-within .arrange-clip-dup{opacity:1;pointer-events:auto}.arrange-clip-dup:hover{background:color-mix(in srgb, var(--accent,#5b8dff) 60%, transparent);color:var(--fg-on-accent,#0a0c10)}.arrange-clip.selected{outline:2px solid var(--accent,#5b8dff);outline-offset:-1px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#5b8dff) 30%, transparent)}.arrange-playhead{background:var(--fg-subtle,#5b6472);pointer-events:none;z-index:5;width:2px;transition:background .12s;position:absolute;top:0;bottom:0}.arrange-playhead.live{background:var(--accent,#5b8dff);box-shadow:0 0 6px var(--accent,#5b8dff)}.arrange-minimap{border-top:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);cursor:pointer;touch-action:none;flex:none;height:42px;margin:0;position:relative;overflow:hidden}.mm-clip{background:var(--fg-subtle,#5b6472);opacity:.85;border-radius:1px;min-width:2px;position:absolute}.mm-clip.k-drum{background:#ff9a5b}.mm-clip.k-synth{background:#8b5bff}.mm-clip.k-sample{background:#5bd0c0}.mm-view{border:1px solid color-mix(in srgb, var(--accent,#5b8dff) 70%, #fff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent);pointer-events:none;border-radius:2px;min-width:6px;position:absolute;top:0;bottom:0}.mm-playhead{background:var(--fg-subtle,#5b6472);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.mm-playhead.live{background:var(--accent,#5b8dff);box-shadow:0 0 4px var(--accent,#5b8dff)}.arrange-auto{pointer-events:none;z-index:4;position:absolute;inset:0}.auto-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.arrange-auto.editing .auto-svg{pointer-events:auto}.auto-line{fill:none;stroke:var(--auto-color,#ffb454);stroke-width:1.5px;opacity:.45;pointer-events:none}.auto-editing .auto-line{opacity:.95;stroke-width:2px}.auto-line.dense{opacity:.3;stroke-width:1px}.auto-editing .auto-line.dense{opacity:.5;stroke-width:1px}.auto-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:none}.auto-editing .auto-hit{pointer-events:stroke;cursor:copy}.auto-dot{fill:var(--bg-deep,#0a0c10);stroke:var(--auto-color,#ffb454);stroke-width:2px;opacity:.55;pointer-events:none;transition:r .1s}.auto-editing .auto-dot{opacity:1;pointer-events:all;cursor:grab}.auto-editing .auto-dot:hover{fill:var(--auto-color,#ffb454)}.arrange-auto.editing .auto-dot:active{cursor:grabbing}.auto-label{fill:var(--auto-color,#ffb454);font-size:var(--ui-text-xs);opacity:0;pointer-events:none;text-transform:uppercase;letter-spacing:.03em;font-weight:600;transition:opacity .12s}.arrange-auto.editing .auto-label{opacity:.85}.arrange-auto-toggle.active{background:color-mix(in srgb, #ffb454 22%, var(--bg-elevated,#1c2128));color:var(--fg,#e8eaed);border-color:#ffb454}.arrange-draw-toggle.active{background:color-mix(in srgb, #c08bff 22%, var(--bg-elevated,#1c2128));color:var(--fg,#e8eaed);border-color:#c08bff}@media (prefers-reduced-motion:reduce){.auto-dot,.view-toggle button,.arrange-chip,.arrange-clip-x{transition:none}}.arrange-lane-head{align-items:center;gap:.25rem;display:flex}.arrange-lane-head .arrange-track-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.arrange-lane-head .track-expand{min-width:1.4rem;height:1.4rem;font-size:var(--ui-text-lg)}.arrange-lane-head .mix-btn{min-width:1.15rem;font-size:var(--ui-text-2xs);flex:none;padding:.05rem .25rem;line-height:1.25}.slot.k-sample,.slot.k-synth,.slot.k-drum{position:relative}.slot.k-sample:before,.slot.k-synth:before,.slot.k-drum:before{content:"";border-radius:var(--radius-sm,6px) 0 0 var(--radius-sm,6px);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;left:0}.slot.k-sample:before{background:#5b8dff}.slot.k-synth:before{background:#8b5bff}.slot.k-drum:before{background:#ff9a5b}.slot.k-brief:before{background:#d98bff}.slot.k-brief{position:relative}.slot.k-brief.filled{background:color-mix(in srgb, #d98bff 8%, var(--bg,#0e1116));border-style:dashed}.brief-body{flex-direction:column;gap:2px;padding:0;display:flex}.brief-desc{font-size:var(--ui-text-sm);color:var(--fg-muted,#b7bdc9);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-style:italic;line-height:1.2;display:-webkit-box;overflow:hidden}.brief-build{font-size:var(--ui-text-sm);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;background:#d98bff8c;border:1px solid #d98bffb3;align-self:stretch;padding:.18rem .3rem;font-weight:600}.brief-build:hover{background:#d98bffbf}.brief-build.off{color:#df9cff;background:0 0}.brief-lucky{font-size:var(--ui-text-sm);color:var(--fg-muted,#b7bdc9);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2a2f37);border-radius:var(--radius-sm,6px);cursor:pointer;align-self:stretch;margin-top:0;padding:.16rem .3rem;font-weight:600}.brief-lucky:hover{color:var(--fg,#e6e9ef);border-color:var(--fg-muted,#8b95a8)}.track-add-row{gap:.4rem;padding:.5rem .2rem;display:flex}.track-add,.track-remove{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px dashed var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.3rem .7rem;transition:border-color .12s,color .12s}.track-add:hover:not(:disabled),.track-remove:hover{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff);border-style:solid}.track-add:disabled{opacity:.4;cursor:not-allowed}.arrange-toolbar .track-add{font-size:var(--ui-text-sm);padding:.25rem .6rem}.graph-editor{background:var(--bg,#0e1116);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.graph-editor-head{border-bottom:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.55rem .9rem;display:flex}.graph-back{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-md);cursor:pointer;padding:.3rem .7rem}.graph-editor-title{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);font-weight:600}.graph-legend{font-size:var(--ui-text-xs);color:var(--fg-subtle,#5b6472);white-space:nowrap;align-items:center;gap:.7rem;display:inline-flex}.graph-legend-item{align-items:center;gap:.3rem;display:inline-flex}.graph-legend-swatch{border-top:2px solid var(--accent,#5b8dff);width:14px;height:0}.graph-legend-swatch.mod{border-top:2px dashed var(--warning,#ffb86c)}.graph-editor-hint{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8)}.graph-editor-palette{flex-wrap:wrap;align-items:center;gap:.7rem;margin-left:auto;display:flex}.graph-palette-group{align-items:center;gap:.3rem;display:flex}.graph-palette-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle,#5b6472)}.graph-add{background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#c3cad6);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.18rem .45rem}.graph-add:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.graph-add{touch-action:none}.graph-palette-ghost{z-index:var(--z-popover);font-size:var(--ui-text-sm);color:var(--accent,#5b8dff);background:var(--bg-elevated,#1c2128);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);pointer-events:none;padding:.2rem .5rem;font-weight:600;position:fixed;transform:translate(8px,8px);box-shadow:0 4px 14px #0006}.graph-canvas-scroll{flex:1;min-height:0;position:relative;overflow:auto}.graph-world-sizer{position:relative;overflow:hidden}.graph-world{transform-origin:0 0;background-image:radial-gradient(circle, var(--border,#252b34) 1px, transparent 1px);background-size:26px 26px;position:absolute;top:0;left:0}.graph-zoom{align-items:center;gap:.15rem;display:inline-flex}.graph-zoom button{background:var(--bg-elevated,#1c2128);min-width:26px;height:24px;color:var(--fg-muted,#c3cad6);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-md);cursor:pointer;padding:0 .4rem;line-height:1}.graph-zoom button:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.graph-zoom-reset{font-variant-numeric:tabular-nums;font-size:var(--ui-text-xs)!important;min-width:42px!important}.graph-zoom-fit{white-space:nowrap;font-size:var(--ui-text-xs)!important}.graph-minimap{border:1px solid var(--border,#2c333d);border-radius:var(--radius-sm,6px);background:color-mix(in srgb, var(--bg-surface,#14171c) 88%, transparent);z-index:6;flex:none;align-self:flex-end;margin:8px 14px 12px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.graph-mini-node{background:var(--accent,#5b8dff);opacity:.75;border-radius:2px;width:11px;height:7px;position:absolute}.graph-mini-view{border:1.5px solid var(--accent-strong,#7aa2ff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent);pointer-events:none;position:absolute}.graph-mini-hit{cursor:pointer;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.graph-wires{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.graph-wire{fill:none;stroke:var(--accent,#5b8dff);stroke-width:2px;opacity:.8}.graph-wire.mod{stroke:var(--warning,#ffb86c);stroke-dasharray:5 4}.graph-wire.dragging{stroke:var(--accent-soft,#9db1ff);stroke-width:2.5px;opacity:1;stroke-dasharray:6 4;pointer-events:none;animation:.5s linear infinite wire-flow}@keyframes wire-flow{to{stroke-dashoffset:-10px}}@media (prefers-reduced-motion:reduce){.graph-wire.dragging{animation:none}}.graph-wire-x{border:1px solid var(--border,#252b34);background:var(--bg-elevated,#1c2128);width:16px;height:16px;color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-sm);cursor:pointer;z-index:3;border-radius:50%;padding:0;line-height:1;position:absolute;transform:translate(-50%,-50%)}.graph-wire-x:hover{border-color:var(--danger,#ff6b6b);color:var(--danger,#ff6b6b)}.graph-wire-x.mod{border-color:var(--warning,#ffb86c)}.graph-endpoint{border:1px dashed var(--border,#353c47);border-radius:var(--radius-sm,6px);background:var(--bg-surface,#14171c);z-index:2;align-items:center;gap:.4rem;padding:.35rem .6rem;display:flex;position:absolute}.graph-ep-label{font-size:var(--ui-text-sm);letter-spacing:.04em;color:var(--fg-muted,#8b95a8);font-weight:600}.graph-node{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:var(--radius-md,9px);z-index:2;width:176px;position:absolute;box-shadow:0 6px 18px #00000059}.graph-node.dragging{border-color:var(--accent,#5b8dff);z-index:4;box-shadow:0 10px 26px #00000080}.graph-node-head{border-bottom:1px solid var(--border,#2c333d);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:.4rem;padding:.35rem .5rem;display:flex}.graph-node.dragging .graph-node-head{cursor:grabbing}.graph-node-titles{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.graph-node-type{font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);font-weight:600}.graph-node-io{font-size:var(--ui-text-2xs);letter-spacing:.01em;color:var(--fg-subtle,#5b6472)}.graph-node-x{width:16px;height:16px;color:var(--fg-subtle,#5b6472);font-size:var(--ui-text-lg);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.graph-node-x:hover{color:var(--danger,#ff6b6b)}.graph-node-view{width:18px;height:16px;color:var(--fg-subtle,#5b6472);font-size:var(--ui-text-sm);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;line-height:1}.graph-node-view:hover,.graph-node-view.active{color:var(--accent,#5b8dff);opacity:1}.graph-knobs{flex-wrap:wrap;gap:.3rem .5rem;padding:.45rem .5rem;display:flex}.graph-node-curve{padding:.4rem .5rem}.graph-node-curve .env-curve{width:200px}.graph-param{flex-direction:column;align-items:center;gap:.15rem;display:flex}.graph-param-key{font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5b6472)}.stepgrid{gap:.25rem}.stepgrid-bars{background:var(--bg,#12161c);border:1px solid var(--border,#252b34);border-radius:5px;align-items:flex-end;gap:2px;height:56px;padding:3px;display:flex}.stepgrid-bar{background:var(--surface,#1b212b);cursor:ns-resize;touch-action:none;border:none;border-radius:3px;width:13px;height:100%;padding:0;position:relative;overflow:hidden}.stepgrid-bar:focus-visible{outline:2px solid var(--accent,#6ea8fe);outline-offset:1px}.stepgrid-fill{background:var(--accent,#6ea8fe);pointer-events:none;border-radius:0 0 3px 3px;transition:height 30ms linear;position:absolute;bottom:0;left:0;right:0}.stepgrid-btns{align-items:center;gap:.35rem;display:flex}.stepgrid-btns button{border:1px solid var(--border,#252b34);background:var(--surface,#1b212b);width:18px;height:18px;color:var(--fg,#c7d0dd);cursor:pointer;border-radius:4px;padding:0;line-height:1}.stepgrid-btns button:disabled{opacity:.4;cursor:default}.stepgrid-btns button:hover:not(:disabled){border-color:var(--accent,#6ea8fe)}.stepgrid-count{font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5b6472);text-align:center;min-width:.8rem}.graph-lfo-sync{border-top:1px solid var(--border,#252b34);flex-direction:column;gap:.25rem;width:100%;margin-top:.1rem;padding-top:.4rem;display:flex}.graph-lfo-sync-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle,#5b6472)}.graph-lfo-divs{flex-wrap:wrap;gap:.2rem;display:flex}.graph-lfo-div{font-size:var(--ui-text-xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#c3cad6);background:var(--bg-surface,#14171c);border:1px solid var(--border,#2c333d);cursor:pointer;border-radius:5px;padding:.1rem .4rem;transition:border-color .12s,color .12s,background .12s}.graph-lfo-div:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.graph-lfo-div:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.graph-lfo-div.active{color:var(--bg,#0e1116);background:var(--warning,#ffb86c);border-color:var(--warning,#ffb86c);font-weight:600}.sampler-drop{background:var(--bg-surface,#14171c);border:1px dashed var(--border,#2c333d);cursor:default;border-radius:5px;min-width:76px;padding:.2rem .4rem;transition:border-color .12s,background .12s}.sampler-drop.over{border-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, var(--bg-surface,#14171c));border-style:solid}.sampler-name{font-size:var(--ui-text-xs);color:var(--fg-muted,#c3cad6);white-space:nowrap;text-overflow:ellipsis;max-width:90px;display:block;overflow:hidden}.graph-param input[type=text],.graph-enum{background:var(--bg-surface,#14171c);width:70px;color:var(--fg,#e8eaed);border:1px solid var(--border,#2c333d);font:inherit;font-size:var(--ui-text-xs);border-radius:5px;padding:.15rem .3rem}.graph-port{border:2px solid var(--bg,#0e1116);background-clip:content-box;background-color:var(--fg-subtle,#5b6472);cursor:pointer;z-index:3;border-radius:50%;width:20px;height:20px;padding:3.5px;position:absolute;top:50%;transform:translateY(-50%)}.graph-port:hover{background-color:var(--accent,#5b8dff)}.graph-port.in{left:-10px}.graph-port.out{right:-10px}.graph-endpoint .graph-port{position:static;transform:none}.graph-port.armed{background:var(--accent,#5b8dff);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#5b8dff) 35%, transparent)}.graph-port.droppable{background:var(--success,#4caf7d);box-shadow:0 0 0 4px color-mix(in srgb, var(--success,#4caf7d) 30%, transparent)}.plugin-fullscreen{background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#c3cad6);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-md);cursor:pointer;padding:.1rem .4rem}.plugin-fullscreen:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.tour-overlay{z-index:var(--z-tour);pointer-events:none;position:fixed;inset:0}.tour-ring{border:2px solid var(--accent,#5b8dff);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#5b8dff) 30%, transparent), 0 0 0 9999px #00000073;pointer-events:none;border-radius:10px;transition:left .2s,top .2s,width .2s,height .2s;position:fixed}.tour-card{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:var(--radius-md,10px);pointer-events:auto;width:320px;max-width:calc(100vw - 32px);padding:.9rem 1rem .8rem;transition:left .2s,top .2s;position:fixed;box-shadow:0 14px 40px #0000008c}.tour-count{font-size:var(--ui-text-xs);letter-spacing:.05em;color:var(--accent,#5b8dff);font-variant-numeric:tabular-nums;font-weight:600}.tour-title{font-size:var(--ui-text-xl);color:var(--fg,#e8eaed);margin:.2rem 0 .35rem;font-weight:600}.tour-note{font-size:var(--ui-text-md);color:var(--fg-muted,#b6bfce);margin:0 0 .85rem;line-height:1.45}.tour-actions{align-items:center;gap:.4rem;display:flex}.tour-spacer{flex:1}.tour-actions button{border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;border:1px solid var(--border,#2c333d);background:var(--bg-surface,#14171c);color:var(--fg-muted,#c3cad6);padding:.32rem .7rem}.tour-skip{color:var(--fg-subtle,#5b6472)!important;border-color:#0000!important}.tour-actions button:hover{color:var(--fg,#e8eaed)}.tour-next{font-weight:600;background:var(--accent,#5b8dff)!important;border-color:var(--accent,#5b8dff)!important;color:var(--fg-on-accent,#0a0c10)!important}.tour-next:hover{background:var(--accent-strong,#4f7ff0)!important}.tour-btn{background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#c3cad6);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);white-space:nowrap;cursor:pointer;padding:.25rem .6rem}.tour-btn:hover{border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.tour-btn-pulse{background:var(--accent,#5b8dff);color:#0b0e14;border-color:var(--accent,#5b8dff);font-weight:600;animation:2.4s ease-in-out infinite tour-btn-pulse}.tour-btn-pulse:hover{color:#0b0e14;filter:brightness(1.08)}@keyframes tour-btn-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent,#5b8dff) 55%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent,#5b8dff) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.tour-ring,.tour-card{transition:none}.tour-btn-pulse,.next-steps-card{animation:none}}.next-steps-card{z-index:var(--z-tour);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:var(--radius-md,10px);width:300px;max-width:calc(100vw - 32px);padding:1rem 1rem .85rem;animation:.22s ease-out next-steps-in;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 14px 40px #0000008c}@keyframes next-steps-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.next-steps-close{color:var(--fg-subtle,#5b6472);font-size:var(--ui-text-2xl);cursor:pointer;background:0 0;border:none;padding:.2rem;line-height:1;position:absolute;top:.5rem;right:.6rem}.next-steps-close:hover{color:var(--fg,#e8eaed)}.next-steps-title{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);margin:0 1.2rem .7rem 0;font-weight:600}.next-steps-actions{flex-direction:column;gap:.4rem;display:flex}.next-steps-btn{text-align:left;background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:flex-start;gap:.55rem;width:100%;padding:.5rem .65rem;transition:border-color .12s,background .12s;display:flex}.next-steps-btn:hover,.next-steps-btn:focus-visible{border-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 8%, var(--bg-surface,#14171c))}.next-steps-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.next-steps-icon{font-size:var(--ui-text-2xl);flex:none;line-height:1.3}.next-steps-btn strong{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);font-weight:600;display:block}.next-steps-btn small{font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);margin-top:.1rem;line-height:1.35;display:block}.graph-group{z-index:0;border:1.5px solid color-mix(in srgb, var(--accent,#5b8dff) 55%, transparent);background:color-mix(in srgb, var(--accent,#5b8dff) 7%, transparent);pointer-events:none;border-radius:12px;position:absolute}.graph-group-label{background:color-mix(in srgb, var(--accent,#5b8dff) 26%, var(--bg-surface,#14171c));cursor:grab;pointer-events:auto;touch-action:none;border-radius:11px 11px 0 0;align-items:center;gap:.3rem;padding:0 .4rem;display:flex;position:absolute;top:0;left:0;right:0}.graph-group-name{font-size:var(--ui-text-xs);color:var(--fg,#e8eaed);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.graph-group-x{width:18px;height:18px;color:var(--fg-muted,#c3cad6);font-size:var(--ui-text-md);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.graph-group-x:hover{color:var(--fg,#e8eaed)}.graph-node.selected{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.graph-node.compact{opacity:.95;width:132px}.graph-group-btn{background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#c3cad6);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-sm);cursor:pointer;padding:.2rem .5rem}.graph-group-btn:hover:not(:disabled){border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.graph-group-btn:disabled{opacity:.4;cursor:not-allowed}.device-card{background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:var(--radius-md,9px);margin-top:.45rem;overflow:hidden}.device-card.is-instrument{border-color:color-mix(in srgb, var(--accent,#5b8dff) 45%, var(--border,#2c333d))}.device-card-head{background:var(--bg-surface,#14171c);border-bottom:1px solid var(--border,#2c333d);align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.device-card-name{font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.device-preset-sel{max-width:8.5rem;font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:5px;flex:none;padding:.1rem .3rem}.device-preset-sel:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.device-preset-sel:focus-visible{border-color:var(--accent,#5b8dff);box-shadow:0 0 0 2px var(--accent-glow,#5b8dff73);outline:none}.device-card-actions{gap:.2rem;display:inline-flex}.device-card-btn{border:1px solid var(--border,#2c333d);background:var(--bg-elevated,#1c2128);width:22px;height:22px;color:var(--fg-muted,#c3cad6);font-size:var(--ui-text-md);cursor:pointer;border-radius:5px;padding:0;line-height:1}.device-card-btn:hover:not(:disabled){border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.device-card-btn:disabled{opacity:.35;cursor:not-allowed}.device-card-x:hover{border-color:var(--danger,#ff6b6b)!important;color:var(--danger,#ff6b6b)!important}.device-bypass{justify-content:center;align-items:center;display:flex}.device-bypass.bypassed{color:var(--fg-subtle,#5b6472);border-style:dashed}.device-bypass.bypassed:hover:not(:disabled){color:var(--fg-muted,#8b95a8)}.device-card-modules{flex-wrap:wrap;gap:.5rem;padding:.55rem .6rem;display:flex}.device-module{flex:13rem}.faceplate{padding:.55rem .7rem .7rem}.faceplate-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.faceplate-title{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);font-weight:600}.faceplate-verify{font-size:var(--ui-text-sm);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);flex:none;padding:.2rem .5rem}.faceplate-verify:hover:not(:disabled){color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.faceplate-verify:disabled{opacity:.6}.faceplate-blurb{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);margin:0 0 .6rem}.faceplate-knobs{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));justify-items:center;gap:.6rem .5rem;display:grid}.faceplate-knob{justify-content:center;display:flex}.strum{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);flex-direction:column;gap:.45rem;margin:0 0 .7rem;padding:.5rem;display:flex}.strum-chords{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.strum-roots,.strum-types{gap:2px;display:flex}.strum-roots button,.strum-types button{min-width:1.6rem;font-size:var(--ui-text-xs);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);padding:.18rem .3rem}.strum-roots button:hover,.strum-types button:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.strum-roots button.on,.strum-types button.on{background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff);color:var(--bg,#0b0d10)}.strum-chord-label{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);margin-left:auto;font-weight:600}.strum-plate{cursor:ew-resize;touch-action:none;gap:3px;height:3.4rem;display:flex}.strum-bar{background:linear-gradient(to top, var(--bg-elevated,#1c2128), var(--bg-surface,#14171c));border:1px solid var(--border,#252b34);border-radius:3px;flex:1;transition:background .12s,border-color .12s}.strum-bar:hover{border-color:var(--accent,#5b8dff);background:var(--bg-elevated,#1c2128)}@media (prefers-reduced-motion:reduce){.strum-bar{transition:none}}.faceplate-sections{flex-wrap:wrap;gap:.5rem;display:flex}.faceplate-section{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex-direction:column;gap:.4rem;max-width:calc(50% - .25rem);padding:.4rem .5rem .5rem;display:flex}.faceplate-section-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-subtle,#5b6472)}.face-sliders{flex-wrap:wrap;align-items:flex-end;gap:.35rem .5rem;display:flex}.face-slider{flex-direction:column;align-items:center;gap:.2rem;width:2.1rem;display:flex}.face-slider-val{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8)}.face-slider-input{writing-mode:vertical-lr;accent-color:#5fd0c8;cursor:ns-resize;direction:rtl;width:1.2rem;height:4.7rem;margin:0}.face-slider-input:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px;border-radius:3px}.face-slider-label{font-size:var(--ui-text-2xs);letter-spacing:.02em;color:var(--fg-subtle,#5b6472);text-align:center}.face-switch{width:1.6rem;height:4.7rem;font-size:var(--ui-text-2xs);letter-spacing:.02em;border-radius:var(--radius-sm,6px);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff0f}.face-switch:hover{border-color:var(--accent,#5b8dff)}.face-choice{width:3.6rem}.face-switch-wide{white-space:nowrap;width:3.4rem}.faceplate-pg800 .face-switch{background:#23262c;border-color:#41454c}.faceplate-knobs .face-choice{gap:.25rem;width:4.3rem}.faceplate-knobs .face-switch{width:100%;height:4.2rem}.faceplate-knobs .face-choice .face-slider-label{white-space:nowrap}.faceplate-pg800{background:linear-gradient(#4a4e55,#34373d 60%,#2b2e33);border:1px solid #20232a;border-radius:8px;margin:.3rem .4rem .5rem;padding:.6rem .7rem .7rem;box-shadow:inset 0 1px #ffffff14,0 2px 8px #0006}.faceplate-pg800 .faceplate-title{color:#eef0f3;letter-spacing:.06em;text-transform:uppercase;font-size:var(--ui-text-sm)}.faceplate-pg800 .faceplate-blurb{color:#aab0ba}.faceplate-pg800 .faceplate-section{background:#00000038;border:1px solid #23262c;border-top:2px solid #6c7787}.faceplate-pg800 .faceplate-section-label{color:#cfd4dc;font-weight:700}.faceplate-pg800 .face-slider-val{color:#c3c9d2}.faceplate-pg800 .face-slider-label{color:#aab0ba;font-weight:600}.faceplate-pedal{gap:var(--space-2,8px);max-width:16rem;padding:var(--space-3,12px) var(--space-2,8px) var(--space-2,8px);margin:var(--space-1,4px) var(--space-1,4px) var(--space-2,8px);background:linear-gradient(168deg, color-mix(in srgb, var(--pedal-colour) 88%, white 12%), var(--pedal-colour) 42%, color-mix(in srgb, var(--pedal-colour) 74%, black 26%));border:1px solid color-mix(in srgb, var(--pedal-colour) 50%, black 50%);border-radius:var(--radius-md,8px);flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff24,inset 0 -1px 3px #00000047,0 2px 6px #00000061}.faceplate-pedal .faceplate-head{margin-bottom:0}.faceplate-pedal .faceplate-title{text-align:center;color:#f6f4ee;width:100%;font-size:var(--ui-text-sm);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 1px #00000073;font-weight:700}.faceplate-pedal .faceplate-knobs{justify-content:center;align-items:flex-start;gap:var(--space-2,8px) var(--space-1,4px);padding:var(--space-2,8px) var(--space-1,4px);border-radius:var(--radius-sm,6px);background:#00000029;border:1px solid #00000038;flex-wrap:wrap;display:flex;box-shadow:inset 0 1px 3px #0000004d}.faceplate-pedal .faceplate-knob{flex:0 0 4.4rem}.faceplate-pedal .knob-label,.faceplate-pedal .face-slider-label{color:#e6e2d8;letter-spacing:.04em}.faceplate-pedal .knob-val{color:#f2efe6;font-variant-numeric:tabular-nums}.faceplate-pedal .faceplate-knobs:has(>:nth-child(4)):not(:has(>:nth-child(5))){max-width:10rem;margin-inline:auto}.pedal-foot{padding-top:var(--space-2,8px);border-top:1px solid #0003;justify-content:center;display:flex;box-shadow:inset 0 1px #ffffff0f}.pedal-footswitch{cursor:pointer;background:radial-gradient(circle at 35% 28%,#e2e4e8,#9aa0a8 52%,#4e5157);border:1px solid #2b2d31;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:filter .1s,box-shadow .1s;display:flex;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -2px 3px #00000059,0 2px 4px #00000073}.pedal-footswitch:hover{filter:brightness(1.06)}.pedal-footswitch:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000073,0 1px 1px #0000004d}.pedal-footswitch:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.pedal-led{background:#4a1210;border-radius:50%;width:.5rem;height:.5rem;transition:background .12s,box-shadow .12s;box-shadow:inset 0 1px 1px #00000080}.pedal-led-on{background:#ff4a3d;box-shadow:0 0 5px 1px #ff4a3dd9}@media (prefers-reduced-motion:reduce){.pedal-led,.pedal-footswitch{transition:none}.pedal-footswitch:active{transform:none}}.faceplate-patch{font-size:var(--ui-text-sm);color:#eef0f3;border-radius:var(--radius-sm,6px);background:#2b2e33;border:1px solid #4a4e55;padding:.15rem .4rem}.device-module{border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);background:var(--bg,#0e1116);flex-direction:column;gap:.25rem;padding:.35rem .45rem;display:flex}.device-module-label{font-size:var(--ui-text-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-soft,#8fb4ff);font-weight:600}.device-module-params{flex-wrap:wrap;align-items:flex-end;gap:.3rem .45rem;display:flex}.device-module-divider{background:var(--border,#252b34);flex:none;align-self:stretch;width:1px;margin:0 .15rem}.env-curve{background:var(--bg-base,#0e1116);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);touch-action:none;flex:none;display:block}.env-curve-fill{fill:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent);stroke:none}.env-curve-line{fill:none;stroke:var(--accent,#5b8dff);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.env-curve-gate{stroke:var(--fg-subtle,#5b6472);stroke-width:1px;stroke-dasharray:2 3}.env-handle{fill:var(--bg-elevated,#1c2128);stroke:var(--accent,#5b8dff);stroke-width:1.5px;cursor:grab;transition:fill .12s,r .12s}.env-handle:hover{fill:var(--accent,#5b8dff)}.env-handle:active{cursor:grabbing;fill:var(--accent,#5b8dff)}.filter-curve-cut{stroke:color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent);stroke-width:1px;stroke-dasharray:2 3}.comp-gr-bar{fill:var(--warning,#ffb84d);opacity:.85}.comp-gr-label{fill:var(--warning,#ffb84d);font-size:var(--ui-text-2xs)}.comp-curve-unity{stroke:color-mix(in srgb, var(--fg-subtle,#5b6472) 70%, transparent);stroke-width:1px;stroke-dasharray:2 3}.device-delay-sync{flex-basis:100%;align-items:center;gap:.3rem;margin-bottom:.1rem;display:inline-flex}.device-sync-toggle{font-size:var(--ui-text-2xs);border:1px solid var(--border,#2c333d);background:var(--bg-surface,#14171c);color:var(--fg-muted,#8b95a8);cursor:pointer;border-radius:5px;padding:.16rem .4rem;font-weight:600;transition:background .12s,color .12s,border-color .12s}.device-sync-toggle:hover{color:var(--fg,#e8eaed)}.device-sync-toggle.active{background:color-mix(in srgb, var(--accent,#5b8dff) 20%, var(--bg-surface,#14171c));border-color:var(--accent,#5b8dff);color:var(--fg,#e8eaed)}.device-sync-toggle:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.device-param,.mixer-param{flex-direction:column;align-items:center;gap:.12rem;display:flex}.device-param-key{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8)}.device-enum{background:var(--bg-surface,#14171c);color:var(--fg,#e8eaed);border:1px solid var(--border,#2c333d);font:inherit;font-size:var(--ui-text-xs);border-radius:5px;padding:.12rem .28rem}.library-drawer{width:min(440px,94vw);z-index:var(--z-panel);background:var(--bg-surface,#14171c);border-left:1px solid var(--border,#252b34);flex-direction:column;animation:.16s cre-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000059}.library-drawer .modal-actions{margin-top:auto}@keyframes cre-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.library-drawer{animation:none}}.library-inner{flex-direction:column;height:100%;min-height:0;padding:.9rem 1rem;display:flex}.cre-controls{flex-direction:column;gap:.5rem;margin-bottom:.6rem;display:flex}.cre-search{background:var(--bg-elevated,#1c2128);width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:.4rem .6rem}.cre-filters{flex-wrap:wrap;gap:.3rem;display:flex}.cre-filter{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;display:inline-flex}.cre-filter.active{color:var(--fg-on-accent,#fff);background:var(--accent,#5b8dff);border-color:#0000}.cre-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cre-item{background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:grab;align-items:center;gap:.55rem;padding:.45rem .55rem;display:flex}.cre-item:active{cursor:grabbing}.cre-item:hover{border-color:var(--accent,#5b8dff)}.cre-item.fav{border-left:3px solid var(--warning,#e6b800)}.cre-icon{color:var(--accent,#5b8dff);flex:none;align-items:center;display:inline-flex}.cre-meta{flex-direction:column;flex:auto;gap:.1rem;min-width:0;display:flex}.cre-name-row{align-items:center;gap:.4rem;min-width:0;display:flex}.cre-name{font-size:var(--ui-text-md);color:var(--fg,#e8eaed);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cre-verify{font-size:var(--ui-text-2xs);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex:none;padding:.05rem .32rem;font-weight:700}.cre-verify.ok{color:var(--success,#46c07a);background:color-mix(in srgb, var(--success,#46c07a) 16%, transparent)}.cre-verify.bad{color:var(--warning,#e0a23a);background:color-mix(in srgb, var(--warning,#e0a23a) 16%, transparent)}.cre-desc{font-size:var(--ui-text-xs);color:var(--fg-subtle,#5b6472);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cre-tags{flex-wrap:wrap;gap:.2rem;margin-top:.1rem;display:flex}.cre-tag{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border-radius:999px;padding:.02rem .3rem}.cre-date{font-size:var(--ui-text-xs);color:var(--fg-subtle,#5b6472);font-variant-numeric:tabular-nums;flex:none}.cre-actions{flex:none;gap:.15rem;display:flex}.cre-actions button{min-width:0;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);padding:.15rem .35rem}.cre-fav.on{color:var(--warning,#e6b800)}.cre-discard:hover{color:var(--danger,#ff5b6a);border-color:var(--danger,#ff5b6a)}.cre-empty{color:var(--fg-subtle,#5b6472);font-size:var(--ui-text-md);text-align:center;padding:1rem 0}.project-file{gap:.5rem;margin-top:.7rem;display:flex}.project-note{font-size:var(--ui-text-md);color:var(--fg-subtle,#6b7482);margin:.6rem 0 0;line-height:1.45}.project-note strong{color:var(--fg-muted,#9aa4b2)}.project-file>button,.project-import{font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .7rem;display:inline-flex}.project-file>button:hover,.project-import:hover{border-color:var(--accent,#5b8dff)}.project-import input{display:none}.project-current-backend{color:var(--fg-subtle,#6b7482);font-size:var(--ui-text-sm);font-weight:400}.project-target{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:.3rem;min-width:0;margin:0;padding:0;display:inline-flex}.project-target input{accent-color:var(--accent,#5b8dff)}.project-dest-chip{font:inherit;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;white-space:nowrap;align-items:center;gap:.25rem;padding:.25rem .55rem;display:inline-flex}.project-dest-chip:hover{border-color:var(--accent,#5b8dff)}.project-dest-chip[aria-pressed=true]{background:var(--accent-dim,#24385f);color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.unsaved-dot{background:var(--accent,#5b8dff);border-radius:50%;flex:none;width:7px;height:7px}.lib-shared{flex-direction:column;gap:1px;padding:2px 4px;display:flex}.lib-shared-item{cursor:default}.lib-import-ic{transform:rotate(180deg)}.lib-sync{color:var(--fg-subtle,#5f6878);flex:none;align-items:center;display:inline-flex}.lib-sync.is-synced{color:var(--fg-muted,#8b95a8)}.lib-sync.is-pending{color:var(--accent,#5b8dff);animation:1.2s ease-in-out infinite lib-sync-pulse}.lib-sync.is-failed{color:var(--danger,#ff6b6b)}@keyframes lib-sync-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.lib-sync.is-pending{animation:none}}.lib-last-sync{font-size:var(--ui-text-2xs);color:var(--fg-subtle,#5f6878);align-items:center;gap:4px;padding:2px 8px 4px;display:flex}.project-cloud{margin-top:.6rem}.account-signin{font:inherit;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .7rem;display:inline-flex}.account-signin:hover{border-color:var(--accent,#5b8dff)}.account-menu{gap:0;min-width:300px;max-width:340px;padding:10px}.account-menu .account-panel{flex-direction:column;display:flex}.account-note{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);margin:.35rem 0 0;line-height:1.45}.account-panel>.account-note:first-child{margin-top:0}.account-usage.near{color:var(--warn,#ffb454)}.account-actions{align-items:center;gap:var(--space-2,8px);flex-wrap:wrap;margin-top:.4rem;display:flex}.account-danger{color:var(--danger,#ff6b6b)}.account-danger:hover:not(:disabled){border-color:var(--danger,#ff6b6b)}.account-current{justify-content:space-between;align-items:center;gap:var(--space-2,8px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);padding:.4rem .6rem;display:flex}.account-current>span{overflow-wrap:anywhere;min-width:0}.account-current>button{white-space:nowrap;flex:none}.account-unreachable,.project-cloud-unreachable{font-size:var(--ui-text-sm);color:var(--warning,#e2b93d);border:1px solid color-mix(in srgb, var(--warning,#e2b93d) 40%, transparent);border-radius:var(--radius-sm,6px);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;padding:.35rem .6rem;display:flex}.project-workspace{margin-top:.6rem}.project-workspace>button{font:inherit;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .7rem;display:inline-flex}.project-workspace>button:hover{border-color:var(--accent,#5b8dff)}.project-workspace-current{justify-content:space-between;align-items:center;gap:var(--space-2,8px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);padding:.4rem .6rem;display:flex}.project-item-backend{color:var(--fg-subtle,#6b7482);vertical-align:-1px;margin-left:.35rem}.mixer{background:var(--bg-deep,#0a0c10);height:100%;min-height:0;padding:var(--space-4,16px);flex-direction:column;justify-content:safe center;align-items:center;gap:.4rem;display:flex;overflow-y:auto}.mixer-bar{align-self:stretch;align-items:center;gap:var(--space-2,8px);margin-bottom:var(--space-2,8px);flex:none;display:flex}.mixer-midi-badge{height:1.5rem;font-size:var(--ui-text-xs);border-radius:var(--radius-sm,4px);background:var(--accent,#5b8dff);color:var(--fg-on-accent,#fff);align-items:center;padding:0 .5rem;font-weight:600;display:inline-flex}.mixer-midi-hint{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8)}.mixer-midi-clear{height:1.5rem;font-size:var(--ui-text-xs);border-radius:var(--radius-sm,4px);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);background:0 0;padding:0 .5rem}.mixer-midi-clear:hover{color:var(--danger,#ff6b6b);border-color:var(--danger,#ff6b6b)}.mixer-solo-badge{height:1.5rem;font-size:var(--ui-text-xs);border-radius:var(--radius-sm,4px);background:var(--warning,#f5c451);color:#1a1400;align-items:center;padding:0 .5rem;font-weight:600;display:inline-flex}.mixer-solo-hint{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8)}.mixer-solo-clear{height:1.5rem;font-size:var(--ui-text-xs);border-radius:var(--radius-sm,4px);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);background:0 0;padding:0 .5rem}.mixer-solo-clear:hover{color:var(--fg,#e8eaed);border-color:var(--warning,#f5c451)}.midi-learnable{min-width:0;display:inline-flex;position:relative}.mix-fader-row>.midi-learnable{align-self:stretch}.mix-strip-btns>.midi-learnable{flex:1 1 0}.mix-strip-btns>.midi-learnable>.mix-btn{flex:1 1 0;width:100%;min-width:0}.midi-learn-overlay{z-index:3;border-radius:var(--radius-sm,4px);border:1px dashed var(--accent,#5b8dff);cursor:crosshair;background:#5b8dff29;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:-2px}.midi-learnable.bound .midi-learn-overlay{border-style:solid;border-color:var(--success,#4ade80);background:#4ade8029}.midi-learnable.armed .midi-learn-overlay{border-color:var(--warning,#ffb84d);background:#ffb84d38;animation:.9s ease-in-out infinite midi-learn-pulse}.midi-learn-overlay:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.midi-learn-chip{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--bg-deep,#0a0c10);color:var(--fg,#e8eaed);pointer-events:none;border-radius:999px;padding:1px 4px;font-weight:700}.midi-learn-clear{z-index:4;width:14px;height:14px;line-height:1;font-size:var(--ui-text-2xs);border:1px solid var(--border,#252b34);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border-radius:50%;padding:0;position:absolute;top:-6px;right:-6px}.midi-learn-clear:hover{color:var(--fg-on-accent,#fff);background:var(--danger,#ff6b6b);border-color:#0000}@keyframes midi-learn-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.midi-learnable.armed .midi-learn-overlay{animation:none}}.mixer-console{align-items:stretch;gap:var(--space-3,12px);min-width:0;max-width:100%;max-height:100%;padding:var(--space-4,16px) var(--space-3,12px);background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);border-radius:var(--radius-lg,12px);flex:0 auto;display:flex;box-shadow:inset 0 1px #ffffff05}.mixer-strips-wrap{flex:0 auto;min-width:0;display:flex;position:relative}.mixer-strips{align-items:stretch;gap:var(--space-2,8px);width:max-content;min-width:0;max-width:100%;padding-bottom:var(--space-2,8px);flex:0 auto;display:flex;overflow:auto hidden}.mixer-more-cue{top:0;right:0;bottom:var(--space-2,8px);pointer-events:none;width:44px;font-size:var(--ui-text-2xl);color:var(--fg-muted,#8b95a8);background:linear-gradient(to right, transparent, var(--bg-deep,#0a0c10) 78%);justify-content:flex-end;align-items:center;padding-right:4px;display:flex;position:absolute}.mixer-strips::-webkit-scrollbar{height:8px}.flow::-webkit-scrollbar{height:8px}.drum-grid::-webkit-scrollbar{height:8px}.mixer-strips::-webkit-scrollbar-track{background:var(--bg-deep,#0a0c10);border-radius:4px}.flow::-webkit-scrollbar-track{background:var(--bg-deep,#0a0c10);border-radius:4px}.drum-grid::-webkit-scrollbar-track{background:var(--bg-deep,#0a0c10);border-radius:4px}.mixer-strips::-webkit-scrollbar-thumb{background:var(--fg-subtle,#5b6472);border-radius:4px}.flow::-webkit-scrollbar-thumb{background:var(--fg-subtle,#5b6472);border-radius:4px}.drum-grid::-webkit-scrollbar-thumb{background:var(--fg-subtle,#5b6472);border-radius:4px}.mixer-strips::-webkit-scrollbar-thumb:hover{background:var(--fg-muted,#8b95a8)}.flow::-webkit-scrollbar-thumb:hover{background:var(--fg-muted,#8b95a8)}.drum-grid::-webkit-scrollbar-thumb:hover{background:var(--fg-muted,#8b95a8)}.mix-strip{align-items:center;gap:var(--space-2,8px);width:104px;min-width:84px;padding:var(--space-2,8px) var(--space-2,8px) var(--space-3,12px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);cursor:pointer;flex-direction:column;flex:0 104px;transition:opacity .12s,border-color .12s,background-color .12s;display:flex;box-shadow:0 1px 2px #00000040}.mix-strip.selected{border-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 10%, var(--bg-elevated,#1c2128))}.mix-strip:has(.mix-btn.on[title=Mute]){opacity:.55}.mix-master{border-color:color-mix(in srgb, var(--accent,#5b8dff) 50%, var(--border,#252b34));background:linear-gradient(180deg, color-mix(in srgb, var(--accent,#5b8dff) 10%, var(--bg-elevated,#1c2128)), var(--bg-elevated,#1c2128));flex:none;align-self:flex-start}.mix-strip-head{align-items:center;gap:var(--space-1,4px);width:100%;min-width:0;display:flex}.mix-strip-swatch{border-radius:var(--radius-sm,3px);background:hsl(var(--strip-hue,210) 70% 58%);flex:none;width:8px;height:8px}.mix-master .mix-strip-swatch{background:var(--accent,#5b8dff)}.mix-strip-name{font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.mix-strip-name-edit{width:100%;min-width:0;font-size:var(--ui-text-sm);color:var(--fg,#e8eaed);background:var(--bg,#14161c);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,3px);flex:auto;padding:0 2px;font-weight:600}.mix-strip-name-edit:focus-visible{outline:none}.mix-knobs{flex:none;justify-content:center;align-items:flex-start;gap:2px;min-height:62px;display:flex}.mix-knobs .knob{width:32px}.mix-knobs .knob-label,.mix-knobs .knob-val{max-width:32px}.mixer-midi-takeover{font-size:var(--ui-text-xs);color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.mixer-midi-takeover select{font-size:var(--ui-text-xs);padding:1px 4px}.mix-sc-depth{width:100%;height:10px;accent-color:var(--accent,#7aa2f7);flex:none;margin:1px 0 2px}.mix-sidechain{align-items:center;gap:var(--space-1,4px);flex:none;justify-content:center;margin:2px 0;display:flex}.mix-sidechain-spacer{visibility:hidden;pointer-events:none}.mix-sidechain-label{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);letter-spacing:.04em;font-weight:600}.mix-sidechain-select{min-width:0;max-width:70px;font-size:var(--ui-text-2xs);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:auto;padding:1px 2px}.mix-fader-row{justify-content:center;align-items:stretch;gap:var(--space-2,8px);flex:none;height:240px;display:flex}.mix-fader{writing-mode:vertical-lr;width:18px;height:100%;accent-color:var(--accent,#5b8dff);cursor:ns-resize;direction:rtl}.mix-fader:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px;border-radius:var(--radius-sm,3px)}.mix-meter{border-radius:var(--radius-sm,3px);background:var(--bg-deep,#0a0c10);border:1px solid var(--border,#252b34);width:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 3px #0009}.mix-meter-fill{background:linear-gradient(to top, var(--success,#4ccf7a) 0%, var(--success,#4ccf7a) 60%, var(--warning,#ffb454) 82%, var(--danger,#ff5b6a) 100%);width:100%;transition:height 60ms linear;position:absolute;bottom:0;left:0}.mix-meter-peak{background:var(--fg,#e8eaed);pointer-events:none;width:100%;height:2px;transition:bottom 60ms linear;position:absolute;left:0;box-shadow:0 0 2px #000000d9}.mix-meter-grid{pointer-events:none;background:#ffffff17;width:100%;height:1px;position:absolute;left:0}.mix-meter-with-scale{align-items:stretch;gap:3px;display:flex}.mix-meter-scale{flex:none;width:1.1rem;position:relative}.mix-meter-tick{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle,#5b6472);pointer-events:none;line-height:1;position:absolute;left:0;transform:translateY(50%)}.mix-db{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8);flex:none}.mix-spectrum{border-radius:var(--radius-md,6px);background:var(--bg-deep,#0a0c10);border:1px solid var(--border,#252b34);flex-direction:column;flex:none;align-self:stretch;gap:3px;margin-top:10px;padding:8px 10px 6px;display:flex;position:relative}.mix-spectrum-empty{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);pointer-events:none;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.mix-spectrum-bars{align-items:flex-end;gap:2px;height:84px;display:flex}.mix-spec-band{flex:1 1 0;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.mix-spec-band:after{content:"";background:var(--border,#252b34);border-radius:1px;height:2px;position:absolute;inset:auto 0 0}.mix-spec-fill{z-index:1;background:linear-gradient(to top, var(--accent,#5b8dff) 0%, color-mix(in srgb, var(--accent,#5b8dff) 70%, var(--success,#4ccf7a)) 55%, var(--warning,#ffb454) 88%, var(--danger,#ff5b6a) 100%);border-radius:1px 1px 0 0;width:100%;transition:height 70ms linear;position:relative}.mix-spectrum-scale{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle,#6b7486);letter-spacing:.02em;justify-content:space-between;display:flex}@media (prefers-reduced-motion:reduce){.mix-spec-fill{transition:none}}.mix-loud{border-radius:var(--radius-sm,3px);background:var(--bg-deep,#0a0c10);border:1px solid var(--border,#252b34);flex-direction:column;flex:none;gap:2px;width:100%;padding:5px 6px;display:flex}.mix-loud-main{align-items:baseline;gap:4px;display:flex}.mix-loud-val{font-size:var(--ui-text-xl);font-variant-numeric:tabular-nums;color:var(--fg,#e6ebf2);line-height:1.1;transition:color .15s}.mix-loud.ok .mix-loud-val{color:var(--success,#4ccf7a)}.mix-loud.hot .mix-loud-val{color:var(--danger,#ff5b6a)}.mix-loud.quiet .mix-loud-val{color:var(--fg-muted,#8b95a8)}.mix-loud-unit{font-size:var(--ui-text-2xs);letter-spacing:.04em;color:var(--fg-muted,#8b95a8)}.mix-loud-sub{font-size:var(--ui-text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8);justify-content:space-between;gap:6px;display:flex}.mix-loud-peakhot{color:var(--danger,#ff5b6a)}.mix-phase{border-radius:var(--radius-sm,3px);background:var(--bg-deep,#0a0c10);border:1px solid var(--border,#252b34);flex-direction:column;flex:none;gap:3px;width:100%;padding:4px 6px;display:flex}.mix-phase-head{font-size:var(--ui-text-2xs);color:var(--fg-muted,#8b95a8);align-items:center;gap:5px;display:flex}.mix-phase-dot{background:var(--success,#4ccf7a);border-radius:50%;flex:none;width:6px;height:6px;transition:background .15s}.mix-phase.warn .mix-phase-dot{background:var(--warning,#ffb454)}.mix-phase.danger .mix-phase-dot{background:var(--danger,#ff5b6a)}.mix-phase-name{letter-spacing:.02em}.mix-phase-val{font-variant-numeric:tabular-nums;color:var(--fg-muted,#8b95a8);margin-left:auto}.mix-phase.warn .mix-phase-val{color:var(--warning,#ffb454)}.mix-phase.danger .mix-phase-val{color:var(--danger,#ff5b6a)}.mix-phase-bar{background:linear-gradient(to right, color-mix(in srgb, var(--danger,#ff5b6a) 42%, transparent) 0%, color-mix(in srgb, var(--warning,#ffb454) 26%, transparent) 30%, color-mix(in srgb, var(--success,#4ccf7a) 18%, transparent) 62%, color-mix(in srgb, var(--success,#4ccf7a) 30%, transparent) 100%);border-radius:3px;height:5px;position:relative;overflow:hidden}.mix-phase-center{background:color-mix(in srgb, var(--fg-muted,#8b95a8) 50%, transparent);width:1px;position:absolute;top:0;bottom:0;left:62.5%}.mix-phase-marker{background:var(--fg,#e6ebf2);border-radius:1px;width:2px;margin-left:-1px;transition:left .1s linear;position:absolute;top:-1px;bottom:-1px;box-shadow:0 0 3px #000000b3}.mix-strip-btns{gap:var(--space-1,4px);flex:none;width:100%;margin-top:auto;display:flex}.mix-strip-btns .mix-btn{flex:1 1 0;min-width:0}.mix-strip-btns-empty{height:1.85rem}.mix-signal-btn{min-width:0;height:1.85rem;font-size:var(--ui-text-sm);white-space:nowrap;color:var(--fg-muted,#9aa4b2);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;font-weight:600;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.mix-signal-btn:hover{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.mix-signal-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.listener-backdrop{z-index:var(--z-modal);background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--accent,#5b8dff) 22%, #05070c) 0%, #05070c 62%);justify-content:center;align-items:center;padding:1.5rem;animation:.28s listener-fade;display:flex;position:fixed;inset:0}.listener-card{text-align:center;background:var(--surface,#12161d);border:1px solid var(--border,#252b34);border-radius:20px;flex-direction:column;align-items:center;gap:1rem;width:min(420px,100%);padding:2.4rem 1.8rem 2rem;animation:.3s cubic-bezier(.2,.8,.2,1) listener-rise;display:flex;position:relative;box-shadow:0 24px 80px #0000008c}.listener-skip{width:1.9rem;height:1.9rem;color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-2xl);cursor:pointer;background:0 0;border:none;border-radius:50%;line-height:1;position:absolute;top:.7rem;right:.8rem}.listener-skip:hover{background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed)}.listener-eyebrow{font-size:var(--ui-text-md);letter-spacing:.02em;color:var(--fg-muted,#9aa4b2);font-weight:600}.listener-title{font-size:var(--ui-text-3xl);color:var(--fg,#f2f5fa);overflow-wrap:anywhere;max-width:100%;margin:0;font-weight:700;line-height:1.2}.listener-play{font-size:var(--ui-text-xl);color:var(--on-accent,#06080d);background:var(--accent,#5b8dff);cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent);border:none;border-radius:999px;align-items:center;gap:.55rem;margin-top:.4rem;padding:.85rem 2.2rem;font-weight:700;transition:transform .12s,box-shadow .2s,background .15s;display:inline-flex}.listener-play:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--accent,#5b8dff) 55%, transparent);transform:translateY(-1px)}.listener-play.live{background:var(--danger,#ff5c6c);color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--danger,#ff5c6c) 40%, transparent)}.listener-play-glyph{font-size:.85em}.listener-play:focus-visible,.listener-remix:focus-visible{outline:2px solid var(--fg,#e8eaed);outline-offset:3px}.listener-remix{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border-strong,#353c47);cursor:pointer;border-radius:10px;padding:.55rem 1.2rem;font-weight:600}.listener-remix:hover{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.listener-foot{font-size:var(--ui-text-md);color:var(--fg-subtle,#6b7482);min-height:1rem}.dialog-backdrop{z-index:var(--z-dialog);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0305098c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.dialog-card{background:var(--surface,#12161d);border:1px solid var(--border,#252b34);border-radius:14px;flex-direction:column;gap:1rem;width:min(400px,100%);padding:1.4rem 1.4rem 1.1rem;display:flex;box-shadow:0 18px 60px #00000080}.dialog-message{font-size:var(--ui-text-xl);color:var(--fg,#e8eaed);margin:0;line-height:1.45}.dialog-prompt{flex-direction:column;gap:.45rem;display:flex}.dialog-label{font-size:var(--ui-text-lg);color:var(--fg-muted,#9aa4b2)}.dialog-input{box-sizing:border-box;width:100%;font:inherit;font-size:var(--ui-text-xl);color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border-strong,#353c47);border-radius:8px;padding:.55rem .7rem}.dialog-input:focus-visible{border-color:var(--accent,#5b8dff);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#5b8dff) 30%, transparent);outline:none}.dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:.2rem;display:flex}.dialog-cancel,.dialog-confirm{font:inherit;font-size:var(--ui-text-lg);cursor:pointer;border-radius:8px;padding:.5rem 1.05rem;font-weight:600}.dialog-cancel{color:var(--fg-muted,#9aa4b2);border:1px solid var(--border,#252b34);background:0 0}.dialog-cancel:hover{color:var(--fg,#e8eaed);border-color:var(--border-strong,#353c47)}.dialog-confirm{color:var(--on-accent,#06080d);background:var(--accent,#5b8dff);border:1px solid var(--accent,#5b8dff)}.dialog-confirm.danger{background:var(--danger,#ff5c6c);border-color:var(--danger,#ff5c6c);color:#fff}.dialog-cancel:focus-visible,.dialog-confirm:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}@keyframes listener-fade{0%{opacity:0}}@keyframes listener-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (prefers-reduced-motion:reduce){.listener-backdrop,.listener-card{animation:none}.listener-play:hover{transform:none}}.mixer .mix-btn{transition:background .1s,color .1s,border-color .1s}.mixer .mix-btn:hover{border-color:var(--border-strong,#353c47);color:var(--fg,#e8eaed)}.mixer .mix-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.mixer .mix-btn.on[title=Mute]{background:var(--danger,#ff5b6a);color:#1a0507}.mixer-divider{background:linear-gradient(to bottom, transparent, var(--border,#252b34) 12%, var(--border,#252b34) 88%, transparent);flex:none;align-self:center;width:1px;height:320px;max-height:100%}@media (prefers-reduced-motion:reduce){.mix-meter-fill,.mix-strip,.mixer .mix-btn{transition:none}}.arrange-empty{pointer-events:none;z-index:3;place-items:center;padding:1rem;display:grid;position:absolute;top:26px;bottom:0}.arrange-empty-card{text-align:center;background:color-mix(in srgb, var(--bg-surface,#14171c) 88%, transparent);border:1px solid var(--border,#252b34);border-radius:var(--radius-md,10px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-width:420px;padding:1rem 1.2rem}.arrange-empty-title{font-size:var(--ui-text-xl);color:var(--fg,#e8eaed);justify-content:center;align-items:center;gap:.45rem;margin-bottom:.4rem;font-weight:600;display:flex}.arrange-empty-title .ui-icon{color:var(--accent,#5b8dff)}.arrange-empty-card p{font-size:var(--ui-text-md);color:var(--fg-muted,#8b95a8);margin:0;line-height:1.5}.toaster{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:.5rem;max-width:min(24rem,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--radius-md,10px);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-left:3px solid var(--fg-subtle,#5b6472);color:var(--fg,#e8eaed);font-size:var(--ui-text-md);pointer-events:auto;align-items:center;gap:.55rem;padding:.6rem .7rem .6rem .8rem;line-height:1.35;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 24px #0006}.toast-decision{box-shadow:0 8px 24px #0006, 0 0 0 1px var(--accent,#6c8cff) inset;border-left-width:4px}.toast-success{border-left-color:var(--success,#3ecf8e)}.toast-error{border-left-color:var(--danger,#ff5b6a)}.toast-info{border-left-color:var(--accent,#5b8dff)}.toast-icon{flex:none;align-items:center;line-height:1;display:inline-flex}.toast-success .toast-icon{color:var(--success,#3ecf8e)}.toast-error .toast-icon{color:var(--danger,#ff5b6a)}.toast-info .toast-icon{color:var(--accent,#5b8dff)}.toast-msg{flex:auto}.toast-action{font:inherit;font-size:var(--ui-text-sm);border-radius:var(--radius-1,6px);border:1px solid var(--accent,#6c8cff);color:var(--accent,#6c8cff);cursor:pointer;white-space:nowrap;background:0 0;flex:none;padding:.2rem .55rem;font-weight:600}.toast-action:hover{background:var(--accent,#6c8cff);color:var(--on-accent,#0b0e14)}.toast-action:focus-visible{outline:2px solid var(--accent,#6c8cff);outline-offset:2px}.toast-close{font-size:var(--ui-text-xl);color:var(--fg-muted,#8b95a8);opacity:.8;flex:none;padding:0 .25rem;line-height:1}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mix-report{max-width:560px}.mix-report-sub{margin:0 0 var(--space-3,12px);color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-md)}.mix-report-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-3,12px);font-size:var(--ui-text-md)}.mix-report-table td{border-bottom:1px solid var(--border,#252b34);padding:.3rem .5rem}.mix-report-table td:first-child{color:var(--fg-muted,#8b95a8);white-space:nowrap}.mix-verdict .ui-icon{vertical-align:-.18em}.mix-verdict.warn{color:var(--warning,#f5c451)}.mix-verdict.ok{color:var(--success,#4ccf8e)}.mix-lint .ui-icon{vertical-align:-.18em}.mix-lint.warn .ui-icon{color:var(--warning,#f5c451)}.mix-lint.info .ui-icon{color:var(--fg-muted,#8b95a8)}.mix-report-stems-btn{font:inherit;background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;padding:.35rem .7rem}.mix-report-stems-btn:hover:not(:disabled){border-color:var(--accent,#5b8dff)}.mix-report-lint{margin:0 0 var(--space-3,12px);font-size:var(--ui-text-md);color:var(--fg,#e8eaed);padding-left:1.1rem}.mix-report-lint li{margin-bottom:.2rem}.chat-stop{font:inherit;font-size:var(--ui-text-sm);background:color-mix(in srgb, var(--danger,#e5534b) 18%, var(--bg-elevated,#1c2128));color:var(--fg,#e8eaed);border:1px solid color-mix(in srgb, var(--danger,#e5534b) 55%, var(--border,#252b34));border-radius:var(--radius-sm,6px);cursor:pointer;padding:.2rem .55rem;font-weight:600}.chat-stop:hover{background:color-mix(in srgb, var(--danger,#e5534b) 30%, var(--bg-elevated,#1c2128))}.project-current{justify-content:space-between;align-items:center;gap:var(--space-2,8px);margin-bottom:var(--space-3,12px);background:color-mix(in srgb, var(--accent,#5b8dff) 10%, var(--bg-elevated,#1c2128));border:1px solid color-mix(in srgb, var(--accent,#5b8dff) 40%, var(--border,#252b34));border-radius:var(--radius-md,8px);font-size:var(--ui-text-lg);padding:.45rem .6rem;display:flex}.project-desc{resize:vertical;width:100%;font:inherit;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);margin-bottom:var(--space-2,8px);padding:.4rem .5rem}.project-suggest{gap:var(--space-1,4px);margin-bottom:var(--space-2,8px);flex-wrap:wrap;display:flex}.project-suggest-chip{font:inherit;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;border-radius:999px;padding:.15rem .5rem}.project-suggest-chip:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.project-item.current .project-item-name{color:var(--accent,#5b8dff);font-weight:600}.msg-path{float:right;font-size:var(--ui-text-xs,.68rem);letter-spacing:.03em;text-transform:uppercase;opacity:.5;border:1px solid;border-radius:3px;margin-left:.4rem;padding:0 .3rem}.msg-rate{float:right;opacity:.35;gap:2px;margin-left:.4rem;transition:opacity .12s;display:inline-flex}.msg:hover .msg-rate{opacity:1}.msg-rate button{font:inherit;font-size:var(--ui-text-sm);border-radius:var(--radius-sm,4px);cursor:pointer;filter:grayscale();background:0 0;border:1px solid #0000;padding:0 .2rem}.msg-rate button:hover{filter:none;border-color:var(--border,#252b34)}.msg-rate button.on{filter:none;border-color:var(--accent,#5b8dff)}.msg-note-btn{color:var(--fg-muted,#8b95a8);filter:none!important;font-size:var(--ui-text-xs)!important}.msg-note-btn.on{color:var(--accent,#5b8dff)}.lib-mini{font:inherit;font-size:var(--ui-text-sm);border-radius:var(--radius-sm,4px);color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 .25rem}.lib-mini:hover{color:var(--fg,#e8eaed);border-color:var(--border,#252b34)}.lib-share.on{color:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--accent,#5b8dff) 45%, transparent)}.graph-save-preset{font:inherit;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;padding:.25rem .55rem}.graph-save-preset:hover{border-color:var(--accent,#5b8dff)}.share-dialog{max-width:520px}.share-url-row{gap:var(--space-2,8px);display:flex}.share-url-row input{font:inherit;font-size:var(--ui-text-md);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:1;padding:.45rem .55rem}.lib-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lib-badge{font-size:var(--ui-text-xs);color:var(--fg-muted,#8b95a8);white-space:nowrap;flex:none;margin-left:auto;padding-left:.4rem}.lib-facets{align-items:center;gap:3px;min-width:0;max-width:45%;display:flex;overflow:hidden}.lib-facet{white-space:nowrap;background:var(--bg-surface,#14171c);border:1px solid var(--border,#252b34);color:var(--fg-muted,#8b95a8);border-radius:3px;flex:none;padding:0 4px;line-height:1.5}@container (width<=300px){.lib-facets .lib-facet:nth-child(n+3){display:none}}@container (width<=232px){.lib-gen-row .lib-facets .lib-facet:nth-child(n+2),.lib-preset-row .lib-facets .lib-facet:nth-child(n+2){display:none}}.lib-facet[data-axis=device]{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.lib-facet[data-axis=bpm]{color:var(--fg,#e8eaed);font-variant-numeric:tabular-nums}.lb-meta .lib-facets{margin-left:0;padding-left:0}.loop-browser{flex-direction:column;width:min(680px,92vw);max-height:80vh;display:flex}.lb-filters{gap:var(--space-2,8px);padding-bottom:var(--space-2,8px);flex-direction:column;display:flex}.lb-search{font:inherit;background:var(--bg-elevated,#1c2128);width:100%;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);padding:.5rem .65rem}.lb-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lb-sep{background:var(--border,#252b34);width:1px;height:16px;margin:0 4px}.lb-chip{font:inherit;font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;background:0 0;border-radius:999px;padding:.2rem .55rem}.lb-chip:hover{color:var(--fg,#e8eaed)}.lb-chip.active{background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff);color:var(--fg-on-accent,#0a0c10)}.lb-facets{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lb-facet{font:inherit;font-size:var(--ui-text-sm);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);color:var(--fg-muted,#8b95a8);border:1px solid var(--border,#252b34);cursor:pointer;max-width:11rem;padding:.2rem .4rem}.lb-facet:hover{color:var(--fg,#e8eaed)}.lb-facet.active{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.lb-sort-wrap{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5a6472);align-items:center;gap:4px;display:inline-flex}.lb-sort-lbl{text-transform:uppercase;letter-spacing:.04em;font-size:var(--ui-text-2xs)}.lb-sort{font:inherit;font-size:var(--ui-text-sm);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);cursor:pointer;padding:.2rem .4rem}.lb-sort:focus-visible,.lb-facet-input:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.lb-facet-combo{align-items:center;display:inline-flex;position:relative}.lb-facet-input{font:inherit;font-size:var(--ui-text-sm);border-radius:var(--radius-sm,6px);background:var(--bg-elevated,#1c2128);width:6.6rem;color:var(--fg,#e8eaed);border:1px solid var(--border,#252b34);padding:.2rem 1.2rem .2rem .4rem}.lb-facet-input::placeholder{color:var(--fg-muted,#8b95a8)}.lb-facet-combo.active .lb-facet-input{border-color:var(--accent,#5b8dff)}.lb-facet-clear{width:1rem;height:1rem;color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.lb-facet-clear:hover{color:var(--fg,#e8eaed);background:var(--bg-surface,#14171c)}.lb-more{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.lb-foot-hint{color:var(--fg-subtle,#5a6472)}.lb-list{border-top:1px solid var(--border,#252b34);flex:1;min-height:200px;overflow-y:auto}.lb-list-spacer{position:relative}.lb-row{box-sizing:border-box;border-bottom:1px solid var(--border,#252b34);align-items:center;gap:4px;height:52px;display:flex}.lb-row.selected{background:var(--bg-elevated,#1c2128)}.lb-main{font:inherit;text-align:left;color:var(--fg,#e8eaed);cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:.4rem .5rem;display:flex}.lb-play-ic{width:1em;color:var(--accent,#5b8dff);flex:none}.lb-simbar{border-radius:var(--radius-sm,4px);background:var(--accent-glow,#5b8dff29);border:1px solid var(--accent,#5b8dff);font-size:var(--ui-text-sm);align-items:center;gap:.6rem;margin-bottom:.35rem;padding:.35rem .55rem;display:flex}.lb-simbar-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.lb-similar{opacity:0;transition:opacity .12s}.lb-row:hover .lb-similar,.lb-row.selected .lb-similar,.lb-similar:focus-visible{opacity:1}.lb-spectro{object-fit:cover;border:1px solid var(--border,#252b34);background:var(--bg-surface,#14171c);opacity:.85;border-radius:3px;flex:none;width:44px;height:28px}.lb-row.selected .lb-spectro,.lib-loop.selected .lb-spectro{opacity:1;border-color:var(--accent,#5b8dff)}.lb-main-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lb-line1{align-items:baseline;gap:8px;min-width:0;display:flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lb-rating{font-size:var(--ui-text-sm);font-variant-numeric:tabular-nums;color:#f5c451;white-space:nowrap;flex:none;margin-left:auto}.lb-meta{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lb-act{font:inherit;border-radius:var(--radius-sm,4px);color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:1px solid #0000;padding:.2rem .35rem}.lb-act:hover{color:var(--fg,#e8eaed);border-color:var(--border,#252b34)}.lb-foot{padding-top:var(--space-2,8px);font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);align-items:center;gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.lb-dest{color:var(--fg-muted,#8b95a8);font-size:.8em;font-weight:400}:root:not(.advanced) .advanced-only{display:none!important}.mode-switch{border-radius:var(--radius-2,8px);background:var(--surface-2,#ffffff0d);border:1px solid var(--border,#ffffff14);align-items:stretch;gap:2px;padding:2px;display:inline-flex}.mode-seg{font:inherit;font-size:var(--ui-text-md);border-radius:var(--radius-1,6px);color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:0;padding:.28rem .6rem;font-weight:600;transition:background .12s,color .12s}.mode-seg:hover{color:var(--fg,#e6e9ef)}.mode-seg.active{background:var(--accent,#6c8cff);color:var(--on-accent,#0b0e14)}.mode-seg:focus-visible{outline:2px solid var(--accent,#6c8cff);outline-offset:2px}:root[data-mode=studio] .topbar{box-shadow:inset 0 -1px 0 var(--accent,#6c8cff)}.lb-open{font:inherit;font-size:var(--ui-text-sm);background:var(--bg-elevated,#1c2128);width:100%;color:var(--fg,#e8eaed);border:1px dashed var(--border,#3a4252);border-radius:var(--radius-sm,6px);cursor:pointer;margin-bottom:4px;padding:.35rem}.lb-open:hover{border-color:var(--accent,#5b8dff)}.lib-more{font:inherit;font-size:var(--ui-text-sm);text-align:left;width:100%;color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border:none;margin-bottom:2px;padding:.2rem .4rem}.lib-more:hover{color:var(--accent,#5b8dff)}.lib-folders-bar{flex-direction:column;gap:4px;margin-bottom:.5rem;display:flex}.lib-add-folder{font:inherit;font-size:var(--ui-text-sm);text-align:center;color:var(--fg,#e8eaed);background:var(--accent-glow,#5b8dff2e);border:1px solid var(--accent,#5b8dff);border-radius:var(--radius-sm,6px);cursor:pointer;padding:.4rem .5rem}.lib-add-folder:hover{background:color-mix(in srgb, var(--accent,#5b8dff) 28%, transparent)}.lib-folders-hint{font-size:var(--ui-text-xs);color:var(--fg-subtle,#5b6472)}.lib-folder{margin-bottom:.5rem}.lib-folder-head{border-bottom:1px solid var(--border,#252b34);align-items:center;gap:4px;margin-bottom:2px;padding:.25rem .2rem;display:flex}.lib-folder-head .lib-name{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);font-weight:600}.lib-folder-empty{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);padding:.2rem .4rem .4rem}.lib-cloud-unreachable{font-size:var(--ui-text-sm);color:var(--warning,#f5c451);background:color-mix(in srgb, var(--warning,#f5c451) 12%, transparent);border:1px solid color-mix(in srgb, var(--warning,#f5c451) 35%, transparent);border-radius:var(--radius-sm,4px);margin-bottom:4px;padding:.35rem .4rem}.drum-lane.no-voice .drum-name{opacity:.55}.drum-lane.no-voice .step:not(.on){border-color:color-mix(in srgb, var(--border,#252b34) 55%, transparent)}.drum-lane.no-voice .step.on{filter:saturate(.3)}.drum-lane.no-voice .drum-name-label{text-decoration:line-through;text-decoration-thickness:1px}.subscribe{border:1px solid var(--border,#252b34);border-radius:var(--radius-md,8px);background:var(--bg-elevated,#1c2128);margin:1.2rem 0 0;padding:.9rem 1rem}.share-subscribe{border-top:1px solid var(--border,#252b34);margin-top:1rem;padding-top:.25rem}.share-subscribe .subscribe,.subscribe-nudge .subscribe{background:0 0;border:none;margin-top:.6rem;padding:0}.modal.subscribe-nudge{max-width:30rem}.subscribe-form{flex-direction:column;gap:.5rem;display:flex}.subscribe-label{font-size:var(--ui-text-lg);color:var(--fg,#e8eaed);font-weight:600}.subscribe-sub{font-size:var(--ui-text-sm);color:var(--fg-subtle,#5b6472);margin:-.25rem 0 0}.subscribe-row{gap:.5rem;display:flex}.subscribe-input{min-width:0;font:inherit;font-size:var(--ui-text-md);color:var(--fg,#e8eaed);background:var(--bg,#0e1116);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);flex:auto;padding:.45rem .6rem}.subscribe-input:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:1px}.subscribe-btn{flex:none}.subscribe-btn:disabled{opacity:.5;cursor:not-allowed}.subscribe-consent{font-size:var(--ui-text-sm);color:var(--fg-muted,#c3cad6);align-items:flex-start;gap:.45rem;line-height:1.45;display:flex}.subscribe-consent input{margin-top:.15rem}.subscribe-done{font-size:var(--ui-text-md);color:var(--success,#4caf7d);margin:0}.subscribe-err{font-size:var(--ui-text-sm);color:var(--danger,#ff5b6a);margin:0}.mix-master-btns{flex-direction:column;gap:.3rem;display:flex}.mix-master-chain-btn{min-width:0;height:1.85rem;font-size:var(--ui-text-sm);white-space:nowrap;color:var(--fg-muted,#9aa4b2);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,4px);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;font-weight:600;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.mix-master-chain-btn:hover{border-color:var(--accent,#5b8dff);color:var(--accent,#5b8dff)}.mix-master-chain-btn:focus-visible{outline:2px solid var(--accent,#5b8dff);outline-offset:2px}.mix-master-chain-btn.active{color:var(--accent,#5b8dff);border-color:color-mix(in srgb, var(--accent,#5b8dff) 55%, var(--border,#252b34));background:color-mix(in srgb, var(--accent,#5b8dff) 12%, var(--bg-elevated,#1c2128))}.ui-icon{vertical-align:-.15em;flex:none;display:inline-block}.plugin-kind,.plugin-node-type,.plugin-voice-chip,.plugin-ep-label,.device-card-name,.flow-inst,.flow-picker-section{align-items:center;gap:.3rem;display:inline-flex}.next-steps-icon{color:var(--accent,#5b8dff);justify-content:center;align-items:center;display:inline-flex}.piano-grid .cell.bar{border-left:2px solid var(--accent-muted,#3c5a99)}.piano-grid .cell.bar-alt,.drum-row .step.bar-alt,.flow-cell.bar-alt{background:color-mix(in srgb, var(--fg-subtle,#5b6472) 20%, var(--bg-elevated,#1c2128))}.piano-grid .cell.bar-alt.on,.drum-row .step.bar-alt.on,.flow-cell.bar-alt.on{background:inherit}.piano-grid .cell{border-bottom:1px solid color-mix(in srgb, var(--fg-subtle,#5b6472) 12%, transparent)}.piano-row .key{border-bottom:1px solid color-mix(in srgb, var(--fg-subtle,#5b6472) 18%, transparent)}.drum-row .step,.drum-name{border-bottom:1px solid color-mix(in srgb, var(--fg-subtle,#5b6472) 12%, transparent)}.flow-lane .flow-cell{border-bottom-color:color-mix(in srgb, var(--fg-subtle,#5b6472) 22%, var(--border,#252b34))}.drum-lane:hover .drum-name-label,.flow-lane:hover .flow-voice-name{color:var(--fg,#e8eaed);font-weight:var(--weight-semibold,600)}.piano-row:hover .key{font-weight:var(--weight-semibold,600)}.piano-row:hover .key:not(.black){color:#0a0c10;background:#fff}.piano-row:hover .key.black{color:var(--fg,#e8eaed);background:#2b313a}.piano-row:hover,.drum-lane:hover,.flow-lane:hover{background:color-mix(in srgb, var(--accent,#5b8dff) 6%, transparent)}.piano.sound-drop,.drum-editor.sound-drop{outline:2px solid var(--accent,#5b8dff);outline-offset:-2px}.grid-marquee{z-index:var(--z-raised);pointer-events:none;border:1px solid var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 14%, transparent);border-radius:2px;position:absolute}.drum-grid{position:relative}.device-chain{min-width:0;max-width:100%;padding:var(--space-2,8px);flex:160px}.device-chain-toolbar{align-items:center;gap:var(--space-2,8px);display:flex}.device-chain-sound{width:auto;max-width:calc(var(--space-16,64px) * 5);margin-left:auto}.device-chain-strip{align-items:flex-start;gap:var(--space-2,8px);min-width:0;padding:var(--space-1,4px) 0 var(--space-2,8px);flex-wrap:wrap;display:flex}.device-compact{min-width:calc(var(--space-16,64px) * 2 + var(--space-8,32px));max-width:calc(var(--space-16,64px) * 4 + var(--space-8,32px));color:var(--fg,#e8eaed);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:var(--radius-md,8px);cursor:pointer;box-shadow:none;flex:none;margin:0;padding:0;transition:border-color .12s,box-shadow .12s,background-color .12s;overflow:hidden}.device-compact.is-instrument{border-color:color-mix(in srgb, var(--accent,#5b8dff) 45%, var(--border,#2c333d))}.device-compact.is-active{border-color:var(--accent,#5b8dff);background:color-mix(in srgb, var(--accent,#5b8dff) 10%, var(--bg-elevated,#1c2128));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#5b8dff) 55%, transparent)}.device-compact-head{min-height:var(--space-8,32px);align-items:center;gap:var(--space-2,8px);padding:var(--space-1,4px) var(--space-2,8px);background:var(--bg-surface,#14171c);border-bottom:1px solid var(--border,#2c333d);display:flex}.device-compact-collapsed .device-compact-head{border-bottom:0}.device-compact-name{align-items:center;gap:var(--space-1,4px);min-width:0;color:var(--fg,#e8eaed);font-size:var(--ui-text-sm);font-weight:var(--weight-semibold,600);text-overflow:ellipsis;white-space:nowrap;flex:1;display:inline-flex;overflow:hidden}.device-compact-open{height:var(--space-6,24px);padding:0 var(--space-1,4px);color:var(--fg-muted,#c3cad6);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#2c333d);border-radius:var(--radius-sm,4px);font-size:var(--ui-text-xs);cursor:pointer;flex:none}.device-compact-open:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.device-compact-body{cursor:default}.device-compact-params{align-items:flex-end;gap:var(--space-1,4px);padding:var(--space-2,8px);display:flex}.device-compact-param{flex:none}.device-compact-param .knob-dial svg,.device-compact-faceplate .knob-dial svg{width:var(--space-8,32px);height:var(--space-8,32px)}.device-compact-param .knob-label,.device-compact-param .knob-val,.device-compact-faceplate .knob-label,.device-compact-faceplate .knob-val{font-size:var(--ui-text-2xs)}.device-compact-faceplate .faceplate{padding:var(--space-2,8px)}.device-compact-faceplate .faceplate-pedal{width:max-content;max-width:calc(var(--space-16,64px) * 3 + var(--space-8,32px));gap:var(--space-1,4px);margin:var(--space-1,4px);padding:var(--space-2,8px)}.device-compact-faceplate .faceplate-pedal .faceplate-knobs{gap:var(--space-1,4px);padding:var(--space-1,4px)}.device-compact-faceplate .faceplate-pedal .faceplate-knob{flex-basis:calc(var(--space-12,48px) + var(--space-2,8px))}.device-compact-faceplate .pedal-foot{padding-top:var(--space-1,4px)}.device-compact-faceplate .pedal-footswitch{width:var(--space-8,32px);height:var(--space-8,32px)}.device-chain-add.sound-pick-btn{flex:0 0 calc(var(--space-12,48px) * 3);width:calc(var(--space-12,48px) * 3);min-height:calc(var(--space-8,32px) + var(--space-2,8px));align-self:stretch;margin-top:0}.device-rack-full{padding-top:var(--space-1,4px);border-top:1px solid var(--border,#252b34)}.device-rack-full .device-card{margin-top:0}.view-loading{width:100%;min-height:12rem;color:var(--fg-muted,#8b95a8);font-size:var(--ui-text-sm);place-items:center;display:grid}.grid[data-density=roomy]>.track-wrap{flex:auto;min-height:4.4rem;max-height:6.5rem}.grid[data-density=roomy] .slot.filled:not(.k-brief){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-self:stretch;gap:2px}.grid[data-density=roomy] .slot.filled:not(.k-brief) .clip-head{align-items:flex-start;gap:.2rem;padding-block:2px;padding-inline:.25rem}.grid[data-density=roomy] .slot.filled:not(.k-brief) .clip-grip{display:none}.grid[data-density=roomy] .slot .name{letter-spacing:.01em;line-clamp:2;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex:auto;min-width:0;max-height:2.36em;font-weight:600;line-height:1.18;display:-webkit-box;overflow:hidden}.grid[data-density=roomy] .slot.filled:not(.k-brief) .launch{background:color-mix(in srgb, var(--clip-tint) 12%, var(--bg-elevated,#1c2128));border-color:#0000;grid-row:2;height:100%}.grid[data-density=roomy] .slot.filled:not(.k-brief) .launch-label{display:inline}.grid[data-density=roomy] .slot.filled:not(.k-brief) .clip-actions{z-index:2;opacity:0;flex-direction:column;gap:2px;width:1.15rem;transition:opacity .12s;display:flex;position:absolute;bottom:4px;right:4px}.grid[data-density=roomy] .slot.filled:not(.k-brief):hover .clip-actions,.grid[data-density=roomy] .slot.filled:not(.k-brief):focus-within .clip-actions{opacity:1}.grid[data-density=compact] .slot .clip-actions{display:contents}.grid[data-density=roomy] .slot .del,.grid[data-density=roomy] .slot .edit{opacity:1;border:1px solid color-mix(in srgb, var(--clip-tint) 45%, transparent);background:color-mix(in srgb, var(--clip-tint) 24%, var(--bg-elevated,#1c2128));flex:none;justify-content:center;align-items:center;width:100%;height:1.15rem;padding:0;line-height:1;display:inline-flex;position:static}.grid[data-density=roomy] .track-label .meter-row{height:3px}.grid[data-density=roomy] .track-label{flex-direction:column;justify-content:center;align-items:stretch;gap:.3rem;padding-block:.2rem}.grid[data-density=roomy] .track-name{font-size:var(--ui-text-lg);min-width:0}.grid[data-density=roomy] .track-label .meter{flex:none;width:100%}.scene-corner{gap:.4rem}.grid-density{width:1.5rem;height:1.5rem;color:var(--fg-muted,#8b95a8);background:var(--bg-elevated,#1c2128);border:1px solid var(--border,#252b34);border-radius:var(--radius-sm,6px);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.grid-density:hover{color:var(--fg,#e8eaed);border-color:var(--accent,#5b8dff)}.grid-density[aria-pressed=true]{color:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff)}.clip-auto-lane{border-top:1px solid var(--line,#202634);flex-direction:column;gap:4px;padding:6px 8px 8px;display:flex}.clip-auto-row{align-items:center;gap:8px;display:flex}.clip-auto-name{font-size:var(--ui-text-lg);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim,#8b93a7);flex:0 0 84px}.clip-auto-box{background:var(--bg-deep,#0a0c10);border:1px solid var(--line,#202634);--auto-color:#c08bff;border-radius:4px;flex:auto;min-width:0}.clip-auto-svg{width:100%;display:block}.session-clip-auto{opacity:.9;gap:2px;margin:3px 5px 0;display:grid}.session-clip-auto-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.session-clip-auto-name{max-width:4.5em;color:var(--text-muted,#8b93a7);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.session-clip-auto-box{border:1px solid color-mix(in srgb, var(--text-muted,#8b93a7) 22%, transparent);background:var(--bg-deep,#0a0c10);border-radius:3px;min-width:0;height:32px;overflow:hidden}.session-clip-auto-svg{width:100%;display:block}.maker-surface{max-width:58rem;margin:0 auto;padding:3rem clamp(1rem,5vw,4rem)}.maker-head h1,.maker-result h2{margin:.25rem 0 .5rem}.maker-head>p:last-child,.maker-result-head p{color:var(--fg-muted)}.eyebrow{color:var(--accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.maker-order,.maker-result{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-top:2rem;padding:1.25rem}.maker-order label{margin-bottom:.5rem;font-weight:700;display:block}.maker-order-row{gap:.75rem;display:flex}.maker-order-row input{background:var(--bg-deep);border:1px solid var(--border);color:var(--fg);font:inherit;border-radius:8px;flex:1;min-width:0;padding:.75rem}.maker-order-row button,.maker-actions button{border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:8px;padding:.65rem 1rem}.maker-order-row .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.maker-role-chips,.maker-actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.maker-role-chips{border:0;margin-left:0;padding:0}.maker-chip{background:var(--bg-elevated);color:var(--fg)}.maker-chip.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.maker-miss{color:var(--warning);margin-bottom:0}.maker-misslog{color:var(--fg-muted);font-size:var(--text-sm);margin-top:.35rem;margin-bottom:0}.maker-thread{flex-direction:column;gap:.2rem;max-height:9rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.maker-turn{font-size:var(--text-sm);align-items:baseline;gap:.5rem;display:flex}.maker-turn-said{color:var(--fg)}.maker-turn-said:before{color:var(--fg-muted);content:"› "}.maker-turn-did{color:var(--fg-muted)}.maker-turn[data-did=no] .maker-turn-did{color:var(--warning)}.maker-thread-hint{color:var(--fg-muted);font-size:var(--text-sm);margin:.25rem 0 0}.maker-result-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.maker-live{color:var(--success);font-size:var(--text-sm);white-space:nowrap}.maker-actions button{background:var(--bg-elevated);color:var(--fg)}.maker-parts{flex-direction:column;gap:.35rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.maker-part{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;grid-template-columns:5.5rem 1fr 4rem auto auto minmax(0,8rem) auto auto auto;align-items:center;gap:.5rem;padding:.4rem .6rem;display:grid}.maker-part-name{font-weight:600}.maker-part-voice{color:var(--fg-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maker-part-level,.maker-part-pan{accent-color:var(--accent);width:100%}.maker-part-btn{border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;font-size:var(--text-sm);background:0 0;border-radius:6px;min-width:1.9rem;min-height:1.9rem;line-height:1}.maker-part-btn:hover{color:var(--fg)}.maker-part-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.maker-part-add button{border:1px dashed var(--border);color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:.4rem .6rem}.maker-meta{border-top:1px solid var(--border);color:var(--fg-muted);font-size:var(--text-sm);grid-column:1/-1;grid-template-columns:7rem 1fr;gap:.15rem .75rem;margin:.5rem 0 0;padding-top:.5rem;display:grid}.maker-meta dt{font-weight:600}.maker-meta dd{overflow-wrap:anywhere;margin:0}.maker-tools{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.maker-editor{border-top:1px solid var(--border);max-height:26rem;margin-top:1rem;padding-top:.75rem;overflow:auto}.maker-take{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1.25rem}.maker-license{color:var(--fg-muted);font-size:var(--text-sm);margin:.75rem 0 0}.maker-link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}@media (width<=600px){.maker-order-row,.maker-result-head{flex-direction:column;align-items:stretch}.maker-live{white-space:normal}.maker-part{grid-template-columns:4.5rem 1fr auto auto auto auto auto}.maker-part-pan,.maker-part-voice{display:none}}.character-control{font-size:var(--ui-text-sm);color:var(--fg-muted,#8b95a8);align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.character-control input[type=range]{flex:1;min-width:5rem}.character-control-label{font-weight:600}.character-control-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5em}.maker-modes{border:0;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem;padding:0;display:flex}.maker-mode{border:1px solid var(--border,#2a3140);color:var(--fg-muted,#8b95a8);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem}.maker-mode.active{background:var(--accent,#5b8dff);border-color:var(--accent,#5b8dff);color:var(--bg-deep,#0a0c10)}.maker-soundtrack{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.maker-surface[data-mode=soundtrack] .maker-parts,.maker-surface[data-mode=soundtrack] .maker-tools,.maker-surface[data-mode=soundtrack] .maker-actions,.maker-surface[data-mode=soundtrack] .maker-instrument-plan{display:none}.maker-preset{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.maker-surface[data-mode=preset] .maker-actions,.maker-surface[data-mode=preset] .maker-instrument-plan{display:none}.maker-ai-switch{color:var(--fg-muted,#8b95a8);float:right;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.legal-page{max-width:760px;margin:0 auto;padding:24px 16px 64px}.legal-page-nav{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.legal-page h1{margin:0 0 16px;font-size:1.8rem}.maker-legal{text-align:center;opacity:.7;padding:16px;font-size:.8rem}.alpha-badge{color:#f0c060;letter-spacing:.08em;vertical-align:middle;border:1px solid #d9a441;border-radius:5px;margin-left:6px;padding:0 6px;font-size:.65rem;font-weight:700;line-height:1.5;display:inline-block}.maker-alpha-note{opacity:.75;font-size:.8rem}