@import "https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:7px;--radius:12px;--r-lg:16px;--r-pill:999px;--header-h:56px;--rail-w:66px;--side-w:250px;--shadow-sm:2px 2px 0 #2e2a24d9;--shadow-md:4px 4px 0 #2e2a24d9;--shadow-pop:6px 6px 0 #2e2a24d9;--primary:#3a9469;--primary-h:#2e7653;--primary-soft:#e4ede7;--on-primary:#fff;--bg:#efe6cf;--card:#fbf3e1;--surface-2:#e9dfc3;--border:#cdbf9c;--border-strong:#2e2a24;--text-h:#2e2a24;--text:#4a453b;--muted:#6b6255;--ok:#3a9469;--ok-soft:#dcefe3;--warn:#e2792f;--warn-soft:#fbe6d3;--error:#c2523f;--error-soft:#f7ded9;--solo:#c9689a;--solo-soft:#f6e2ec;--info:#8b6fd1;--info-soft:#e9e3f7;--wave:#d8cba3;--wave-played:#3a9469;--playhead:#2e2a24;--transport-playhead:#ff5c5c;--grid:#3a946933;--focus:#3a94694d;--rv-track:#34d399;--rv-group:#38bdf8;--rv-aux:#a78bfa;--rv-master:#f59e0b;--rv-send:#a78bfa;--rv-key:#fbbf24;--rv-sidechain:#22d3ee;--rv-mute:#f87171;--rv-solo:#fbbf24;--repeat-1:#3a9469;--repeat-2:#8b6fd1;--repeat-3:#d05a8a;--repeat-4:#c8792f;--repeat-5:#3989b8;--repeat-6:#8b7135}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55}h1,h2,h3{color:var(--text-h);letter-spacing:-.01em;line-height:1.2}h2{font-size:1.4rem;font-weight:680}h3{font-size:1.02rem;font-weight:650}a{color:var(--primary);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}.notice{color:var(--ok)}.center{place-items:center;min-height:100vh;padding:1rem;display:grid}.page{min-height:100vh}.container{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.page-title{letter-spacing:-.02em;margin:0 0 1.1rem;font-size:1.5rem;font-weight:700}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-lower{flex:1;min-height:0;display:flex}.sidebar{width:var(--rail-w);top:var(--header-h);height:calc(100vh - var(--header-h));z-index:20;flex-shrink:0;position:sticky}.sidebar-inner{width:var(--rail-w);background:var(--card);border-right:1px solid var(--border);z-index:30;flex-direction:column;padding:1rem .75rem;transition:width .18s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.sidebar:hover .sidebar-inner{width:var(--side-w);overflow-y:auto}.sidebar-inner .nav-text,.sidebar-inner .nav-label,.sidebar-inner .user-meta,.sidebar-inner .user-caret,.sidebar-inner .nav-empty{opacity:0;white-space:nowrap;transition:opacity .16s}.sidebar-inner .nav-item{padding-left:12px;transition:padding-left .18s,background .12s}.sidebar-inner .nav-item:has(.group-ic){padding-left:8px}.sidebar-inner .user-card{background:0 0;border-color:#0000;padding-left:1px;transition:padding-left .18s,background .15s,border-color .15s}.sidebar:hover .nav-text,.sidebar:hover .nav-label,.sidebar:hover .user-meta,.sidebar:hover .user-caret,.sidebar:hover .nav-empty{opacity:1}:is(.sidebar:hover .nav-item,.sidebar:hover .nav-item:has(.group-ic)){padding-left:.6rem}.sidebar:hover .user-card{background:var(--surface-2);border-color:var(--border);padding-left:.6rem}.avatar.group-ic{flex:none;width:26px;height:26px;font-size:.62rem}.side-admin{border-top:1px solid var(--border);margin-top:auto;padding-top:.5rem}.side-admin .nav-label{margin-top:0}.side-brand{align-items:center;gap:.55rem;padding:.25rem .5rem .85rem;display:flex}.logo-mark{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.user-menu{margin:.1rem 0 .6rem;position:relative}.user-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:.6rem;padding:.6rem;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.user-card:hover,.user-menu.open .user-card{border-color:var(--border-strong);background:var(--card)}.user-caret{color:var(--muted);flex-shrink:0;margin-left:auto;transition:transform .12s}.user-menu.open .user-caret{transform:rotate(180deg)}.user-popover{min-width:0;left:0;right:0}.avatar{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}.user-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-meta strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.nav{flex-direction:column;flex:1;gap:.12rem;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.9rem .6rem .3rem;font-size:.68rem;font-weight:700}.nav-item{border-radius:var(--r-sm);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;font-size:.92rem;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item svg{flex-shrink:0}.nav-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classnav{background:var(--surface-2);border-right:1px solid var(--border);width:224px;top:var(--header-h);height:calc(100vh - var(--header-h));flex-direction:column;flex-shrink:0;padding:1rem .75rem;display:flex;position:sticky;overflow-y:auto}.classnav-head{border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:.35rem;min-height:63px;margin-bottom:.5rem;padding:8px .6rem;display:flex}.classnav-head .head-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.classnav-head strong{color:var(--text-h);letter-spacing:-.01em;font-size:1rem}.thread-row{align-items:center;display:flex;position:relative}.thread-row:has(.nav-popover){z-index:70}.thread-row .nav-item{flex:1;min-width:0}.row-actions{flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.thread-row .row-actions{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.row-gear{width:24px;height:24px;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:flex}.classnav-head:hover .row-gear,.thread-row:hover .row-gear,.row-gear:focus-visible{opacity:1}.row-actions:has(.nav-popover) .row-gear{opacity:1}.row-gear:hover{background:var(--surface-2);color:var(--text-h)}.thread-row .row-gear:hover{background:var(--border)}.nav-popover{z-index:60;background:var(--card);border:1px solid var(--border-strong);border-radius:12px;min-width:190px;margin-top:5px;padding:5px;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0000002e}.pop-item{width:100%;color:var(--text-h);text-align:left;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:7px 9px;font-size:13px;display:flex}.pop-item:hover{background:var(--surface-2)}.pop-item.danger{color:var(--error)}.pop-item.danger:hover{background:var(--error-soft)}.pop-item svg{color:var(--muted);flex-shrink:0}.pop-item.danger svg{color:var(--error)}.pop-sep{background:var(--border);height:1px;margin:4px 6px}.nav-pop-form{flex-direction:column;gap:7px;padding:5px;display:flex}.nav-pop-form input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);width:100%;color:var(--text-h);padding:7px 9px;font-size:13px}.nav-pop-form button{border-radius:var(--r-sm);cursor:pointer;background:var(--primary);color:#fff;border:none;padding:7px 9px;font-size:13px;font-weight:600}.nav-pop-form button:disabled{opacity:.55;cursor:default}.classnav-list,.classnav-members{flex-direction:column;gap:.08rem;display:flex}.nav-item.subtle{color:var(--muted);margin-top:.5rem}.nav-section-head{justify-content:space-between;align-items:center;margin:.9rem .6rem .3rem;display:flex}.nav-section-head .nav-label{margin:0}.nav-add{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;place-items:center;padding:1px;display:inline-grid}.nav-add:hover{background:var(--surface-2);color:var(--text-h)}.member-item .avatar{flex:none;width:22px;height:22px;font-size:.6rem}.classnav-admin{border-top:1px solid var(--border);margin-top:auto;padding-top:.5rem}.classnav-admin .nav-label{margin-top:0}.classnav-btn{display:none}.thread{flex-direction:column;gap:.85rem;margin-top:1.25rem;display:flex}.post{gap:.75rem;display:flex}.post .avatar{width:40px;height:40px;font-size:.85rem}.post-body{flex:1;min-width:0}.post-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.post-head strong{color:var(--text-h)}.post-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-h);align-items:center;gap:.65rem;margin-top:.45rem;padding:.7rem .9rem;display:flex}.post-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.post-card .play-dot{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.post-card .meta{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.85rem}.mini-player{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;gap:.45rem;margin-top:.5rem;padding:.5rem .6rem;display:flex}.mini-row{align-items:center;gap:.45rem;display:flex}.mini-player .waveform{flex:none;width:100%}.mini-player .icon-btn,.playbar .icon-btn{border:1px solid var(--border-strong);width:34px;height:34px;padding:0}.mini-title-meta{color:var(--muted);font-weight:400}.mini-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.mini-player .time{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.mini-select{width:auto;margin:0;padding:.25rem .4rem;font-size:.85rem}.post-comments{border-left:2px solid var(--border);flex-direction:column;gap:.4rem;margin-top:.65rem;padding-left:.85rem;display:flex}.pc{color:var(--text);font-size:.9rem}.pc strong{color:var(--text-h)}.post-comments>.pc{padding-right:1.7rem;position:relative}.pc.reply{margin-left:1rem;padding-right:0}.post-comments .reply-box{margin-top:.35rem}.post-comments .reply-box input{flex:1;margin:0}.add-reply{color:var(--muted);align-self:flex-start}@media (width<=640px){.post{display:block}.post .avatar{float:left;width:28px;height:28px;margin:0 .5rem 0 0;font-size:.7rem}.post-body{min-width:0}.post-head{gap:.35rem .5rem;min-height:28px;padding-right:3rem;position:relative}.post-head .post-actions{margin-left:0;position:absolute;top:0;right:0}.post-head:after{content:"";clear:both;display:block}.mini-player{padding:.5rem}.mini-row{flex-wrap:wrap;gap:.35rem}.mini-row .mini-title{white-space:normal;flex:1 0 100%;order:-1;line-height:1.3}.mini-row .time{margin-left:auto;font-size:.78rem}.post-comments{padding-left:.6rem}.post-comments>.pc{padding-right:2.1rem}.post-claim{height:auto;margin-top:.35rem}.post-claim+.post-comments{margin-top:.4rem}.post-claim+.post-comments>.pc:first-child{padding-right:2.1rem}.pc.reply{margin-left:.5rem}.pc>div>.ts{width:fit-content;margin:.2rem 0;display:block}.post-comments .compose-row{flex-wrap:wrap}.post-comments .compose-row .mention-inline{--rows:2;flex:1 0 100%;order:1;font-size:16px}.post-comments .compose-row .stamp,.post-comments .compose-row .tc-input{order:0}.post-comments .compose-row .compose-actions{flex:1 0 100%;order:2}.post-comments .compose-actions .primary{flex:1;min-height:40px}.post-comments .compose-actions .ghost.sm{min-height:40px}.post-comments .compose-actions .icon-btn.sm{min-width:40px;min-height:40px}}.compose-actions{align-items:center;gap:.4rem;display:inline-flex}.compose-at{white-space:nowrap;align-items:center;gap:.15rem;display:inline-flex}@media (width>=641px){.compose-at-label{display:none}.compose-at{padding-left:.45rem;padding-right:.45rem}}.add-reply:hover{color:var(--text-h)}.stamp{font-family:var(--mono);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--card);color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.78rem;display:inline-flex}.stamp.on{background:var(--primary-soft);color:var(--primary);border-color:#0000}.prose{color:var(--text);word-break:break-word;font-size:.92rem;line-height:1.55}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:.5rem 0}.prose a{color:var(--primary);text-decoration:underline}.prose a:hover{opacity:.85}.prose ul,.prose ol{margin:.5rem 0;padding-left:1.3rem}.prose li{margin:.15rem 0}.prose ul.contains-task-list,.prose ol.contains-task-list{padding-left:1.3rem}.prose li.task-list-item{list-style:none}.prose li.task-list-item::marker{content:none}.prose li.task-list-item>p{margin:.15rem 0}.prose li.kb-task>.kb-task-label{cursor:pointer;align-items:flex-start;gap:.55em;margin-left:-1.25em;display:flex}.prose li.kb-task>.kb-task-label>input[type=checkbox]{cursor:pointer;accent-color:var(--primary);flex:none;margin:.3em 0 0}.prose li.kb-task.done>.kb-task-label>.kb-task-text{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.prose li.kb-task.done>.kb-task-label>.kb-task-text a{color:inherit}.prose input[type=checkbox]{width:auto;height:auto;box-shadow:none;vertical-align:top;accent-color:var(--primary);cursor:default;background:0 0;border:none;border-radius:0;margin:.25em .5em .25em -1.25em;padding:0;display:inline-block}.prose input[type=checkbox]:focus{box-shadow:none;border-color:#0000}.prose input[type=checkbox].prose-task-checkbox:not(:disabled){cursor:pointer}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text-h);margin:.9rem 0 .4rem;font-weight:700;line-height:1.25}.prose h1{border-bottom:1px solid var(--border);padding-bottom:.2rem;font-size:1.6rem}.prose h2{margin-top:2.75rem;font-size:1.32rem}.prose h2 .kb-num{color:var(--primary-h);font-family:var(--mono);margin-right:.5rem;font-size:.78em;font-weight:500}.prose li::marker{color:var(--primary-h);font-weight:600}.prose h3{font-size:1.12rem}.prose h4{font-size:.98rem}.prose h5{font-size:.9rem;font-weight:600}.prose h6{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.82rem;font-weight:600}.prose code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:.1em .35em;font-size:.85em}.prose pre{background:var(--surface-2);border-radius:var(--r-sm);padding:.6rem .75rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{background:var(--info-soft);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:var(--r-lg);color:var(--text);margin:1.4rem 0;padding:.9rem 1rem}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose blockquote>p:first-child>strong:first-child{color:var(--info);margin-bottom:.3rem;display:block}.prose img{border-radius:var(--r-sm);max-width:100%}.prose table{border-collapse:collapse;width:100%;margin:.9rem 0 1.1rem;font-size:.95em;line-height:1.45}.prose table,.prose tbody,.prose tr,.prose td{width:100%;display:block}.prose thead{display:none}.prose tr{border-bottom:1px solid var(--border);padding:.65rem 0}.prose tbody tr:first-child{padding-top:.15rem}.prose tbody tr:last-child{border-bottom:0}.prose td{vertical-align:top;border:0;padding:.1rem 0}.prose tbody td:first-child{color:var(--text-h);margin-bottom:.15rem;font-weight:600}.prose td[data-label]{grid-template-columns:9.5rem minmax(0,1fr);align-items:baseline;column-gap:.6rem;padding:.15rem 0;display:grid}.prose td[data-label]:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-weight:600}@media (width<=640px){.prose td[data-label]{grid-template-columns:minmax(0,1fr);row-gap:.05rem;padding-top:.35rem}}.prose table+p{margin-top:.75rem}.prose hr{border:none;border-top:1px solid var(--border);margin:1.75rem 0}.prose p:last-child:has(>em:only-child){color:var(--muted);font-size:.8em}.post-note{margin:.15rem 0 .45rem}.mini-player .post-note{border-top:1px solid var(--border);margin:0;padding-top:.5rem}.version-credits{border-top:1px solid var(--border);flex-direction:column;gap:.7rem;margin-top:.85rem;padding-top:.85rem;display:flex}.post-edit-credits{border-top:1px solid var(--border);flex-direction:column;gap:.85rem;margin-top:.85rem;padding-top:.85rem;display:flex}.post-edit-credits .card{margin:0}.credit-group{flex-direction:column;gap:.2rem;display:flex}.credit-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.7rem;font-weight:700}.credit-group ul{color:var(--text-h);flex-direction:column;gap:.2rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.credit-group a{color:var(--primary);word-break:break-all}.credit-link{color:var(--primary);text-decoration:none}.credit-link:hover{text-decoration:underline}.ext-link{color:var(--muted);margin-left:.35rem;text-decoration:none}.ext-link:hover{color:var(--primary)}.back-link{align-items:center;gap:.3rem;display:inline-flex}.explore-list{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.explore-works{flex-direction:column;gap:1.1rem;margin-top:1rem;display:flex}.explore-group{text-transform:uppercase;letter-spacing:.03em;margin:0 0 .45rem;font-weight:600}.explore-work{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-h);align-items:center;gap:.7rem;padding:.7rem .9rem;text-decoration:none;display:flex}a.explore-work:hover{border-color:var(--border-strong);background:var(--surface-2)}.ew-icon{border-radius:var(--r-sm);background:var(--primary-soft);width:34px;height:34px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.ew-main{flex-direction:column;min-width:0;line-height:1.3;display:flex}.pill.ai{background:var(--primary-soft);color:var(--primary);vertical-align:1px;margin-left:.4rem;padding:.05rem .4rem;font-size:.66rem}.player-notes{border-top:1px solid var(--border);align-items:flex-start;gap:.75rem;margin-top:.85rem;padding-top:.85rem;display:flex}.player-notes-text{flex:1;min-width:0}.player-notes-actions{flex-shrink:0;gap:.2rem;display:flex}.post-edit{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.post-edit .row.wrap{gap:.75rem 1rem;margin-bottom:.6rem}.post-edit .inline input{width:6.5ch}.post-edit .inline input[placeholder=free\ time]{width:8ch}.post-edit .inline .vt-input{width:20ch}.note-preview{background:var(--surface-2);border-radius:var(--r-sm);margin-top:.5rem;padding:.5rem .75rem}.note-preview summary{cursor:pointer}.collapsible.open{padding-bottom:1.25rem}.collapsible-toggle{width:100%;color:var(--text-h);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;margin:0;padding:0;font-size:1rem;font-weight:600;display:flex}.collapsible-toggle:hover{background:0 0}.collapsible-toggle svg{color:var(--muted);flex-shrink:0}.collapsible-title{flex-shrink:0}.collapsible-hint{font-weight:400}.collapsible-body{margin-top:1rem}.collapsible-body .card{box-shadow:none;background:0 0;border:0;margin:0 0 1.1rem;padding:0}.collapsible-body .card+.card{border-top:1px solid var(--border);padding-top:1.1rem}.collapsible-body .card:last-child{margin-bottom:0}textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);width:100%;color:var(--text);resize:vertical;padding:.5rem .6rem}textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-body{flex:1;min-width:0;min-height:0;display:flex}.shell-header{z-index:45;padding:.55rem 1.35rem .55rem calc((var(--rail-w) - 34px) / 2);min-height:var(--header-h);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.header-brand{flex-shrink:0;align-items:center;gap:.55rem;text-decoration:none;display:flex}.header-brand .brand{color:var(--primary)}.header-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.icon-btn{color:var(--text);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;place-items:center;padding:.35rem;display:grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn.sm{padding:.2rem}.icon-btn.danger{color:var(--muted)}.icon-btn.danger:hover{color:var(--error);background:var(--error-soft)}.post-actions{gap:.2rem;margin-left:auto;display:flex}.primary.sm,.ghost.sm{width:auto;margin:0;padding:.3rem .7rem;font-size:.85rem}.note-edit{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.xs{font-size:.72rem}.edited{margin-left:.4rem;font-style:italic}.cedit{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.cedit input{width:auto;min-width:160px;margin:0;padding:.2rem .45rem}.menu-btn{display:none}.shell-content{flex:1;min-width:0}.scrim{display:none}.playbar{z-index:50;background:var(--card);border-top:1px solid var(--border);align-items:center;gap:.55rem;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000014}.playbar-progress{background:var(--primary);height:2px;position:absolute;top:-1px;left:0}.playbar-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:180px;font-weight:600;overflow:hidden}.playbar-wave{flex:1;align-items:center;gap:.55rem;min-width:100px;height:30px;display:flex;position:relative}.playbar-wave .playbar-title{flex:none;max-width:40%}.playbar-wave .waveform{flex:1;min-width:100px;height:30px}.playbar .time{color:var(--muted);white-space:nowrap}body.has-playbar .sidebar-inner,body.has-playbar .classnav{padding-bottom:4.5rem}body.has-playbar .shell-content{padding-bottom:4rem}@media (width<=980px){.shell-header{padding-left:1rem}}@media (width<=640px){.shell-header{gap:.5rem;padding-left:.4rem;padding-right:.4rem}.playbar{padding-left:.4rem;padding-right:.4rem}.playbar-wave .playbar-title{max-width:90%;color:var(--text-h);text-shadow:0 0 1px var(--card), 0 0 2px var(--card), 0 0 3px var(--card), 0 0 6px var(--card), 0 0 10px var(--card), 0 0 14px var(--card);pointer-events:none;z-index:1;background:0 0;padding:0;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playbar-wave .waveform{min-width:0}.playbar .time{font-size:.74rem}}@media (width<=980px){.sidebar{left:0;top:var(--header-h);width:var(--side-w);height:calc(100vh - var(--header-h));z-index:40;box-shadow:none;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-inner{width:100%;height:100%;box-shadow:none;position:static;overflow-y:auto}.sidebar-inner .nav-text,.sidebar-inner .nav-label,.sidebar-inner .user-meta,.sidebar-inner .user-caret,.sidebar-inner .nav-empty{opacity:1}:is(.sidebar-inner .nav-item,.sidebar-inner .nav-item:has(.group-ic)){padding-left:.6rem}.sidebar-inner .user-card{background:var(--surface-2);border-color:var(--border);padding-left:.6rem}.classnav{left:auto;right:0;top:var(--header-h);width:min(280px,88vw);height:calc(100vh - var(--header-h));z-index:42;box-shadow:none;transition:transform .2s;position:fixed;transform:translate(100%)}.classnav.open{transform:translate(0)}.classnav .row-gear{opacity:1}.menu-btn,.classnav-btn{display:grid}.scrim{inset:var(--header-h) 0 0;z-index:35;background:#00000073;display:block;position:fixed}.container{padding:1.25rem 1rem 3rem}}.topbar{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.row{align-items:center;gap:.6rem;display:flex}.row.wrap{flex-wrap:wrap}.grid-2{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}@media (width>=620px){.grid-2{grid-template-columns:1fr 1fr}}section{margin-bottom:1.75rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.auth-card{width:100%;max-width:392px}.auth-card .ghost.as-button{margin-top:.75rem}.brand{color:var(--primary);letter-spacing:-.03em;margin:0 0 .25rem;font-weight:800}.brand.small{margin:0;font-size:1.05rem}.placeholder{box-shadow:none;border-style:dashed;margin-top:1.5rem}label{color:var(--text-h);margin-top:.9rem;font-size:.9rem;display:block}[hidden]{display:none!important}input,select,textarea{width:100%;font:inherit;color:var(--text-h);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);margin-top:.35rem;padding:.6rem .7rem;font-size:1rem;transition:border-color .12s,box-shadow .12s;display:block}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus);outline:none}::placeholder{color:var(--muted)}button{font:inherit;cursor:pointer;border-radius:var(--r-sm);border:1px solid #0000;padding:.55rem .9rem;transition:background .12s,border-color .12s,transform 50ms}button:active{transform:translateY(.5px)}button.primary{background:var(--primary);width:100%;color:var(--on-primary);box-shadow:var(--shadow-sm);margin-top:1.1rem;font-weight:600}button.primary:hover{background:var(--primary-h)}button.primary:disabled{opacity:.55;cursor:default;box-shadow:none}button.ghost{color:var(--text);border-color:var(--border-strong);background:0 0}button.ghost:hover{background:var(--surface-2)}.seg,.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);gap:.25rem;padding:.25rem;display:flex}.tabs{margin:1rem 0}.seg-btn,.tab{color:var(--muted);text-transform:capitalize;background:0 0;flex:1;font-size:.9rem;font-weight:600}.seg-btn.on,.tab.active{background:var(--card);color:var(--text-h);box-shadow:var(--shadow-sm)}.seg-btn:disabled{opacity:.5;cursor:default}.contrib-add{margin-bottom:.5rem}.contrib-list{margin:0 0 .5rem;padding:0;list-style:none}.contrib-name{min-width:120px;color:var(--text-h);flex:none;font-weight:500}.credit-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.credit-row input,.credit-row select{height:42px;margin:0}.credit-row input{flex:1;min-width:0}.credit-row select{flex:none;width:auto;min-width:160px}.credit-row .icon-btn{flex:none}input.mini{text-align:center;width:3.2rem;margin:0 .15rem;padding:.25rem .35rem}.as-button{text-align:center;cursor:pointer;display:inline-block}.primary.as-button{background:var(--primary);color:var(--on-primary);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);padding:.5rem .9rem;font-weight:600}.ghost.as-button{border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:.45rem .8rem}.ghost.as-button:hover{background:var(--surface-2)}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.link:hover{text-decoration:underline}.link:disabled{opacity:.45;cursor:default}.link:disabled:hover{text-decoration:none}.pill{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--r-pill);padding:.18rem .5rem;font-size:.72rem;font-weight:700}.pill.moderator{background:var(--primary-soft);color:var(--primary)}.pill.member{background:var(--info-soft);color:var(--info)}.member-controls{align-items:center;gap:.5rem;display:flex}.role-select{width:auto;height:30px;margin:0;padding:.2rem 1.4rem .2rem .5rem;font-size:.82rem}.thread-access{margin:1rem 0}.thread-member-pick{border-top:.5px solid var(--border);margin-top:.85rem;padding-top:.85rem}.check-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.3rem 1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.check-list label{cursor:pointer;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.check-list input[type=checkbox]{flex-shrink:0;width:auto;margin:0}.kb-opt{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;margin:.15rem 0;font-weight:400;display:flex}.kb-opt input[type=radio],.kb-opt input[type=checkbox]{flex:none;width:auto;margin:0;padding:0}.kb-opt>span{flex:1;min-width:0}.kb-demo{margin:1.4rem 0}.kb-demo input[type=range],.kb-preamp-range{width:auto;min-width:0;box-shadow:none;accent-color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;height:1.25rem;margin:0;padding:0;display:block}.kb-demo input[type=range]:focus,.kb-preamp-range:focus{box-shadow:none;border:none;outline:none}.kb-demo input[type=range]:disabled,.kb-preamp-range:disabled{opacity:.45;cursor:not-allowed}.kb-preamp-sliders .kb-preamp-row{align-items:center;gap:10px;display:flex}.kb-preamp-sliders label,.kb-preamp-sliders .kb-preamp-end{align-items:center;height:1.25rem;margin:0;line-height:1.25rem;display:flex}.kb-callout-box{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .8rem;font-size:.85rem}.kb-callout-box strong{color:var(--text-h)}.kb-synth{--sy-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--sy-hand:var(--font-hand,"Fuzzy Bubbles", "Comic Sans MS", "Chalkboard SE", cursive);--sy-wobble:12px 16px 13px 17px;--accent:var(--primary);background:var(--card);color:var(--text);border:2px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:14px 18px 15px 20px;padding:.85rem .9rem .8rem;font-size:.85rem;container-type:inline-size}.kb-synth-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.kb-synth-title{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.kb-synth-title strong{font-family:var(--sy-hand);color:var(--text-h);text-transform:uppercase;letter-spacing:.02em;font-size:1.05rem}.kb-synth-kicker{font-family:var(--sy-hand);color:var(--muted);font-size:.7rem}.kb-synth-pill{font:700 .62rem var(--sy-hand);text-transform:uppercase;letter-spacing:.04em;color:var(--text-h);background:var(--surface-2);border:2px solid var(--border-strong);border-radius:10px 14px 12px 15px;padding:.1rem .5rem}.kb-synth-status{font:.75rem var(--sy-hand);color:var(--muted);align-items:center;gap:.45rem;display:flex}.kb-synth-led{background:var(--card);border:2px solid var(--border-strong);border-radius:50%;width:10px;height:10px}.kb-synth-led.on{background:var(--ok)}.kb-synth-desc{color:var(--muted);margin:.3rem 0 .7rem;font-size:.8rem;line-height:1.45}.kb-synth-displays{grid-template-columns:3fr 2fr;gap:.6rem;display:grid}.kb-synth-display{border-radius:var(--sy-wobble);border:2px solid var(--border-strong);background:var(--wave);position:relative;overflow:hidden}.kb-synth-display-label{font:700 .62rem var(--sy-hand);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);pointer-events:none;position:absolute;top:3px;left:8px}.kb-synth-modules{flex-wrap:wrap;align-items:stretch;gap:.6rem;margin-top:.6rem;display:flex}.kb-synth-module{background:var(--card);border:2px solid var(--border-strong);border-radius:10px 14px 11px 15px;flex-direction:column;flex:200px;min-width:0;display:flex;overflow:hidden}.kb-synth-module.accent-osc{--accent:#22d3ee}.kb-synth-module.accent-filter{--accent:#f59e0b}.kb-synth-module.accent-env{--accent:#34d399}.kb-synth-module.accent-mod{--accent:#a78bfa}.kb-synth-module.accent-voice{--accent:#f472b6}.kb-synth-module.accent-source{--accent:#fb7185}.kb-synth-module-head{font:700 .72rem var(--sy-hand);text-transform:uppercase;letter-spacing:.06em;color:var(--text-h);background:var(--surface);border-bottom:2px solid var(--border-strong);align-items:center;gap:.3rem;padding:.32rem .55rem;display:flex}.kb-synth-module-head:before{content:"";background:var(--accent);border:1.5px solid var(--border-strong);border-radius:50%;flex:none;width:9px;height:9px}.kb-synth-module-display{background:var(--wave);border-bottom:2px solid var(--border-strong)}.kb-synth-knobs{flex-wrap:wrap;justify-content:space-around;gap:.35rem .25rem;padding:.55rem .35rem .5rem;display:flex}.kb-synth-knob-unit{flex-direction:column;align-items:center;gap:1px;width:66px;display:flex}.kb-synth-knob{cursor:ns-resize;touch-action:none;border-radius:50%;outline:none;width:46px;height:46px}.kb-synth-knob:focus-visible{box-shadow:0 0 0 2px var(--accent)}.kb-synth-knob svg{width:100%;height:100%;display:block;overflow:visible}.kb-synth-knob-track{fill:none;stroke:var(--border-strong);stroke-width:5px;stroke-linecap:round;opacity:.35;filter:url(#kb-synth-pencil)}.kb-synth-knob-fill{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;filter:url(#kb-synth-pencil)}.kb-synth-knob-cap{fill:var(--card);stroke:var(--border-strong);stroke-width:2.2px;filter:url(#kb-synth-pencil)}.kb-synth-knob-pointer{stroke:var(--text-h);stroke-width:3.4px;stroke-linecap:round}.kb-synth-knob-value{font:700 .68rem var(--sy-hand);color:var(--text-h);cursor:text;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;width:auto;max-width:100%;min-height:0;margin:0;padding:0;line-height:1.2;overflow:hidden}.kb-synth-knob-value:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.kb-synth-knob-input{width:4.2em;font:700 .68rem var(--sy-hand);color:var(--text-h);text-align:center;border:none;border-bottom:2px solid var(--accent);min-height:0;box-shadow:none;background:0 0;border-radius:0;outline:none;margin:0;padding:0}.kb-synth-knob-label{font:.64rem var(--sy-hand);color:var(--muted);text-align:center;white-space:normal;max-width:70px;line-height:1.15}.kb-synth-select{flex-direction:column;gap:.25rem;padding:.45rem .55rem 0;display:flex}.kb-synth-select-label{font:700 .62rem var(--sy-hand);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.kb-synth-segments{background:var(--surface-2);border:2px solid var(--border-strong);border-radius:9px 12px 10px 13px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.kb-synth-segments button{color:var(--muted);font:.72rem var(--sy-hand);cursor:pointer;white-space:nowrap;width:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:7px 9px 8px 10px;flex:auto;margin:0;padding:.22rem .45rem;line-height:1.2}.kb-synth-segments button:hover{color:var(--text-h)}.kb-synth-segments button.on{background:var(--accent);color:var(--text-h);font-weight:700}.kb-synth-segments button.static{cursor:default;color:var(--text-h);font-weight:700}.kb-synth-segments button:disabled{opacity:.35;cursor:default}.kb-synth-segments.compact{flex-wrap:nowrap}.kb-synth-math{background:var(--surface-2);border:2px solid var(--border-strong);border-radius:var(--sy-wobble);margin-top:.6rem;padding:.45rem .65rem .5rem;overflow-x:auto}.kb-synth-math-label{font:700 .66rem var(--sy-hand);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem;display:block}.kb-synth-math div{font:.74rem/1.6 var(--sy-mono);white-space:pre;color:var(--text-h)}.kb-synth-error{color:var(--error);margin:.5rem 0 0;font-size:.8rem}.kb-synth-keys-wrap{margin-top:.6rem}.kb-synth-keys-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0 .4rem;display:flex}.kb-synth-hint{font:.74rem var(--sy-hand);color:var(--muted);margin-right:auto}.kb-synth-toggle{background:var(--card);color:var(--text-h);border:2px solid var(--border-strong);font:700 .72rem var(--sy-hand);cursor:pointer;width:auto;min-height:0;box-shadow:none;white-space:nowrap;border-radius:9px 12px 10px 13px;margin:0;padding:.22rem .6rem}.kb-synth-toggle.on{background:var(--ok);color:#fff;border-color:var(--border-strong)}.kb-synth-toggle:disabled{opacity:.5;cursor:default}.kb-synth-go{background:var(--primary);color:var(--on-primary,#fff);border:2px solid var(--border-strong);font:700 .8rem var(--sy-hand);cursor:pointer;width:auto;min-height:0;box-shadow:var(--shadow-md);border-radius:9px 12px 10px 13px;margin:0;padding:.3rem .9rem}.kb-synth-go.on{background:var(--warn)}.kb-synth-keys{-webkit-user-select:none;user-select:none;touch-action:none;border:2px solid var(--border-strong);background:var(--border-strong);border-radius:9px 12px 10px 13px;height:84px;position:relative;overflow:hidden}.kb-synth-keys button{cursor:pointer;min-height:0;box-shadow:none;font:.7rem var(--sy-hand);border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;margin:0;padding:0 0 4px;line-height:1;display:flex;position:absolute;top:0}.kb-synth-keys button.white{border:1px solid var(--border-strong);color:#6b655b;background:#f3efe6;bottom:0}.kb-synth-keys button.white:hover{background:#fffdf7}.kb-synth-keys button.black{border:1px solid var(--border-strong);z-index:2;color:#cfc8bc;background:#2e2a24;border-radius:0 0 3px 3px;height:58%;padding-bottom:3px;font-size:.62rem}.kb-synth-keys button.black:hover{background:#3f3a32}.kb-synth-keys button.on,.kb-synth-keys button.black.on{background:var(--accent,var(--primary));color:var(--text-h)}.kb-synth-keys button .q{font:700 .62rem var(--sy-hand);color:var(--primary)}.kb-synth-keys button.black .q{color:#9fd7ff}.kb-synth-keys button.on .q{color:var(--text-h)}.kb-synth.armed{box-shadow:var(--shadow-md), 0 0 0 3px var(--primary-soft,#185fa540)}.kb-synth-qwerty-on{font:700 .72rem var(--sy-hand);color:var(--primary);margin-right:.4rem}.kb-synth-source{flex-direction:column;gap:.35rem;padding:.45rem .55rem .2rem;display:flex}.kb-synth-source.compact{padding:.25rem .4rem 0}.kb-synth-source-row{align-items:center;gap:.35rem;display:flex}.kb-synth-source-select{min-width:0;font:.74rem var(--sy-hand);color:var(--text-h);background:var(--card);border:2px solid var(--border-strong);min-height:0;box-shadow:none;border-radius:9px 12px 10px 13px;flex:auto;margin:0;padding:.22rem .4rem}.kb-synth-attrib{font:.68rem var(--sy-hand);color:var(--muted);margin:0}.kb-synth-attrib a{color:var(--primary);text-decoration:none}.kb-synth-fs{background:var(--surface-2);border:2px solid var(--border-strong);border-radius:9px 12px 10px 13px;flex-direction:column;gap:.35rem;padding:.4rem .5rem;display:flex}.kb-synth-fs-input{min-width:0;font:.78rem var(--sy-hand);color:var(--text-h);background:var(--card);border:2px solid var(--border-strong);min-height:0;box-shadow:none;border-radius:9px 12px 10px 13px;flex:auto;margin:0;padding:.22rem .45rem}.kb-synth-fs-note{font:.66rem var(--sy-hand);color:var(--muted);margin:0}.kb-synth-fs-results{flex-direction:column;gap:2px;max-height:190px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.kb-synth-fs-results li{border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.4rem;padding:.2rem .3rem;display:grid}.kb-synth-fs-results li:nth-child(odd){background:#0000000d}.kb-synth-fs-load{background:var(--primary);color:var(--on-primary,#fff);border:2px solid var(--border-strong);font:700 .68rem var(--sy-hand);cursor:pointer;width:auto;min-height:0;box-shadow:none;border-radius:8px 10px 9px 11px;grid-row:1/span 2;margin:0;padding:.15rem .5rem}.kb-synth-fs-load:disabled{opacity:.5;cursor:default}.kb-synth-fs-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.kb-synth-fs-meta{font:.64rem var(--sy-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kb-synth-zones{flex-direction:column;gap:.4rem;padding:.45rem .45rem .5rem;display:flex}.kb-synth-zone{border:2px solid var(--border-strong);background:var(--card);border-radius:9px 12px 10px 13px;overflow:hidden}.kb-synth-zone-head{background:var(--surface);border-bottom:2px solid var(--border-strong);align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.kb-synth-zone-badge{border:1.5px solid var(--border-strong);color:#111;width:18px;height:18px;font:700 .62rem var(--sy-mono);border-radius:50%;flex:none;place-items:center;display:inline-grid}.kb-synth-zone-name{min-width:0;font:700 .72rem var(--sy-hand);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.kb-synth-zone-remove{color:var(--muted);cursor:pointer;width:auto;min-height:0;box-shadow:none;background:0 0;border:none;margin:0;padding:0 .2rem;font-size:.9rem;line-height:1}.kb-synth-zone-remove:hover{color:var(--error)}.kb-synth-zone .kb-synth-knobs{padding-top:.3rem}.kb-synth-module:has(.kb-synth-zones){flex-basis:100%}.kb-midi .kb-synth-module>.kb-synth-segments,.kb-midi .kb-synth-module>.kb-synth-keys-bar,.kb-midi .kb-synth-module>.kb-midi-table,.kb-midi .kb-synth-module>p,.kb-midi .kb-synth-module>.kb-midi-bytes-row,.kb-midi .kb-synth-module>.kb-midi-hex,.kb-midi .kb-synth-module>.kb-midi-events,.kb-midi .kb-synth-module>.kb-midi-wheels,.kb-midi .kb-synth-module>.kb-midi-column,.kb-midi .kb-synth-module>.kb-midi-chgrid,.kb-midi .kb-synth-module>.kb-midi-slider,.kb-midi .kb-synth-module>.kb-midi-voices,.kb-midi .kb-synth-module>.kb-midi-note,.kb-midi .kb-synth-module>.kb-midi-log-empty{margin-left:.55rem;margin-right:.55rem}.kb-midi .kb-synth-module>.kb-synth-segments{margin-top:.45rem}.kb-midi .kb-synth-module>.kb-synth-module-display{border:2px solid var(--border-strong);border-radius:8px 11px 9px 12px;margin:.45rem .55rem 0;width:calc(100% - 1.1rem)!important}.kb-midi .kb-synth-module>:last-child{margin-bottom:.5rem}.kb-midi .kb-synth-module>.kb-synth-knobs:last-child{margin-bottom:0}.kb-midi .kb-synth-module-head .kb-synth-segments{text-transform:none;letter-spacing:0;margin-left:auto}.kb-midi .kb-synth-source-select{width:100%}.kb-midi-table{border-collapse:collapse;width:100%;font:.74rem var(--sy-hand);color:var(--text);margin-top:.4rem}.prose .kb-midi-table{margin:.4rem 0 0;font-size:.74rem;line-height:1.3;display:table}.prose .kb-midi-table thead{display:table-header-group}.prose .kb-midi-table tbody{width:auto;display:table-row-group}.prose .kb-midi-table tr{border-bottom:0;width:auto;padding:0;display:table-row}.prose .kb-midi-table td,.prose .kb-midi-table th{width:auto;display:table-cell}.prose .kb-midi-table tbody td:first-child{font-weight:inherit;color:inherit;margin:0}.kb-midi-table th{text-align:left;font:700 .62rem var(--sy-hand);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--border-strong);padding:.15rem .35rem}.kb-midi-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.18rem .35rem}.kb-midi-table tr.on td{background:color-mix(in srgb, var(--accent) 14%, transparent)}.kb-midi-table tr.off td{color:var(--muted)}.kb-midi-table .mono,.kb-midi-log-bytes,.kb-midi-bytes-big,.kb-midi-byte-meta,.kb-midi-hex{font-family:var(--sy-mono)}.kb-midi-parts{table-layout:fixed}.kb-midi-parts td:first-child,.kb-midi-parts th:first-child{white-space:nowrap;width:1.6em;padding-left:0}.kb-midi-parts td:nth-child(2),.kb-midi-parts th:nth-child(2){width:10.5em}.kb-midi-parts td:last-child,.kb-midi-parts th:last-child{width:14px;padding:.18rem 0 .18rem .2rem}.kb-midi-parts .kb-synth-source-select{max-width:100%;padding:.12rem .3rem}.kb-midi-parts .kb-midi-meter{width:8px;height:22px}.kb-midi-velbar{border:1.5px solid var(--border-strong);vertical-align:middle;min-width:64px;height:14px;font:700 .6rem var(--sy-mono);text-align:right;color:var(--text-h);border-radius:4px 6px 5px 7px;padding-right:3px;line-height:12px;display:inline-block;position:relative;overflow:hidden}.kb-midi-velbar>span{background:var(--accent,var(--primary));opacity:.55;position:absolute;top:0;bottom:0;left:0}.kb-midi-log{background:var(--wave);border:2px solid var(--border-strong);border-radius:var(--sy-wobble);margin-top:.6rem;padding:1.1rem .55rem .45rem;position:relative}.kb-midi-log-body{height:calc(var(--rows,6) * 1.35rem);font:.72rem/1.35rem var(--sy-mono);color:var(--text-h);overflow-y:auto}.kb-midi-log-row{white-space:nowrap;grid-template-columns:5.5em 6.5em 1fr auto;gap:.5rem;display:grid}.kb-midi-log-dt{color:var(--muted);text-align:right}.kb-midi-log-bytes{color:var(--primary);font-weight:700}.kb-midi-log-label{text-overflow:ellipsis;overflow:hidden}.kb-midi-log-port{color:var(--muted);font-size:.64rem}.kb-midi-log-row.src-midi .kb-midi-log-bytes{color:var(--ok)}.kb-midi-log-row.src-builder .kb-midi-log-bytes{color:var(--warn)}.kb-midi-log-empty{color:var(--muted);font:.74rem var(--sy-hand);padding:.4rem 0}.kb-midi-meter{border:2px solid var(--border-strong);background:var(--wave);border-radius:5px 7px 6px 8px;flex:none;width:14px;height:64px;position:relative;overflow:hidden}.kb-midi-meter-fill{background:var(--accent,var(--primary));transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}.kb-midi-column{align-items:flex-start;gap:.6rem;margin-top:.5rem;display:flex}.kb-midi-bytes-big{color:var(--primary);letter-spacing:.04em;font-size:1rem;font-weight:700}.kb-midi-note{font:700 .8rem var(--sy-hand);color:var(--text-h)}.kb-midi-bytes-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.kb-midi-byte{background:var(--wave);border:2px solid var(--border-strong);border-radius:8px 11px 9px 12px;flex:120px;padding:.35rem .45rem}.kb-midi-byte.status{border-color:var(--warn)}.kb-midi-bits{gap:2px;display:flex}.kb-midi-bits span{text-align:center;font:700 .8rem var(--sy-mono);border:1.5px solid var(--border);background:var(--card);color:var(--text-h);border-radius:3px;flex:1}.kb-midi-bits span.flag{background:var(--warn);color:#fff;border-color:var(--border-strong)}.kb-midi-bits span.hi{background:color-mix(in srgb, var(--primary) 25%, var(--card))}.kb-midi-byte-meta{color:var(--text-h);margin-top:.25rem;font-size:.68rem}.kb-midi-byte-role{font:.64rem var(--sy-hand);color:var(--muted)}.kb-midi-wheels{justify-content:space-around;align-items:flex-start;gap:.8rem;margin-top:.5rem;display:flex}.kb-midi-wheel-unit{flex-direction:column;align-items:center;gap:2px;display:flex}.kb-midi-wheel{background:var(--wave);border:2px solid var(--border-strong);cursor:ns-resize;touch-action:none;border-radius:10px 14px 11px 15px;outline:none;width:34px;height:110px;position:relative}.kb-midi-wheel:focus-visible{box-shadow:0 0 0 2px var(--accent)}.kb-midi-wheel-track{background:var(--border-strong);opacity:.35;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:8px;bottom:8px;left:50%}.kb-midi-wheel-thumb{background:var(--accent,var(--primary));border:2px solid var(--border-strong);border-radius:4px 6px 5px 7px;height:12px;position:absolute;left:3px;right:3px}.kb-midi-chgrid{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:.45rem;display:grid}.kb-midi-ch{width:auto;min-height:0;box-shadow:none;cursor:pointer;font:700 .74rem var(--sy-hand);color:var(--text-h);background:var(--card);border:2px solid var(--border-strong);border-radius:6px 8px 7px 9px;flex-direction:column;align-items:center;margin:0;padding:.25rem 0;line-height:1.1;display:flex}.kb-midi-ch small{color:var(--muted);font-size:.55rem;font-weight:400}.kb-midi-ch.empty{color:var(--muted);background:var(--wave)}.kb-midi-ch.on{background:var(--accent);color:var(--text-h)}.kb-midi-slider{background:var(--wave);border:2px solid var(--border-strong);cursor:ew-resize;touch-action:none;border-radius:9px 12px 10px 13px;outline:none;height:34px;margin-top:.45rem;position:relative;overflow:hidden}.kb-midi-slider:focus-visible{box-shadow:0 0 0 2px var(--accent)}.kb-midi-slider-fill{background:var(--accent);opacity:.45;position:absolute;top:0;bottom:0;left:0}.kb-midi-slider-label{font:.7rem var(--sy-hand);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 .5rem;display:flex;position:absolute;inset:0;overflow:hidden}.kb-midi-hex{background:var(--wave);border:2px solid var(--border-strong);border-radius:8px 11px 9px 12px;grid-template-columns:repeat(16,1fr);gap:1px 4px;margin-top:.5rem;padding:.3rem .4rem;font-size:.66rem;font-weight:700;display:grid}.kb-midi-hex span{text-align:center}.kb-midi-events{max-height:300px;margin-top:.4rem;overflow:auto}.kb-midi-events .kb-midi-table{margin-top:0}.kb-midi-events th{background:var(--card);position:sticky;top:0}.kb-midi-voices{flex-direction:column;gap:3px;margin-top:.5rem;display:flex}.kb-midi-voice{font:.72rem var(--sy-hand);color:var(--muted);background:var(--wave);border:1.5px solid var(--border);border-radius:6px 8px 7px 9px;grid-template-columns:1.4em 1fr 80px 4.5em;align-items:center;gap:.4rem;padding:.15rem .4rem;display:grid}.kb-midi-voice.on{border-color:var(--accent);color:var(--text-h);background:color-mix(in srgb, var(--accent) 12%, var(--wave))}.kb-midi-voice.rel{color:var(--text)}.kb-midi-voice-n{font-weight:700}.kb-midi-voice-note small{color:var(--muted);font-size:.62rem}.kb-midi-voice-gate{text-align:right;font-size:.64rem}.kb-midi-keys{position:relative}.kb-midi-keys-velhint{z-index:3;font:.6rem var(--sy-hand);color:var(--muted);pointer-events:none;position:absolute;top:4px;right:6px}.kb-midi .kb-synth-keys button.white{background:linear-gradient(#f3efe6,#e6dfd0)}@container (width<=640px){.kb-midi-log-row{grid-template-columns:4.5em 1fr}.kb-midi-log-label{white-space:normal;grid-column:1/-1}.kb-midi-log-port{display:none}.kb-midi-voice{grid-template-columns:1.4em 1fr 60px}.kb-midi-voice-gate{display:none}.kb-midi-chgrid{grid-template-columns:repeat(8,1fr)}.kb-midi-table{font-size:.68rem}.kb-midi-hex{grid-template-columns:repeat(8,1fr)}.kb-synth-displays{grid-template-columns:1fr}}@container (width<=480px){.kb-synth-math div{white-space:pre-wrap;word-break:break-word}}@media (pointer:coarse){.kb-synth-qwerty-hint{display:none}}.kb-public-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:20;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1.1rem;display:flex;position:sticky;top:0}.kb-public-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;max-width:62rem;margin:3rem auto 2rem;padding:1.1rem 1.1rem 0;display:flex}.kb-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-h);background:var(--primary-soft);border:1px solid var(--border-strong);border-radius:999px;margin:0 0 .85rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.kb-article-title.page-title{letter-spacing:-.01em;margin-bottom:.5rem;font-size:2.1rem}.kb-roadmap-item{border-top:1px solid var(--border);align-items:flex-start;gap:.9rem;padding:.9rem 0;display:flex}.kb-roadmap-item:first-child{border-top:none;padding-top:0}.kb-roadmap-num{font-family:var(--mono);color:var(--primary-h);background:var(--primary-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex}.kb-roadmap-title{color:var(--text-h);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.kb-roadmap-desc{color:var(--muted);font-size:.85rem;line-height:1.5}.ht-ear-circle{border:2px solid var(--border-strong);background:var(--surface-2);width:54px;height:54px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:flex}.ht-ear-circle.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);animation:1.4s ease-in-out infinite ht-ear-pulse}.ht-ear-circle.done{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}@keyframes ht-ear-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bin-cell{border-radius:var(--r-sm);border:1px solid var(--border-strong);text-align:center;cursor:pointer;background:var(--surface-2);-webkit-user-select:none;user-select:none;width:54px;padding:.5rem 0;transition:background .12s,border-color .12s}.bin-cell:hover{border-color:var(--primary)}.bin-cell .bin-place{color:var(--muted);font-size:.68rem}.bin-cell .bin-value{font:700 1.4rem var(--mono);color:var(--text-h)}.bin-cell.on{background:var(--primary-soft);border-color:var(--primary)}.bin-cell.on .bin-value{color:var(--primary)}.kb-bin-controls{justify-content:center;align-items:center;gap:10px;display:flex}.kb-bin-controls button{justify-content:center;align-items:center;width:auto;min-width:44px;height:40px;min-height:0;margin:0;padding:0 .8rem;display:inline-flex}.kb-midifx-io{align-items:stretch;gap:.6rem;margin-top:.8rem;display:flex}.kb-midifx-side{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex:1 1 0;min-width:0;padding:.45rem .6rem}.kb-midifx-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-size:.68rem;font-weight:600;display:block}.kb-midifx-chips{flex-wrap:wrap;align-content:flex-start;gap:3px;min-height:1.6rem;display:flex}.kb-midifx-chips.out{max-height:3.6rem;overflow:hidden}.kb-midifx-chip{font:.76rem var(--mono);color:var(--text-h);background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:.1rem .4rem}.kb-midifx-chip.in{border-color:var(--primary);color:var(--primary);font-weight:700}.kb-midifx-arrow{color:var(--muted);align-self:center;font-size:1.2rem}.kb-midifx-controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.kb-midifx-controls label{color:var(--muted);align-items:center;gap:.3rem;font-size:.74rem;display:inline-flex}.kb-midifx-controls select{width:auto;min-height:0;margin:0;padding:.18rem .4rem;font-size:.78rem}.kb-midifx-note{margin:.6rem 0 0;font-size:.85rem}.kb-midifx-midi{width:auto;min-height:0;color:var(--text-h);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:none;cursor:pointer;margin:0;padding:.22rem .55rem;font-size:.74rem}.kb-midifx-midi.on{background:var(--primary-soft);border-color:var(--primary)}.kb-midifx-clear{text-transform:none;letter-spacing:0;width:auto;min-height:0;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:none;cursor:pointer;margin:0 0 0 .4rem;padding:0 .35rem;font-size:.64rem}.kb-midifx.armed{box-shadow:0 0 0 3px var(--primary-soft,#185fa540)}.kb-midifx .kb-synth-keys{--sy-hand:inherit;height:76px}@container (width<=520px){.kb-midifx-io{flex-direction:column}.kb-midifx-arrow{transform:rotate(90deg)}}.kb-evlist-tabs{flex-wrap:wrap;align-items:center;gap:4px;margin:.8rem 0 0;display:flex}.kb-evlist-tabs button{width:auto;min-height:0;color:var(--muted);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:none;cursor:pointer;margin:0;padding:.28rem .7rem;font-size:.8rem;font-weight:600}.kb-evlist-tabs button.on{background:var(--primary-soft);border-color:var(--primary);color:var(--text-h)}.kb-evlist-scroll{margin-top:.5rem;overflow-x:auto}.kb-evlist-table{border:1px solid var(--border-strong);border-radius:var(--r-sm);min-width:max-content;overflow:hidden}.kb-evlist-head,.kb-evlist-row{grid-template-columns:var(--cols);text-align:left;font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;padding:.22rem .6rem;display:grid}.kb-evlist-head>span,.kb-evlist-row>span{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kb-evlist-head{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border-strong);font-size:.68rem;font-weight:600}.kb-evlist-row{width:100%;min-height:0;color:var(--text);border:0;border-top:1px solid var(--border);box-shadow:none;cursor:pointer;background:0 0;border-radius:0;margin:0;font-size:.82rem;line-height:1.5}.kb-evlist-raw{gap:4px;margin-left:auto;display:inline-flex}.kb-evlist-raw button{padding:.28rem .55rem;font-size:.74rem}.kb-evlist-raw-cell{color:var(--primary)}.kb-evlist-ruler{border:1px solid var(--border-strong);border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:0;margin-top:.5rem}.kb-evlist-row:first-of-type{border-top:0}.kb-evlist-row:hover{background:var(--surface-2)}.kb-evlist-row.on{background:var(--primary-soft);color:var(--text-h)}.kb-evlist-row .mono,.kb-evlist-bytes{font-family:var(--mono)}.kb-evlist-roll{border:1px solid var(--border-strong);border-radius:0 0 var(--r-sm) var(--r-sm)}.kb-evlist-rollpicks{flex-wrap:wrap;gap:3px;margin-top:.4rem;display:flex}.kb-evlist-pick{width:auto;min-height:0;font:.74rem var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:none;cursor:pointer;margin:0;padding:.15rem .45rem}.kb-evlist-pick.on{background:var(--primary);color:var(--on-primary,#fff);border-color:var(--primary)}.kb-evlist-detail{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.6rem;font-size:.85rem;display:flex}.kb-evlist-bytes{color:var(--primary);font-size:.95rem;font-weight:700}@container (width<=480px){.kb-evlist-head,.kb-evlist-row{gap:.45rem;font-size:.74rem}.kb-evlist-raw{margin-left:0}}.kb-midimap-channels{flex-wrap:wrap;gap:3px;display:flex}.kb-midimap-send{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.9rem 0 0;display:flex}.kb-midimap-send-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.kb-midimap-ch{width:auto;min-width:30px;min-height:0;font:600 .76rem var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:none;cursor:pointer;margin:0;padding:.2rem 0}.kb-midimap-ch.used{color:var(--text-h);border-color:var(--primary)}.kb-midimap-ch.on{background:var(--primary);color:var(--on-primary,#fff);border-color:var(--primary)}.kb-midimap-svg{width:100%;height:auto;margin:.5rem 0 .2rem;display:block}.kb-midimap-dev rect,.kb-midimap-stream rect{fill:var(--surface-2);stroke:var(--border-strong);stroke-width:1.5px}.kb-midimap-dev.active rect{fill:var(--primary-soft);stroke:var(--primary);stroke-width:2.5px}.kb-midimap-name{fill:var(--text-h);text-anchor:middle;font-size:13px;font-weight:600}.kb-midimap-sub{fill:var(--muted);text-anchor:middle;font-size:11px}.kb-midimap-answer{fill:var(--muted);text-anchor:middle;font-size:11px;font-weight:600}.kb-midimap-dev.active .kb-midimap-answer{fill:var(--primary)}.kb-midimap-port{fill:var(--card);stroke:var(--border-strong);stroke-width:1.5px}.kb-midimap-port-label{fill:var(--muted);text-anchor:start;font-size:9px}.kb-midimap-svg .kb-midimap-out-label{text-anchor:middle}.kb-midimap-cable{fill:none;stroke:var(--border-strong);stroke-width:2.5px;opacity:.45}.kb-midimap-cable.live{stroke:var(--primary);opacity:1}.kb-midimap-lanes rect{fill:var(--card);stroke:var(--border-strong);stroke-width:1px}.kb-midimap-lanes rect.on{fill:var(--primary);stroke:var(--primary)}.kb-midimap-caption{margin:.5rem 0 0;font-size:.86rem}.kb-midimap-dev.sounding rect{fill:color-mix(in srgb, var(--primary) 28%, var(--surface-2))}.kb-midimap-keybar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin:.8rem 0 .4rem;display:flex}.kb-midimap-oct{font:600 .76rem var(--mono);color:var(--text-h);align-items:center;gap:4px;display:flex}.kb-midimap-oct button{background:var(--surface-2);width:auto;min-height:0;color:var(--text-h);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:none;cursor:pointer;margin:0;padding:.2rem .5rem;font-size:.74rem}.kb-midimap-oct button:disabled{opacity:.4;cursor:default}.kb-midimap.armed{box-shadow:0 0 0 3px var(--primary-soft,#185fa540)}.kb-midimap .kb-synth-keys{--sy-hand:inherit;height:76px}.kb-midimap-families{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.8rem 0 0;display:grid}.kb-midimap-family{text-align:left;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;min-height:0;box-shadow:none;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.15rem;margin:0;padding:.55rem .65rem;display:flex}.kb-midimap-family.on{background:var(--primary-soft);border-color:var(--primary)}.kb-midimap-family-title{color:var(--text-h);font-size:.92rem;font-weight:600}.kb-midimap-family-sub{color:var(--muted);font-size:.72rem}.kb-midimap-family-where{gap:.5rem;margin-top:.2rem;font-size:.7rem;display:flex}.kb-midimap-family-where .yes{color:var(--ok)}.kb-midimap-family-where .no{color:var(--muted)}.kb-midimap-family-body{margin-top:.7rem;font-size:.88rem}.kb-midimap-family-body p{margin:0 0 .4rem}.kb-midimap-examples{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.kb-midimap-examples li{font:.76rem var(--mono);color:var(--text-h);background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:.15rem .45rem}@container (width<=480px){.kb-midimap-families{grid-template-columns:1fr}.kb-midimap-ch{min-width:26px;font-size:.7rem}}.kb-midistruct{container-type:inline-size}.kb-midistruct-anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.8rem 0 0;display:grid}.kb-midistruct-byte{background:var(--card);border:2px solid var(--border-strong);border-radius:8px 11px 9px 12px;flex-direction:column;gap:.1rem;min-width:0;padding:.45rem .55rem;display:flex}.kb-midistruct-byte.status{border-color:var(--warn)}.kb-midistruct-byte.faint{opacity:.7;border-style:dashed}.kb-midistruct-byte-bits{font:700 .8rem var(--mono);color:var(--text-h);letter-spacing:.04em;white-space:nowrap}.kb-midistruct-byte-role{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:700}.kb-midistruct-byte-sub{color:var(--muted);font-size:.7rem}.kb-midistruct-families{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.6rem 0 0;display:grid}.kb-midistruct-family{--accent:var(--primary);background:var(--surface-2);border:2px solid var(--border-strong);border-radius:10px 14px 11px 15px;flex-direction:column;gap:.3rem;min-width:0;padding:.55rem .6rem;display:flex}.kb-midistruct-family-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.kb-midistruct-family-title{color:var(--text-h);align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;display:flex}.kb-midistruct-family-title:before{content:"";background:var(--accent);border:1.5px solid var(--border-strong);border-radius:50%;flex:none;width:9px;height:9px}.kb-midistruct-family-where{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);white-space:nowrap;padding:.08rem .45rem;font-size:.66rem;font-weight:700}.kb-midistruct-family-sub{color:var(--muted);font-size:.72rem}.kb-midistruct-group{background:var(--card);border:1px solid var(--border-strong);border-radius:8px 11px 9px 12px;margin-top:.25rem;padding:.45rem .5rem}.kb-midistruct-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-h);font-size:.7rem;font-weight:700}.kb-midistruct-group-sub{color:var(--muted);margin-bottom:.35rem;font-size:.7rem}.kb-midistruct-msgs{flex-wrap:wrap;gap:.3rem;display:flex}.kb-midistruct-msg{background:var(--surface-2);width:auto;min-height:0;color:var(--text-h);border:1px solid var(--border-strong);box-shadow:none;cursor:pointer;text-align:left;border-radius:7px 9px 8px 10px;align-items:baseline;gap:.35rem;margin:0;padding:.2rem .5rem;font-size:.76rem;line-height:1.3;display:inline-flex}.kb-midistruct-msg:hover{border-color:var(--accent)}.kb-midistruct-msg.on{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.kb-midistruct-msg-status{font:.7rem var(--mono);color:var(--muted);white-space:nowrap}.kb-midistruct-caption{background:var(--surface-2);border:2px solid var(--border-strong);border-radius:10px 14px 11px 15px;align-items:baseline;gap:.6rem;margin-top:.7rem;padding:.55rem .7rem;font-size:.86rem;line-height:1.5;display:flex}.kb-midistruct-caption-bytes{font:700 .8rem var(--mono);color:var(--primary);white-space:nowrap}@container (width<=640px){.kb-midistruct-families,.kb-midistruct-anatomy{grid-template-columns:1fr}.kb-midistruct-caption{flex-direction:column;gap:.2rem}}.kb-tabs{--tabs-hand:var(--font-hand,"Fuzzy Bubbles", "Comic Sans MS", "Chalkboard SE", cursive);background:var(--card);color:var(--text);border:2px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:14px 18px 15px 20px;margin:1.1rem 0 1.3rem;padding:.8rem .9rem .9rem}.kb-tabs-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.55rem;display:flex}.kb-tabs-kicker{font:700 .7rem var(--tabs-hand);text-transform:uppercase;letter-spacing:.06em;color:var(--text-h);align-items:center;gap:.35rem;display:flex}.kb-tabs-kicker:before{content:"";background:var(--primary);border:1.5px solid var(--border-strong);border-radius:50%;flex:none;width:9px;height:9px}.kb-tabs-pill{font:700 .62rem var(--tabs-hand);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border:2px solid var(--border-strong);border-radius:10px 14px 12px 15px;margin-left:auto;padding:.1rem .5rem}.kb-tabs-bar{flex-wrap:wrap;gap:.35rem .4rem;display:flex}.kb-tabs-tab{width:auto;min-height:0;font:700 .74rem var(--tabs-hand);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface-2);border:2px solid var(--border-strong);box-shadow:none;cursor:pointer;white-space:nowrap;border-radius:10px 14px 12px 15px;margin:0;padding:.3rem .75rem;line-height:1.25}.kb-tabs-tab:hover{color:var(--text-h)}.kb-tabs-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kb-tabs-tab.on{color:var(--text-h);background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.kb-tabs-panel{background:var(--card);border:2px solid var(--border-strong);border-radius:12px 16px 13px 17px;margin-top:.65rem;padding:.7rem .85rem .75rem;font-size:.9rem;line-height:1.55}.kb-tabs-panel>:first-child{margin-top:0}.kb-tabs-panel>:last-child{margin-bottom:0}.kb-hexbyte-row{flex-wrap:wrap;justify-content:center;gap:1.4rem;margin:1rem 0 .6rem;display:flex}.kb-hexbyte-nibble{flex-direction:column;align-items:center;gap:.35rem;display:flex}.kb-hexbyte-bits{gap:6px;display:flex}.kb-hexbyte-bits .bin-cell{width:46px}.bin-cell.kb-hexbyte-flag{border-style:dashed}.bin-cell.kb-hexbyte-flag.on{border-style:solid;border-color:var(--warn);background:color-mix(in srgb, var(--warn) 18%, var(--surface-2))}.bin-cell.kb-hexbyte-flag.on .bin-value{color:var(--warn)}.kb-hexbyte-digit{flex-direction:column;align-items:center;line-height:1.1;display:flex}.kb-hexbyte-digit span{font:700 1.6rem var(--mono);color:var(--primary)}.kb-hexbyte-digit small{color:var(--muted);font-size:.66rem}.kb-hexbyte-readout{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.8rem;margin-bottom:.5rem;display:flex}.kb-hexbyte-hex{font:700 1.7rem var(--mono);color:var(--text-h)}.kb-hexbyte-dec{font:.95rem var(--mono);color:var(--muted)}.kb-hexbyte-dec strong{color:var(--text-h)}.kb-hexbyte-meaning{text-align:center;margin:0 0 .85rem;font-size:.85rem}.kb-hexbyte-anatomy{flex-direction:column;align-items:center;gap:.3rem;margin:1rem 0 .6rem;display:flex}.kb-hexbyte-bits.wide{gap:6px}.kb-hexbyte-bits.wide .bin-cell{width:44px}.kb-hexbyte-bits.wide .bin-cell:nth-child(4){margin-right:10px}.kb-hexbyte-poslabels{width:min(100%,420px);color:var(--muted);justify-content:space-between;gap:1rem;font-size:.7rem;display:flex}.kb-hexbyte-poslabels .top{color:var(--warn);font-weight:600}@container (width<=480px){.kb-hexbyte-bits.wide .bin-cell,.kb-hexbyte-bits .bin-cell{width:34px}.kb-hexbyte-bits.wide .bin-cell:nth-child(4){margin-right:6px}}.bit-block-header{color:var(--text-h);margin:0 0 .4rem;font-size:.85rem}.bit-block-cols{flex-wrap:wrap;gap:6px;display:flex}.val-col{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;flex-direction:column;align-items:center;gap:2px;min-width:30px;padding:4px 6px;display:flex}.val-bin{font:700 .75rem var(--mono);color:var(--primary)}.val-dec{font:600 .68rem var(--mono);color:var(--muted)}.analogy-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=560px){.analogy-grid{grid-template-columns:1fr}}.kb-bumper{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:16px;margin:1.6rem 0;padding:1rem 1.15rem}.kb-bumper p{margin:0 0 .5rem}.kb-bumper p:last-child{margin-bottom:0}.kb-bumper-kicker{text-transform:uppercase;letter-spacing:.05em;color:var(--info);margin-bottom:.35rem;font-size:.68rem;font-weight:700}.kb-bumper-bridge{color:var(--muted);font-style:italic}.kb-reflect{background:var(--primary-soft);border-radius:16px;margin:1.6rem 0;padding:1rem 1.15rem}.kb-reflect p{margin:0 0 .5rem}.kb-reflect-kicker{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.35rem;font-size:.68rem;font-weight:700}.kb-subdivider{justify-content:center;margin:1.8rem 0;display:flex}.kb-subdivider span{background:var(--border-strong);border-radius:999px;width:32px;height:3px}.kb-check-pill{background:var(--info-soft);color:var(--info)}.kb-check-step+.kb-check-step{border-top:.5px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.kb-check-step-num{color:var(--muted);margin-right:.35rem}.kb-check-q{color:var(--text-h);margin:.6rem 0 .75rem;font-weight:600}.kb-check-step .kb-check-q{margin-top:0}.kb-check-options{flex-direction:column;gap:.5rem;display:flex}.kb-check-option{text-align:left;width:100%;padding:.6rem .8rem;font-size:.88rem}.kb-check-option.correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok);font-weight:600}.kb-check-option.incorrect{border-color:var(--error);background:var(--error-soft);color:var(--error)}.kb-check-step.answered .kb-check-option{cursor:default}.kb-check-step.answered .kb-check-option:not(.correct):not(.incorrect){opacity:.55}.kb-check-feedback{min-height:1em;margin:.75rem 0 0}.pill.ontime{background:var(--ok-soft);color:var(--ok)}.pill.late{background:var(--error-soft);color:var(--error)}.pill.xs{vertical-align:1px;padding:.02rem .34rem;font-size:.62rem}.pill.weeks-pill{color:#c2591f;background:#f5793b26;font-weight:700}.recovery-stack{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.recovery-card{background:#f5793b1a;border:1px solid #f5793b4d;border-radius:12px;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.recovery-icon{color:#e0631f;background:#f5793b33;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.recovery-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.recovery-prog{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.15rem;display:flex}.recovery-count{color:#e0631f;font-size:.8rem;font-weight:700}.recovery-time{white-space:nowrap;flex:none;align-items:center;gap:.25rem;display:inline-flex}.user-link{color:inherit;cursor:pointer;text-decoration:none}.user-link:hover{text-underline-offset:2px;text-decoration:underline}.user-profile .back-link{align-items:center;gap:.3rem;margin-bottom:.85rem;display:inline-flex}.up-head{align-items:flex-start;gap:1.1rem;margin-bottom:1.25rem;display:flex}.up-head .avatar.xl{flex:none}.up-id{min-width:0}.up-id h1{margin:0 0 .35rem}.up-tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pill.as-pill{text-decoration:none}button.pill.as-pill{color:var(--primary);line-height:inherit;background:0 0;border:none}button.pill.as-pill:hover{text-decoration:underline}.up-bio{max-width:60ch;margin:.6rem 0 .4rem}.up-setup{margin:.3rem 0 .5rem}.up-group{margin-bottom:1.75rem}.up-group-name{margin:0 0 .75rem}.up-group-name a{color:inherit;text-decoration:none}.up-group-name a:hover{text-decoration:underline}.up-group .card.up-list{margin-top:.9rem}.req-card{padding:.8rem 1rem}.req-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.req-head h3{margin:0;font-size:.95rem}.req-checks{flex-wrap:wrap;gap:.35rem .5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.req-checks li{border-radius:var(--r-pill);background:var(--ok-soft);color:var(--ok);align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.82rem;display:inline-flex}.req-checks li.miss{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error)}.req-foot{flex-wrap:wrap;align-items:center;gap:.3rem;margin:.55rem 0 0;display:flex}.grade-panel .check-list{grid-template-columns:1fr}.grades-cell.clickable{cursor:pointer}.grades-cell.clickable:hover{background:var(--primary-soft)}.grades-provisional{color:var(--muted);font-style:italic}.up-list-label{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.3rem;margin:0 0 .5rem;display:flex}.up-item{border-radius:9px;flex-direction:column;gap:.15rem;padding:.5rem .65rem;display:flex}.up-item-title{font-weight:600}.up-item-body{color:inherit;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}.up-item-body:hover{text-decoration:underline}.up-item-meta{display:block}.inline-link{color:inherit;text-decoration:none}.inline-link:hover{text-underline-offset:2px;text-decoration:underline}.post-foot{margin-top:.6rem}.tasks{margin:0 0 1rem}.tasks-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tasks-head .nav-label{align-items:center;gap:.3rem;display:inline-flex}.link-btn{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link-btn:hover{text-decoration:underline}.tasks-clear{margin:.5rem 0 0;font-weight:600}.tasks-items{margin:.4rem 0 0;padding:0;list-style:none;display:grid}.task-row{border-radius:var(--r-sm);color:var(--text);align-items:center;gap:.7rem;margin:0 -.4rem;padding:.55rem .4rem;text-decoration:none;display:flex}a.task-row:hover{background:var(--surface-2);color:var(--text-h)}.task+.task .task-row{border-top:.5px solid var(--border);border-radius:0}.task-tick{border:1px solid var(--border-strong);width:1.25rem;height:1.25rem;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.task-tick.done{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.task-tick.locked{border-style:dashed}.task-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.task-title{align-items:center;gap:.35rem;font-size:.92rem;font-weight:600;line-height:1.3;display:flex}.task-kind{color:var(--muted);flex:none}.task-meta.late{color:var(--error);font-weight:600}.task.done .task-title,.task.locked .task-title{color:var(--muted);font-weight:500}.task.done .task-title{text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.task-go{color:var(--muted);flex:none}@media (width<=640px){.tasks,.chart-panel{padding:1rem}.chart-tabs{gap:1rem}.chart-tab{font-size:.9rem}.legend{gap:.7rem;margin-bottom:.5rem}.tw-modes{gap:.8rem}}.thisweek,.chart-panel{margin:0 0 1rem}.tw-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.tw-head strong{font-size:1.05rem}.tw-modes{flex-wrap:wrap;gap:1.5rem;margin-top:.8rem;display:flex}.tw-mode{flex-direction:column;flex:1;gap:.3rem;min-width:140px;display:flex}.tw-bar{background:var(--surface-2);border-radius:4px;height:7px;overflow:hidden}.tw-fill{border-radius:4px;height:100%;transition:width .3s}.setups{margin:0 0 1rem}.setup-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem 2rem;display:grid}.setup-list{gap:.45rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.setup-row{grid-template-columns:minmax(120px,auto) 1fr 2ch;align-items:center;gap:.6rem;display:grid}.setup-name{white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.setup-bar .tw-fill{background:var(--primary)}.setup-count{text-align:right;font-variant-numeric:tabular-nums}.setup-note{margin:.8rem 0 0}.tw-celebrate{color:#e0a800;margin:.85rem 0 0;font-weight:600}.tw-streak{color:#f5793b;margin:.4rem 0 0;font-weight:600}.overview-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.overview-head h2{margin-bottom:0}.overview-window-note{margin:-.6rem 0 1rem}.window-control{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.window-control select,.window-control input{width:auto;margin:0;padding:.3rem .5rem;font-size:.85rem}.window-control .primary.sm{margin:0}.legend{flex-wrap:wrap;gap:1rem;margin:.5rem 0 .9rem;display:flex}.legend span{color:var(--muted);align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.legend i{border-radius:2px;flex:none;width:10px;height:10px;display:inline-block}.part-card h3{margin-top:0}.chart-tabs{border-bottom:1px solid var(--border);gap:1.4rem;margin-bottom:1rem;display:flex}.chart-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.1rem 0 .55rem;font-size:1rem;font-weight:600}.chart-tab:hover{color:var(--text)}.chart-tab.active{color:var(--text-h);border-bottom-color:var(--primary)}.part-chart-wrap{width:100%;max-width:760px;position:relative}.part-chart{width:100%;height:auto;display:block;overflow:visible}.part-tooltip{background:var(--card);border:1px solid var(--border);pointer-events:none;white-space:nowrap;z-index:1000;border-radius:9px;padding:.45rem .6rem;position:fixed;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 18px #00000059}.part-tooltip strong{margin-bottom:.3rem;font-size:.78rem;display:block}.pt-row{align-items:center;gap:.45rem;font-size:.78rem;line-height:1.55;display:flex}.pt-row i{border-radius:2px;flex:none;width:9px;height:9px}.pt-row span{color:var(--muted);min-width:74px}.pt-row b{font-variant-numeric:tabular-nums;margin-left:auto}.part-everyone{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:3 5;opacity:.7}.part-perfect{stroke:#fbbf2459;stroke-width:1px}.part-group{fill:var(--text);fill-opacity:.05}.part-group-ic{color:var(--muted)}.part-tooltip .pt-group{color:var(--muted);margin:-.15rem 0 .3rem;font-size:.72rem}.part-focus{stroke:var(--text);stroke-opacity:.16;stroke-width:1px}.part-axislbl{fill:var(--muted);font-size:10px}.part-val{font-size:11px;font-weight:700}.toolkit-card h3{margin-top:0}.tk-key-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-top:.55rem;padding:0;font-size:.8rem;font-weight:600;display:inline-flex}.tk-key-toggle:hover{color:var(--text-h)}.tk-legend{margin-top:.7rem}.tk-cat+.tk-cat{margin-top:.75rem}.tk-cat-toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:0 0;border:none;margin:0 0 .4rem;padding:0;font-size:.7rem;font-weight:600;display:inline-block}.tk-cat-toggle:hover{color:var(--text-h)}.tk-tools{flex-wrap:wrap;gap:.45rem;display:flex}.tk-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);align-items:stretch;display:inline-flex;overflow:hidden}.tk-chip:hover{border-color:var(--border-strong)}.tk-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:.28rem .55rem .28rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.tk-toggle.off{color:var(--muted);opacity:.7}.tk-toggle i{border:1.5px solid;border-radius:3px;flex:none;width:10px;height:10px}.tk-count{background:var(--card);min-width:18px;height:18px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 .3rem;font-size:.72rem;display:inline-grid}.tk-arrow{color:var(--muted);border-left:1px solid var(--border);place-items:center;padding:0 .42rem;display:inline-grid}.tk-arrow:hover{color:var(--text-h);background:var(--card)}.roster{flex-wrap:wrap;gap:.4rem 1.1rem;display:flex}.roster-member{color:inherit;align-items:center;gap:.5rem;padding:.2rem 0;text-decoration:none;display:inline-flex}.roster-member:hover .roster-name{text-decoration:underline}.roster-avatar{flex:none;position:relative}.roster-dot{border:2px solid var(--card);background:#34d399;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.roster-name{align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.activity-feed{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.activity-row{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem .75rem;display:flex}.activity-text{min-width:0}.activity-time{white-space:nowrap;flex:none}.thread-prompt{margin:.85rem 0 1.25rem}.thread-prompt>:first-child{margin-top:0}.thread-prompt>:last-child{margin-bottom:0}.thread-title{margin:0 0 .3rem}.thread-meta{margin:0}.thread-prompt-body{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.thread-flag{color:var(--muted);flex-shrink:0;margin-left:.15rem}.req{color:var(--error)}.flex1{flex:1;min-width:0}.standings-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;display:grid}.lb-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.lb-head{align-items:flex-start;gap:.6rem;display:flex}.lb-icon{border-radius:var(--r-sm);background:var(--primary-soft);width:34px;height:34px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lb-title{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.lb-title strong{color:var(--text-h)}.pill.private{background:var(--surface-2);color:var(--muted);align-items:center;gap:3px;display:inline-flex}.lb-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.lb-list li{border-radius:var(--r-sm);align-items:center;gap:.5rem;padding:.3rem .4rem;font-size:.9rem;display:flex}.lb-list li.you{background:var(--primary-soft)}.lb-rank{text-align:center;width:20px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.lb-rank.r1{color:#d4a017}.lb-rank.r2{color:#9aa3ad}.lb-rank.r3{color:#b07a48}.lb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);flex:1;overflow:hidden}.lb-val{font-variant-numeric:tabular-nums;color:var(--text-h);flex-shrink:0;font-weight:600}.lb-empty{margin:.2rem 0}.lb-you{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding-top:.5rem;font-size:.82rem}.my-summary{flex-direction:column;gap:.85rem;margin-bottom:1.5rem;display:flex}.streak-row{flex-wrap:wrap;gap:.6rem;display:flex}.streak-chip{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;align-items:flex-start;gap:.05rem;padding:.45rem .7rem;display:inline-flex}.streak-num{color:var(--text-h);align-items:center;gap:.3rem;font-size:1.05rem;font-weight:700;display:inline-flex}.streak-num svg{color:#e8702a}.earned-badges{flex-direction:column;gap:.35rem;display:flex}.badge-chips{flex-wrap:wrap;gap:.4rem;display:flex}.badge-chip{background:var(--primary-soft);color:var(--primary);border-radius:var(--r-pill);align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;display:grid}.badge-card{align-items:center;gap:.6rem;display:flex}.badge-card div{flex-direction:column;gap:.05rem;min-width:0;display:flex}.badge-card strong{color:var(--text-h);font-size:.9rem}.badge-card-icon{border-radius:var(--r-sm);background:var(--primary-soft);width:34px;height:34px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-gamify{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.dash-badges{align-items:center;gap:.4rem;display:inline-flex}.dash-badge{border-radius:var(--r-sm);background:var(--primary-soft);width:28px;height:28px;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.name-badges{vertical-align:-2px;align-items:center;gap:2px;margin:0 .1rem 0 .3rem;display:inline-flex}.name-badge{background:var(--primary-soft);min-width:16px;height:16px;color:var(--primary);border-radius:4px;justify-content:center;align-items:center;gap:1px;padding:0 3px;display:inline-flex}.nb-lvl{font-size:.6rem;font-weight:800;line-height:1}.name-badge:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.name-badge-tip{z-index:300;background:var(--text-h);max-width:16rem;color:var(--bg);box-shadow:var(--shadow-md);pointer-events:none;border-radius:5px;flex-direction:column;gap:1px;padding:.3rem .55rem;font-size:.74rem;line-height:1.3;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 8px))}.name-badge-tip strong{font-weight:700}.name-badge-tip span{opacity:.85}.header-streaks{align-items:center;gap:.4rem;display:flex}.hstreak{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.8rem;display:inline-flex}.hstreak svg{color:#e8702a;flex:none}.hstreak b{color:var(--text-h);font-variant-numeric:tabular-nums;font-weight:700}.hstreak-l{color:var(--muted)}.inline-ic{vertical-align:-.15em}.notif strong{align-items:center;gap:.3rem;display:inline-flex}.icon-num{align-items:center;gap:.25rem;display:inline-flex}.weeks-pill{align-items:center;gap:.2rem;display:inline-flex}@media (width<=720px){.header-streaks .hstreak-l{display:none}}@media (width<=560px){.header-streaks{display:none}}.student-view-chip{border-radius:var(--r-pill);background:var(--warn-soft);border:1px solid var(--warn);color:var(--warn);font:inherit;white-space:nowrap;cursor:pointer;align-items:center;gap:.3rem;margin-right:.35rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.student-view-chip:hover{filter:brightness(.95)}@media (width<=720px){.student-view-chip-l{display:none}}.admin-badges{max-width:620px}.badge-config{border:1px solid var(--border);border-radius:var(--r-sm);margin:1rem 0 0;padding:0;list-style:none;overflow:hidden}.badge-config li{align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex}.badge-config li+li{border-top:1px solid var(--border)}.badge-config li.off{opacity:.55}.bc-icon{border-radius:var(--r-sm);background:var(--primary-soft);width:30px;height:30px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bc-main{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.bc-main strong{color:var(--text-h);font-size:.9rem}.bc-vis{flex-shrink:0;width:auto;min-width:100px;height:34px;margin:0}.badge{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-sm);padding:.05rem .4rem;font-size:.72rem}.class-list,.member-list,.track-list,.comment-list,.feed{gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.work-item{flex-direction:column;gap:.25rem;display:flex}.work-posts{flex-wrap:wrap;gap:.25rem .75rem;padding:0 .25rem;display:flex}.work-post-link{color:var(--muted);text-decoration:none}.work-post-link:hover{color:var(--primary);text-decoration:underline}.post{scroll-margin-top:calc(var(--header-h,56px) + .75rem)}.class-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-h);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .6rem;padding:.9rem 1rem;transition:border-color .12s,box-shadow .12s,transform 60ms;display:flex}.class-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.member-list li{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.feed{font-size:.9rem}.feed li{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:.55rem .75rem}.attention{border-left:3px solid var(--primary);border-radius:0 var(--r-lg) var(--r-lg) 0;margin-bottom:1.5rem}.attn-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.attn-row:first-of-type{border-top:none}.attn-row .link{white-space:nowrap}[data-component=StudioHome] .studio-home-header{margin-bottom:.25rem}[data-component=StudioHome] .studio-home-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}[data-component=StudioHome] .studio-home-title-group{flex-wrap:wrap;align-items:center;gap:1.25rem;min-width:0;display:flex}[data-component=StudioHome] .studio-home-directory{border-left:1px solid var(--border);flex-shrink:0;align-items:center;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}[data-component=StudioHome] .studio-home-title{align-items:center;gap:.5rem;display:flex}[data-component=StudioHome] .studio-home-title .page-title{margin:0}[data-component=StudioHome] .studio-home-actions{flex-wrap:wrap;gap:.5rem;display:flex}[data-component=StudioHome] .studio-home-body{margin-top:1.75rem}[data-component=StudioHome] .studio-home-body h2{margin-top:0;margin-bottom:.75rem}[data-component=StudioHome] .studio-home-body .muted+.muted{margin-top:.75rem}[data-component=StudioHome] .studio-home-error{margin-top:1.25rem;margin-bottom:0}[data-component=StudioHome] .studio-home-footnote{margin-top:2rem}.join-code-card{margin:1rem 0}.code{font-family:var(--mono);letter-spacing:.15em;color:var(--text-h);font-size:1.8rem;font-weight:700}.thread-start-choices{gap:.6rem;margin-top:.5rem;display:grid}.thread-start-choice{text-align:left;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;font:inherit;align-items:flex-start;gap:.75rem;padding:.85rem .95rem;display:flex}.thread-start-choice>svg{color:var(--primary);flex:none;margin-top:.15rem}.thread-start-choice>span{flex-direction:column;gap:.15rem;display:flex}.thread-start-choice:hover:not(:disabled){border-color:var(--primary)}.thread-start-choice:disabled{opacity:.55;cursor:default}.thread-start-list{border:1px solid var(--border);border-radius:var(--r-sm);max-height:14rem;margin:0;padding:0;list-style:none;overflow-y:auto}.thread-start-list li+li{border-top:1px solid var(--border)}.thread-start-item{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.1rem;padding:.55rem .75rem;text-decoration:none;display:flex}.thread-start-item:hover:not(:disabled){background:var(--surface-2)}.thread-start-item-title{font-weight:600}.new-project-pick-btn{white-space:nowrap;flex:none}.new-project-structure{margin-top:.35rem}.new-project-structure .filename-token-grid{margin-top:.4rem}.new-project-structure .audio-import-example{margin-top:.3rem}.new-project-tracks{border:1px solid var(--border);border-radius:var(--r-sm);max-height:min(22rem,40vh);margin:.15rem 0 0;padding:0;list-style:none;overflow-y:auto}.new-project-track{align-items:center;gap:.4rem;padding:.3rem .5rem .3rem .25rem;display:flex}.new-project-track+.new-project-track{border-top:1px solid var(--border)}.new-project-track.drag-source{opacity:.45}.new-project-track.drag-over{box-shadow:inset 0 2px 0 0 var(--primary)}.new-project-track .te-drag{padding:.2rem .1rem}.new-project-track-num{text-align:right;flex:none;width:1.1rem}.new-project-track-body{flex-direction:column;flex:1;min-width:0;display:flex}.new-project-track-body>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.new-project-track-name{background:0 0;border-color:#0000;margin:0 0 .05rem -.4rem;padding:.15rem .4rem;font-weight:600}.new-project-track-name:hover,.new-project-track-name:focus{background:var(--surface);border-color:var(--border-strong)}.modal.thread-start.thread-start-wide,.modal.modal-wide{max-width:40rem}.modal.thread-start.thread-start-wide .filename-token-grid,.modal.modal-wide .filename-token-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.thread-start-notice{border:1px solid color-mix(in srgb, var(--warn) 55%, var(--border));border-radius:var(--r-sm);background:color-mix(in srgb, var(--warn) 10%, var(--surface-2));color:var(--text);gap:.6rem;margin:0 0 .85rem;padding:.7rem .8rem;display:flex}.thread-start-notice>svg{color:var(--warn);flex:none;margin-top:.1rem}.thread-start-steps{gap:.3rem;margin:.6rem 0 .9rem;padding-left:1.25rem;display:grid}.upload-prompt{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0 1.5rem;display:flex}.grid-scroll{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.subgrid{border-collapse:collapse;width:100%;font-size:.85rem}table.subgrid th,table.subgrid td{border:1px solid var(--border);text-align:center;padding:.45rem .55rem}table.subgrid th{background:var(--surface-2);white-space:nowrap;font-weight:600}.subgrid .namecell{text-align:left;white-space:nowrap;background:var(--card);z-index:1;position:sticky;left:0}.subgrid .namecell a{color:var(--primary)}.subgrid .cell{min-width:3rem}.subgrid .cell.on_time{background:var(--ok-soft)}.subgrid .cell.late{background:var(--error-soft)}.subgrid .cell.missing{color:var(--muted)}.subgrid .cell a{font-weight:700;text-decoration:none}.subgrid .cell.on_time a{color:var(--ok)}.subgrid .cell.late a{color:var(--error)}.subgrid .cell .cell-team{opacity:0;vertical-align:middle;margin-left:.25rem}.subgrid .cell:hover .cell-team,.subgrid .cell .cell-team:focus-visible{opacity:1}.subgrid .totals td{background:var(--surface-2);font-size:.78rem;font-weight:600}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0;display:grid}@media (width>=620px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);box-shadow:var(--shadow-sm);padding:1rem;font-size:.85rem}.stat-num{color:var(--text-h);font-size:1.6rem;font-weight:700;line-height:1.1;display:block}.bell-wrap{position:relative}.bell{color:var(--text);background:0 0;border:1px solid #0000;padding:.4rem .55rem;font-size:1.05rem;line-height:1;position:relative}.bell:hover{background:var(--surface-2)}.bell-badge{background:var(--error);color:#fff;border-radius:var(--r-pill);text-align:center;min-width:1rem;padding:.05rem .32rem;font-size:.62rem;font-weight:700;position:absolute;top:-3px;right:-3px}.bell-menu{right:var(--bell-right,12px);top:var(--bell-top,56px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:320px;max-width:88vw;box-shadow:var(--shadow-pop);z-index:60;position:fixed;overflow:hidden}.bell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.bell-head strong{align-items:center;gap:.4rem;display:inline-flex}.bell-head-count{background:var(--primary);color:var(--on-primary);border-radius:999px;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.bell-head-actions{align-items:center;gap:.6rem;display:inline-flex}.bell-head .link{font-size:.82rem}.bell-close,.bell-scrim{display:none}.bell-empty{margin:0;padding:1rem .8rem}.bell-hint{text-align:center;border-top:1px solid var(--border);margin:0;padding:.4rem .8rem}.bell-menu ul{overscroll-behavior:contain;max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif{border-bottom:1px solid var(--border);background:var(--card);font-size:.9rem;position:relative;overflow:hidden}.notif:last-child{border-bottom:none}.notif.unread .notif-row{background:var(--primary-soft)}.notif.leaving{opacity:0;max-height:0;transition:max-height .16s ease-in,opacity .16s}.notif-rail{justify-content:space-between;display:flex;position:absolute;inset:0}.notif-rail-btn{width:88px;font:inherit;color:#fff;cursor:pointer;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;font-size:.7rem;font-weight:600;display:inline-flex}.notif-rail-btn.read{background:var(--primary)}.notif-rail-btn.clear{background:var(--error,#dc2626)}.notif-row{background:var(--card);width:100%;color:var(--text);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;will-change:transform;grid-template-columns:auto 1fr auto;align-items:start;gap:.6rem;margin:0;padding:.6rem .8rem;transition:transform .18s ease-out;display:grid;position:relative}.notif-row.dragging{cursor:grabbing;transition:none}.notif-row:hover{background:color-mix(in srgb, var(--surface-2) 70%, var(--card))}.notif.unread .notif-row:hover{background:color-mix(in srgb, var(--primary) 16%, var(--card))}.notif-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.notif-icon{color:var(--primary);margin-top:.1rem;display:inline-flex}.notif-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.notif-text strong{color:var(--text-h)}.notif-body{color:var(--muted);font-size:.84rem;line-height:1.35}.notif-time{color:var(--muted);white-space:nowrap;margin-top:.15rem;font-size:.74rem}@media (width<=640px){body.bell-open{overflow:hidden}.bell-scrim{z-index:1000;background:var(--card);display:block;position:fixed;inset:0}.bell-menu{width:auto;max-width:none;max-height:none;box-shadow:none;z-index:1001;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;flex-direction:column;animation:.16s ease-out bell-panel-in;display:flex;position:fixed;inset:0}.bell-head{padding:.9rem .9rem .7rem}.bell-head strong{font-size:1.1rem}.bell-close{display:inline-flex}.bell-menu ul{flex:1;min-height:0;max-height:none;overflow-y:auto}.notif-row{gap:.75rem;min-height:44px;padding:.8rem .9rem}.notif{font-size:.95rem}.bell-hint{padding:.6rem .9rem}}@keyframes bell-panel-in{0%{opacity:.6;transform:translateY(6%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bell-menu{animation:none}.notif-row{transition:none}}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r-sm);align-items:center;gap:.85rem;margin-top:.85rem;padding:1rem 1.1rem;transition:border-color .12s,background .12s;display:flex}.dropzone svg{color:var(--muted);flex-shrink:0}.dropzone p{margin:0}.dropzone{cursor:pointer}.dropzone:hover{border-color:var(--primary);background:var(--surface-2)}.dropzone:hover svg{color:var(--text)}.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.dz-link{color:var(--primary);font-weight:600}.dropzone-large{justify-content:center;min-height:92px;padding:1.25rem}.dropzone-large>span{text-align:center;flex-direction:column;gap:.2rem;display:flex}.filename-mapping{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.filename-mapping-head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.filename-mapping-head p{margin:.2rem 0 0}.filename-mapping .badge{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.filename-token-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem;margin-top:.85rem;display:grid}.filename-token{min-width:0}.filename-token code{text-overflow:ellipsis;white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--text-h);padding:.45rem .5rem;display:block;overflow:hidden}.filename-token select{border-radius:0 0 var(--r-sm) var(--r-sm);border-top:0;width:100%;margin:0;font-size:.8rem}.filename-sample{text-overflow:ellipsis;white-space:nowrap;margin:.7rem 0 0;overflow:hidden}.filename-warnings{border:1px solid color-mix(in srgb, var(--warning,#b7791f) 45%, var(--border));border-radius:var(--r-sm);color:var(--text);background:color-mix(in srgb, var(--warning,#b7791f) 8%, transparent);gap:.55rem;margin-top:.8rem;padding:.65rem .75rem;display:flex}.filename-warnings svg{color:var(--warning,#b7791f);flex-shrink:0;margin-top:.1rem}.filename-preview{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.filename-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.75rem;display:grid}.filename-summary span{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.78rem;display:flex}.filename-summary strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-h);font-size:.9rem;overflow:hidden}.filename-track-preview{gap:.25rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.filename-track-preview li{background:var(--surface-2);border-radius:var(--r-sm);grid-template-columns:2rem 1fr;gap:.6rem;padding:.3rem .45rem;display:grid}@media (width<=640px){.filename-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.filename-mapping-head{flex-direction:column}}.track-list{margin-top:.85rem}.track-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .7rem;display:flex}.track-list li input{background:0 0;border-color:#0000;flex:1;margin:0;padding:.3rem .4rem}.track-list li input:focus{background:var(--card);border-color:var(--primary)}.track-list li.drag-source{opacity:.4}.track-list li.drag-over{box-shadow:inset 0 2px 0 0 var(--primary)}.track-list .te-drag{padding:.2rem .05rem}.track-list .as-button{flex-shrink:0;padding:.32rem .65rem;font-size:.85rem}.card>h3{margin:0 0 .9rem;font-size:1.05rem}.subsection{border-top:1px solid var(--border);margin-top:1.1rem;padding-top:1.1rem}.file-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:.6rem;margin-top:.75rem;padding:.45rem .5rem .45rem .7rem;display:flex}.file-chip svg{color:var(--muted);flex-shrink:0}.file-chip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.inline{align-items:center;gap:.4rem;margin:0;font-size:.9rem;display:inline-flex}.inline select,.inline input{width:auto;margin:0}.player{overscroll-behavior-x:none;margin:1rem 0}.transport-right{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.lanes-scroll{flex-direction:column;gap:0;display:flex;position:relative;overflow:hidden auto}.lanes-bus-anchor{z-index:70;background:var(--card);position:sticky;bottom:0;box-shadow:0 -6px 14px #00000038}.lanes-bus-anchor .track-strip.bus>.track-controls:after{content:"";background:var(--border);pointer-events:none;z-index:7;width:1px;position:absolute;top:0;bottom:0;right:-1px}[data-theme|=sketch] .lanes-bus-anchor .track-strip.bus>.track-controls:after{background:var(--border-strong);width:2px;right:-2px}.lanes-bus-toggle{background:var(--surface-2);width:100%;color:var(--muted);text-align:left;letter-spacing:.03em;cursor:pointer;border:none;padding:2px 10px;font-size:.64rem;font-weight:600;display:block}.lanes-bus-toggle:hover{color:var(--text)}.bus-lane{min-width:0;height:52px;color:var(--muted);background:repeating-linear-gradient(45deg, transparent, transparent 7px, color-mix(in srgb, var(--muted) 6%, transparent) 7px, color-mix(in srgb, var(--muted) 6%, transparent) 8px);flex:auto;align-items:center;padding-left:12px;font-size:.68rem;font-style:italic;display:flex}.card.player.expanded .bus-lane{height:85px}.card.player .lanes-scroll{max-height:424px}.card.player .track-editor{max-height:calc(442px + 1.05rem);overflow-y:auto}.card.player{--player-gutter:11px;padding-inline:var(--player-gutter)}.card.player.expanded{z-index:100;--studio-panel-gap:.375rem;--studio-panel-radius:var(--r-sm);--lane-head-pad-x:.4rem;max-width:none;padding-block:var(--studio-panel-gap);border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.card.player.expanded .transport,.card.player.expanded .player-notes,.card.player.expanded .post-edit,.card.player.expanded .ruler-strip,.card.player.expanded .main-bar{flex-shrink:0}.card.player.expanded .mixer,.card.player.expanded .track-editor{flex:auto;min-height:0}.card.player.expanded .lanes-scroll{gap:0;min-height:0;max-height:none}.card.player.expanded .track-editor,.card.player.expanded.editing{overflow-y:auto}.card.player.expanded.editing .track-editor{flex:none;min-height:0;max-height:none;overflow:visible}body.player-expanded{overflow:hidden}.card.player.expanded .studio-expanded-shell{align-items:stretch;gap:var(--studio-panel-gap);flex-direction:row;flex:auto;min-width:0;min-height:0;display:flex}.card.player.expanded .studio-expanded-workspace{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.studio-side-panel{flex:0 0 var(--panel-w,360px);width:var(--panel-w,360px);background:var(--card);flex-direction:column;min-width:14rem;min-height:0;display:flex;position:relative;overflow:hidden}.card.player.expanded .studio-side-panel{align-self:stretch}.comments-panel,.info-panel,.loudness-panel{width:var(--panel-w,360px);z-index:101;background:var(--card);border-left:1px solid var(--border-strong);flex-direction:column;min-height:0;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.studio-side-panel-head{border-bottom:1px solid var(--border);background:var(--card);flex:none;padding:.65rem .85rem .55rem;display:flex}.studio-side-panel-head .panel-toggle{border-radius:var(--r-sm);flex:auto;display:flex}.studio-side-panel-head .panel-toggle button{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;padding-left:.35rem;padding-right:.35rem;overflow:hidden}.studio-side-panel-head .panel-close{margin-left:0;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.studio-side-panel-body{flex:auto;min-height:0;padding:.85rem 1rem 1.25rem;overflow-y:auto}.studio-browser-panel{flex:0 0 var(--browser-panel-w,420px);width:var(--browser-panel-w,420px);background:var(--card);flex-direction:column;align-self:stretch;min-width:20rem;min-height:0;display:flex;position:relative;overflow:hidden}.studio-browser-panel .browser-panel-resize{left:auto;right:0}.studio-browser-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:.55rem .85rem .45rem;display:flex}.studio-browser-title{color:var(--text-h);font-size:.85rem;font-weight:600}.studio-browser-search-wrap{border-bottom:1px solid var(--border);flex:none;padding:.45rem .65rem}.studio-browser-search{width:100%;margin:0;padding:.35rem .5rem;font-size:.82rem}.studio-browser-body{flex-direction:row;flex:auto;min-width:0;min-height:0;display:flex}.studio-browser-sidebar{border-right:1px solid var(--border);flex:0 0 9rem;padding:.25rem 0;overflow-y:auto}.studio-browser-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.45rem .55rem .2rem;font-size:.62rem;font-weight:600}.studio-browser-sidebar-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.78rem;line-height:1.25;display:flex}.studio-browser-sidebar-row span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.studio-browser-sidebar-row.on{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--text-h)}.studio-browser-sidebar-row-wrap{align-items:stretch;gap:0;display:flex}.studio-browser-sidebar-row-wrap.on .studio-browser-sidebar-row{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--text-h)}.studio-browser-sidebar-row-wrap .studio-browser-sidebar-row{flex:auto;min-width:0}.studio-browser-sidebar-remove{opacity:.55;flex:none;margin-right:.15rem}.studio-browser-sidebar-remove:hover{opacity:1}.studio-browser-sidebar-row.action:disabled{opacity:.45;cursor:not-allowed}.studio-browser-columns{flex-direction:row;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-browser-columns-scroll{overscroll-behavior-x:contain;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:auto hidden}.studio-browser-columns-scroll-inner{flex-direction:row;flex:1 1 0;align-items:stretch;width:max-content;height:100%;min-height:0;max-height:100%;display:flex}.studio-browser-column{border-right:1px solid var(--border);flex:0 0 11rem;align-self:stretch;width:11rem;min-width:11rem;min-height:0;overflow-y:auto}.studio-browser-column.studio-browser-column-fit{flex:none;width:max-content;min-width:11rem;max-width:28rem}.studio-browser-column.studio-browser-column-fit .studio-browser-row-label,.studio-browser-column.studio-browser-column-fit .studio-browser-row-secondary{text-overflow:clip;white-space:nowrap;overflow:visible}.studio-browser-column.studio-browser-column-fit .studio-browser-row-primary{width:auto;min-width:max-content}.studio-browser-column-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.35rem .5rem;font-size:.78rem;display:flex}.studio-browser-column-row.on{background:color-mix(in srgb, var(--primary) 12%, transparent)}.studio-browser-column-row.selected{background:color-mix(in srgb, var(--primary) 16%, transparent)}.studio-browser-column-row.previewing{box-shadow:inset 2px 0 0 var(--primary)}.studio-browser-column-row.preview-playing{background:color-mix(in srgb, var(--primary) 8%, transparent)}.studio-browser-column-row.keyboard-focus{background:color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 45%, transparent)}.studio-browser-column-row.keyboard-focus:focus-visible{outline:none}.studio-browser-column-row[draggable=true]{cursor:grab}.studio-drop-choice-backdrop{background:#0000008c;place-items:center;padding:1rem;display:grid}.studio-drop-choice-dialog{border:1px solid var(--border-strong);background:var(--card);border-radius:.75rem;width:min(28rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.25rem;overflow-y:auto;box-shadow:0 18px 60px #0006}.audio-import-dialog{width:min(36rem,100vw - 2rem)}.audio-import-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:.9rem}.audio-import-options{gap:.6rem;display:grid}.audio-import-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.audio-import-options>.audio-import-heading{margin-bottom:.1rem}.audio-import-help{margin:.3rem 0 0}.audio-import-example{color:var(--text);overflow-wrap:anywhere;margin-top:.4rem;font-size:.8rem;display:block}.audio-import-dialog .filename-token-grid{margin-top:.75rem}.audio-import-dialog .filename-token code{padding:.3rem .5rem;font-size:.78rem}.audio-import-dialog .filename-token select{padding:.4rem .55rem}.audio-import-dialog .filename-warnings{margin-top:.75rem}.audio-import-option{cursor:pointer;align-items:flex-start;gap:.55rem;margin:0;font-size:.92rem;line-height:1.35;display:flex}.audio-import-option input{width:auto;accent-color:var(--primary);flex:none;margin:.2rem 0 0;display:inline-block}.audio-import-detail{margin-top:.1rem;display:block}.audio-import-grouping{gap:.45rem;margin-left:1.55rem;display:grid}.audio-import-remember{align-items:center}.audio-import-remember input{margin-top:0}.studio-drop-choice-dialog h2{margin:0 0 .45rem;font-size:1rem}.studio-drop-choice-dialog p{color:var(--muted);margin:0 0 1rem}.studio-drop-choice-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.studio-drop-choice-actions .audio-import-remember,.studio-drop-choice-actions .studio-drop-choice-aside{margin-right:auto}.studio-drop-choice-actions button.primary{width:auto;margin-top:0}.studio-copy-track-options{gap:.5rem;margin-bottom:1rem;display:grid}.studio-copy-track-options label{align-items:center;gap:.55rem;display:flex}.timeline-drop-preview{z-index:10000;pointer-events:none;position:fixed;inset:0}.timeline-drop-insertion-line{background:var(--primary);width:2px;position:fixed;box-shadow:0 0 0 1px #00000059}.timeline-drop-ghost{border:1px solid color-mix(in srgb, var(--primary) 75%, white);background:color-mix(in srgb, var(--primary) 28%, transparent);color:var(--text);white-space:nowrap;border-radius:.25rem;padding:.18rem .35rem;font-size:.68rem;position:fixed;overflow:hidden}.timeline-drop-ghost.overlap{border-color:var(--error);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--error) 35%, transparent) 0 5px, color-mix(in srgb, var(--error) 15%, transparent) 5px 10px)}.timeline-drop-time{background:var(--primary);color:var(--on-primary);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:.25rem;padding:.12rem .4rem;font-size:.72rem;position:fixed;box-shadow:0 2px 8px #0000004d}.timeline-drop-preview-message{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 94%, transparent);max-width:min(32rem,100vw - 2rem);color:var(--text);border-radius:.35rem;padding:.35rem .55rem;font-size:.72rem;position:fixed;box-shadow:0 6px 24px #00000047}.timeline-drop-notice{z-index:10001;border:1px solid var(--border);background:var(--card);max-width:min(42rem,100vw - 2rem);color:var(--text);border-radius:.5rem;align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.78rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 40px #00000059}.timeline-drop-notice span{flex:1}.timeline-drop-notice button{flex:none}.studio-browser-dot{border-radius:999px;flex:none;width:.45rem;height:.45rem}.studio-browser-row-primary{align-items:center;gap:.35rem;width:100%;min-width:0;display:flex}.studio-browser-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-browser-row-secondary{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.68rem;overflow:hidden}.studio-browser-column-inline-secondary .studio-browser-column-row{flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem}.studio-browser-column-inline-secondary .studio-browser-row-primary{flex:auto;width:auto;min-width:0}.studio-browser-column-inline-secondary .studio-browser-row-secondary{flex:none;width:auto;font-size:.68rem}.studio-browser-empty,.studio-browser-placeholder{min-width:10rem;padding:.75rem .85rem;font-size:.8rem}.studio-browser-bottom{border-top:1px solid var(--border);flex-direction:column;flex:none;display:flex}.studio-browser-preview{align-items:center;gap:.45rem;padding:.45rem .65rem;display:flex}.studio-browser-preview-transport{flex:none;align-items:center;gap:.25rem;display:flex}.studio-browser-preview-btn:disabled{opacity:.35}.studio-browser-preview-name{max-width:94%;color:var(--text-h);text-shadow:0 0 1px var(--card), 0 0 2px var(--card), 0 0 3px var(--card), 0 0 6px var(--card), 0 0 10px var(--card), 0 0 14px var(--card);pointer-events:none;z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.studio-browser-preview-wave{flex:1;min-width:4rem;height:30px;position:relative}.studio-browser-preview-wave .waveform{flex:none;width:100%;height:30px}.studio-browser-preview-wave-empty{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;height:30px}.studio-browser-preview-wave-empty.loading{background-image:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary) 26%, transparent) 50%, transparent 100%);background-repeat:no-repeat;background-size:55% 100%;animation:1.15s ease-in-out infinite studio-browser-preview-sweep}@keyframes studio-browser-preview-sweep{0%{background-position:-60% 0}to{background-position:160% 0}}.studio-browser-preview-spin{animation:.9s linear infinite lp-spin}.studio-browser-column-row.preview-loading .studio-browser-row-label{opacity:.7}@media (prefers-reduced-motion:reduce){.studio-browser-preview-wave-empty.loading,.studio-browser-preview-spin{animation:none}}.studio-browser-preview-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.studio-browser-preview-auto{white-space:nowrap;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;padding:.2rem .45rem;font-size:.72rem;font-weight:600;line-height:1.2}.studio-browser-preview-auto:hover{border-color:var(--border-strong);color:var(--text)}.studio-browser-preview-auto.on{background:var(--primary);border-color:var(--primary);color:#fff}.studio-browser-footer{border-top:1px solid var(--border);flex:none;align-items:center;gap:.5rem;padding:.35rem .65rem .45rem;display:flex}.studio-browser-import{align-items:center;gap:.35rem;display:inline-flex}.studio-browser-freesound-note{align-items:flex-start;line-height:1.35}.studio-browser-row-menu{min-width:11rem;max-width:15rem;max-height:24rem;overflow-y:auto}.studio-browser-row-menu-heading{text-transform:uppercase;letter-spacing:.04em;padding:.3rem .6rem .15rem;font-weight:700}.studio-browser-row-menu .rv-ctx-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-browser-name-draft{border-bottom:1px solid var(--border);flex:none;padding:.3rem .5rem}.studio-browser-name-draft input{width:100%;margin:0;padding:.25rem .4rem;font-size:.78rem}.studio-browser-freesound-note a{color:inherit;text-decoration:underline}.studio-browser-columns.studio-browser-columns-stacked{flex-direction:column}.studio-fs-filters{border-bottom:1px solid var(--border);flex-direction:column;flex:none;max-height:55%;display:flex;overflow:hidden}.studio-fs-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.studio-fs-header-toggle{letter-spacing:.03em;text-transform:uppercase;width:auto;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;margin:0;padding:0;font-size:.74rem;font-weight:700;display:inline-flex}.studio-fs-count{background:var(--primary);color:#fff;letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;min-width:1.05rem;height:1.05rem;padding:0 .28rem;font-size:.62rem;font-weight:700;display:inline-flex}.studio-fs-clear{flex:none;width:auto;margin:0}.studio-fs-groups{flex:auto;min-height:0;padding:.15rem 0 .4rem;overflow-y:auto}.studio-fs-group{padding:.2rem .5rem .1rem}.studio-fs-group-head{width:auto;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin:0;padding:.12rem 0;font-size:.7rem;display:flex}.studio-fs-group-head:hover{color:var(--text)}.studio-fs-chips{flex-wrap:wrap;gap:.22rem;padding:.1rem 0 .2rem .95rem;display:flex}.studio-fs-chip{border:1px solid var(--border);background:var(--panel);width:auto;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:.28rem;margin:0;padding:.1rem .4rem;font-size:.7rem;line-height:1.35}.studio-fs-chip:hover:not(:disabled){border-color:var(--primary)}.studio-fs-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.studio-fs-chip:disabled{opacity:.55;cursor:default}.studio-fs-note{margin:0 0 .15rem .95rem;line-height:1.3}.studio-browser-column-row.pack-open{background:var(--hover,#7f7f7f1f)}.studio-side-section{margin-top:1.1rem}.studio-side-section:first-child{margin-top:0}.studio-side-section-title{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .55rem;font-size:.78rem;font-weight:700}.studio-version-list{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.studio-version-row{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.45rem;padding:.45rem .65rem;font-size:.88rem;display:flex}.studio-version-row.sub{padding-left:1.35rem}.studio-version-row:hover{background:var(--surface)}.studio-version-row.on{background:color-mix(in srgb, var(--primary) 14%, var(--surface-2));box-shadow:inset 3px 0 0 var(--primary)}.studio-history-filters{flex-wrap:wrap;gap:.4rem;margin:.55rem 0 .65rem;display:flex}.studio-history-filter-text{flex:8rem;min-width:0}.studio-history-filter-text input,.studio-history-filter-domain select{width:100%;font:inherit;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.35rem .5rem;font-size:.82rem}.studio-history-filter-domain{flex:none}.studio-history-list{flex-direction:column;gap:.25rem;max-height:min(50vh,28rem);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.studio-history-row{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;gap:.15rem;padding:.5rem .6rem;display:flex}.studio-history-row:hover{background:var(--surface)}.studio-history-row.on{background:color-mix(in srgb, var(--primary) 12%, var(--surface-2));box-shadow:inset 3px 0 0 var(--primary)}.studio-history-row.cursor{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.studio-history-row-title{font-size:.88rem;font-weight:600}.studio-history-row-meta{color:var(--muted);font-size:.75rem}.studio-history-row-markers{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.studio-history-marker{letter-spacing:.02em;text-transform:uppercase;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--muted);padding:.1rem .35rem;font-size:.68rem;font-weight:600}.studio-history-marker.current{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));color:var(--primary)}.studio-history-detail-title{margin:0 0 .25rem;font-weight:600}.studio-history-detail-actions{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.studio-history-warning{border-radius:var(--r-sm);border:1px solid color-mix(in srgb, var(--warn,#e0a13c) 45%, var(--border));background:color-mix(in srgb, var(--warn,#e0a13c) 10%, var(--surface-2));margin:.45rem 0 0;padding:.4rem .5rem;font-size:.78rem}.studio-history-preview-banner{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));border-radius:var(--r-md);background:color-mix(in srgb, var(--primary) 10%, var(--surface-2));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;margin:0 0 .65rem;padding:.55rem .75rem;display:flex}.card.player.history-preview{outline:1px solid color-mix(in srgb, var(--primary) 40%, transparent)}.studio-history-preview-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.studio-history-preview-actions{flex-wrap:wrap;gap:.35rem;display:flex}.studio-history-branch-picker,.studio-entity-history-dialog{z-index:80;background:#00000059;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.studio-history-branch-picker-card,.studio-entity-history-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);width:min(24rem,100%);max-height:min(70vh,28rem);padding:.9rem 1rem 1rem;overflow:auto;box-shadow:0 12px 40px #00000040}.studio-history-branch-picker-card h4,.studio-entity-history-card h4{margin:0 0 .35rem}.studio-history-branch-list,.studio-entity-history-list{flex-direction:column;gap:.3rem;margin:.65rem 0 .75rem;padding:0;list-style:none;display:flex}.studio-history-branch-option,.studio-entity-history-row{text-align:left;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;flex-direction:column;gap:.15rem;padding:.5rem .55rem;display:flex}.studio-history-branch-option:hover,.studio-entity-history-row:hover{background:var(--surface-2)}.studio-entity-history-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-work-version{color:var(--muted);font-weight:500}.mixes-panel-body{flex-direction:column;gap:.35rem;display:flex}.mixes-panel-dirty{border-radius:var(--r-sm);border:1px solid color-mix(in srgb, var(--warn,#e0a13c) 45%, var(--border));background:color-mix(in srgb, var(--warn,#e0a13c) 10%, var(--surface-2));color:var(--text);align-items:center;gap:.35rem;margin:0 0 .35rem;padding:.45rem .55rem;font-size:.78rem;display:flex}.studio-side-comments section{margin-top:.75rem}.studio-side-comments section h3{margin-top:0}.studio-side-upload-actions{margin-top:1rem}.studio-side-panel .review-silence-panel,.studio-side-upload.review-silence-panel{border:none;width:auto;padding:0;position:static;overflow:visible}.comments-panel,.info-panel,.loudness-panel{padding:1.25rem;overflow-y:auto}.panel-resize{cursor:ew-resize;z-index:102;touch-action:none;width:6px;position:absolute;top:0;bottom:0;left:0}.panel-resize:hover,.panel-resize:active{background:color-mix(in srgb, var(--primary) 35%, transparent)}.lp-title{flex:1;align-items:center;gap:.4rem;display:inline-flex}.lp-target{align-items:center;gap:.5rem;margin:.3rem 0 .9rem;font-size:.85rem;display:flex}.lp-target select{flex:1;margin:0}.lp-stat{flex-direction:column;gap:.1rem;display:flex}.lp-stat.big{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);margin-bottom:.55rem;padding:.7rem .85rem}.lp-stat-val{font-family:var(--mono);color:var(--text-h);font-size:1.5rem;font-weight:700;line-height:1.1}.lp-stat.big.hot .lp-stat-val,.lp-stat.big.over .lp-stat-val{color:var(--error)}.lp-stat.big.quiet .lp-stat-val{color:var(--warn,#e0a13c)}.lp-stat.big.ok .lp-stat-val{color:var(--ok,#1f9d57)}.lp-stat-name{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.lp-badge{border-radius:999px;align-self:flex-start;margin-top:.35rem;padding:.1rem .45rem;font-size:.72rem;font-weight:600}.lp-badge.ok{background:color-mix(in srgb, var(--ok,#1f9d57) 18%, transparent);color:var(--ok,#1f9d57)}.lp-badge.hot,.lp-badge.over{background:color-mix(in srgb, var(--error) 18%, transparent);color:var(--error)}.lp-badge.quiet{background:color-mix(in srgb, var(--warn,#e0a13c) 20%, transparent);color:var(--warn,#e0a13c)}.lp-grid{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.2rem;display:grid}.lp-grid .lp-stat-val{font-size:1.05rem}.lp-note{margin-top:.9rem;line-height:1.4}.spin{animation:.8s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}.loud-chip{color:var(--primary);border:1px solid var(--primary);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .2rem .15rem .5rem;font-size:.78rem;font-weight:600;display:inline-flex}.lrc{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);max-width:30rem;margin:.35rem 0;padding:.45rem .6rem;font-size:.78rem;display:inline-block}.lrc-head{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.lrc-title{color:var(--text-h);align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.lrc-head select{margin:0;padding:.1rem .3rem;font-size:.74rem}.lrc-row{flex-wrap:wrap;gap:.9rem;display:flex}.lrc-stat{color:var(--muted);flex-direction:column;line-height:1.25;display:inline-flex}.lrc-stat b{font-family:var(--mono);color:var(--text-h);font-size:.95rem}.lrc-stat em{font-size:.72rem;font-style:normal;font-weight:600}.lrc-stat.ok b,.lrc-stat.ok em{color:var(--ok,#1f9d57)}.lrc-stat.hot b,.lrc-stat.hot em,.lrc-stat.over b,.lrc-stat.over em{color:var(--error)}.lrc-stat.quiet b,.lrc-stat.quiet em{color:var(--warn,#e0a13c)}.comments-panel section{margin-top:1rem}.panel-head{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.panel-head .add-comment{margin:0}.panel-title{font-weight:600}.panel-close{margin-left:auto}.icon-btn.comments-toggle.on{background:var(--primary-soft);color:var(--primary)}.studio-side-panel-body .player-notes,.studio-side-panel-body .version-credits,.info-panel .player-notes,.info-panel .version-credits{border-top:none;margin-top:0;padding-top:0}.studio-side-panel-body .version-credits,.info-panel .version-credits{margin-top:1rem}.studio-info-section{margin-top:1.1rem}.studio-info-section:first-child{margin-top:0}.studio-info-section-head{margin-bottom:.65rem}.studio-info-section-title-row{align-items:center;gap:.2rem;min-width:0;display:flex}.studio-info-section-head .studio-info-section-title{margin:0}.studio-info-section-actions{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.studio-inline-details,.studio-inline-details+.feedback-block{margin-top:.85rem}.studio-back-link{margin-bottom:.4rem;font-size:.9rem}.studio-work-head{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.studio-work-title-row{align-items:center;gap:.35rem;min-width:0;max-width:100%;display:inline-flex}.studio-work-title{min-width:0}.studio-inline-details .collapsible{margin:0}.studio-project-info.tabbed-inline .studio-info-tabs{margin:0 0 .85rem}.studio-info-tab-panel .studio-info-section:first-child{margin-top:0}.studio-info-tab-actions{justify-content:flex-end;margin-bottom:.65rem;display:flex}.studio-info-section-title{color:var(--text-h);margin:0 0 .65rem;font-size:.82rem;font-weight:650}.studio-project-info .studio-info-view{flex-direction:column;gap:.85rem;display:flex}.studio-info-field{flex-direction:column;gap:.25rem;display:flex}.studio-info-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.studio-info-value{font-size:.92rem;line-height:1.45}.studio-info-notes :first-child{margin-top:0}.studio-notes-tab{flex-direction:column;gap:0;display:flex}.studio-notes-format-hint{margin:.2rem 0 0}.studio-notes-saving{white-space:nowrap;margin-left:auto}.studio-notes-field{resize:none;box-sizing:border-box;width:100%;min-height:2.5rem;font:inherit;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:.55rem .65rem;line-height:1.45;overflow:hidden}.studio-notes-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.studio-notes-field:disabled{opacity:.7}.studio-notes-field::placeholder{color:var(--muted)}.studio-notes-preview{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);cursor:text;width:100%;min-height:2.5rem;padding:.55rem .65rem}.studio-notes-preview:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.studio-info-inline-input{height:auto;min-height:2.25rem}.studio-notes-preview:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.studio-project-info.edit-form label{margin-bottom:.65rem}.studio-project-info .grid-2{grid-template-columns:1fr;gap:.65rem;margin-top:0}.studio-project-info.edit-form .grid-2{margin-bottom:0}.studio-project-info .credit-row,.studio-project-info .contrib-list .credit-row{flex-direction:column;align-items:stretch}.studio-project-info .credit-row select{width:100%;min-width:0}.studio-project-info .credit-row .icon-btn{align-self:flex-end}.studio-project-info .contrib-name{min-width:0}.studio-info-track-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.studio-info-track-list li{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.studio-info-track-list-edit input{flex:1;min-width:0;margin:0}.studio-info-storage{margin:1rem 0 0}.studio-info-credit-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.studio-info-credit-list li{font-size:.92rem;line-height:1.4}.studio-info-credit-head{margin-bottom:.15rem}.studio-info-credit-head .icon-btn{flex-shrink:0}.studio-info-credit-rows{flex-direction:column;gap:.45rem;display:flex}.studio-info-credit-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.studio-info-credit-row .studio-info-credit-edit,.studio-info-credit-body{flex:1;min-width:0}.studio-info-credit-actions{flex-shrink:0;gap:.1rem;display:flex}.studio-info-credit-edit{flex-direction:column;gap:.45rem;width:100%;display:flex}.studio-info-credit-search{margin:0}.studio-credits-panel .member-hits{margin-top:.15rem}.studio-project-info.edit-form .studio-info-credits-edit .card{box-shadow:none;background:0 0;border:none;margin:.85rem 0 0;padding:0}.studio-project-info.edit-form .studio-info-credits-edit .card h3{margin:0 0 .45rem;font-size:.82rem;font-weight:650}.studio-project-info.edit-form .studio-info-credits-edit .card:first-of-type{margin-top:0}.review-silence-panel{flex-direction:column;display:flex}.review-silence-controls{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.review-silence-controls label{color:var(--text-h);flex-direction:column;gap:.35rem;font-size:.78rem;display:flex}.review-silence-controls label>span{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.review-silence-controls output{color:var(--primary);font-family:var(--mono);font-size:.72rem}.review-silence-controls input[type=range]{width:100%;accent-color:var(--primary)}.review-silence-preview{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));border-radius:var(--r-sm);color:var(--primary);align-items:center;gap:.35rem;margin:.25rem 0 1rem;padding:.55rem .65rem;font-size:.72rem;display:flex}.review-repeat-section{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);margin:0 0 1rem;padding:.7rem}.review-repeat-section .panel-head{margin-bottom:.35rem}.review-repeat-matching{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);margin:.6rem 0 .75rem;padding:.55rem}.review-repeat-matching-head{color:var(--text-h);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.74rem;font-weight:650;display:flex}.review-repeat-matching-head output{color:var(--primary);font:650 .68rem var(--mono)}.review-repeat-mode-buttons{grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.45rem;display:grid}.review-repeat-mode-buttons button{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;padding:.28rem .35rem;font-size:.68rem}.review-repeat-mode-buttons button:hover,.review-repeat-mode-buttons button.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.review-repeat-view-switch{grid-template-columns:1fr 1fr;gap:.25rem;margin:.7rem 0 .35rem;display:grid}.review-repeat-view-switch button{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;padding:.32rem .4rem;font-size:.68rem}.review-repeat-view-switch button:hover,.review-repeat-view-switch button.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.review-repeat-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.66rem;display:flex}.review-repeat-legend span{border:1px solid var(--primary);border-radius:2px;width:.8rem;height:.55rem;margin-left:.35rem;display:inline-block}.review-repeat-legend span.source{background:color-mix(in srgb, var(--primary) 35%, transparent)}.review-repeat-legend span.reuse{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 24%, transparent) 0 3px, transparent 3px 6px);border-style:dashed}.review-repeat-legend span.container-one-shot{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.review-repeat-legend span.container-loop{border-color:var(--warn);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--warn) 18%, transparent) 0 3px, transparent 3px 6px);border-style:dashed}.review-repeat-section p{margin:.45rem 0 .7rem;line-height:1.35}.review-container-plan{border-top:1px solid var(--border);margin-top:.8rem;padding-top:.65rem}.review-container-plan-head{color:var(--text-h);justify-content:space-between;align-items:start;gap:.5rem;font-size:.74rem;display:flex}.review-container-plan-head>div{flex-direction:column;gap:.1rem;display:flex}.review-container-plan-head small,.review-container-track-title small{color:var(--muted);font-size:.64rem;font-weight:400}.review-container-plan-state{border:1px dashed var(--border-strong);color:var(--muted);font:650 .58rem var(--mono);text-transform:uppercase;border-radius:999px;flex:none;padding:.12rem .3rem}.review-container-plan-state.applied{border-style:solid;border-color:var(--primary);color:var(--primary)}.review-container-track{margin-top:.65rem}.review-container-track-title{color:var(--text-h);justify-content:space-between;align-items:baseline;gap:.45rem;font-size:.7rem;font-weight:650;display:flex;overflow:hidden}.review-container-list{flex-direction:column;gap:.3rem;margin-top:.3rem;display:flex}.review-container{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));border-radius:var(--r-sm);background:color-mix(in srgb, var(--primary) 5%, var(--card))}.review-container.derived{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, var(--card)) 0 4px, var(--card) 4px 8px);border-style:dashed}.review-container-title{color:var(--text-h);justify-content:space-between;align-items:baseline;gap:.4rem;padding:.35rem .45rem;font-size:.68rem;font-weight:650;display:flex}.review-container-title small{color:var(--muted);text-align:right;font-size:.6rem;font-weight:400}.review-container-sources{flex-direction:column;gap:1px;padding:0 .25rem .25rem;display:flex}.review-container-source{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--text);justify-content:space-between;align-items:baseline;gap:.4rem;padding:.28rem .2rem;font-size:.62rem;display:flex}.review-container-source span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.review-container-source code{color:var(--primary);font:600 .58rem var(--mono)}.review-container-source small{color:var(--muted);text-align:right;flex:none;font-size:.56rem}.repeat-preview-region{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--warn,#e0a13c) 72%, transparent);background:color-mix(in srgb, var(--warn,#e0a13c) 12%, transparent);position:absolute;top:0;bottom:0}.repeat-preview-region.source{border-color:color-mix(in srgb, var(--primary) 80%, transparent);background:color-mix(in srgb, var(--primary) 14%, transparent)}.repeat-preview-region.applied{border-style:solid}.repeat-preview-region{box-sizing:border-box;border:1px solid var(--repeat-color,var(--primary));background:color-mix(in srgb, var(--repeat-color,var(--primary)) 22%, transparent);color:var(--repeat-color,var(--primary));opacity:.88;position:absolute;top:2px;bottom:2px;overflow:hidden}.repeat-preview-region.reuse{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--repeat-color,var(--primary)) 18%, transparent) 0 4px, transparent 4px 8px);border-style:dashed}.repeat-preview-region.active{opacity:1;border-width:2px}.repeat-preview-region span{background:color-mix(in srgb, var(--card) 88%, transparent);font:700 .56rem var(--mono);white-space:nowrap;border-radius:3px;padding:.08rem .2rem;line-height:1.1;position:absolute;top:2px;left:3px}.review-plan-header-stack{z-index:6;height:0;color:var(--text-h);font-family:var(--mono);pointer-events:none;flex:none;position:relative;overflow:visible}.review-plan-original,.review-plan-container{box-sizing:border-box;border:2px solid var(--border-strong);background:var(--card);white-space:nowrap;text-overflow:ellipsis;min-width:2px;position:absolute;overflow:hidden}.review-plan-original{border-color:var(--text-h);height:18px;font:700 .62rem var(--mono);border-radius:5px 5px 0 0;padding:1px .35rem;top:0}.review-plan-container{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--card));align-items:center;gap:.3rem;height:17px;padding:0 .3rem;font-size:.58rem;display:flex;top:19px}.review-plan-container.derived{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, var(--card)) 0 3px, var(--card) 3px 6px);border-style:dashed}.review-plan-container small{color:var(--muted);font:600 .5rem var(--mono);text-transform:uppercase}.review-plan-slice{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--primary) 68%, var(--border-strong));background:color-mix(in srgb, var(--primary) 7%, var(--card));min-width:2px;height:17px;font:650 .56rem var(--mono);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;gap:.25rem;padding:0 .3rem;display:flex;position:absolute;top:19px;overflow:hidden}.review-plan-slice.reuse{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, var(--card)) 0 3px, var(--card) 3px 6px);border-style:dashed}.review-plan-slice.shared-source{border-color:hsl(calc(35 + var(--shared-source-tone) * 52) 58% 43%);background:color-mix(in srgb, hsl(calc(35 + var(--shared-source-tone) * 52) 58% 43%) 16%, var(--card))}.review-plan-slice.shared-source.reuse{background:repeating-linear-gradient(135deg, color-mix(in srgb, hsl(calc(35 + var(--shared-source-tone) * 52) 58% 43%) 18%, var(--card)) 0 3px, var(--card) 3px 6px)}.review-plan-slice small{color:var(--muted);font:600 .5rem var(--mono);text-transform:uppercase}.clip-lane.review-plan-visible .repeat-preview-layer,.clip-lane.review-plan-visible .clip-edit-overlay{top:37px}.review-playback-header-stack{z-index:6;height:0;color:var(--text-h);font-family:var(--mono);pointer-events:none;flex:none;position:relative;overflow:visible}.review-playback-result{border:2px solid var(--text-h);background:var(--card);height:18px;font:700 .62rem var(--mono);border-radius:5px 5px 0 0;padding:1px .35rem;position:absolute;top:0;left:0;right:0}.review-playback-container{box-sizing:border-box;border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--card));white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;gap:.3rem;min-width:2px;height:17px;padding:0 .3rem;font-size:.58rem;display:flex;position:absolute;top:19px;overflow:hidden}.review-playback-container.looping{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, var(--card))}.review-playback-container.derived{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--warn) 13%, var(--card)) 0 3px, var(--card) 3px 6px);border-style:dashed}.review-playback-container small{color:var(--muted);font:600 .5rem var(--mono);text-transform:uppercase}.clip-lane.review-container-playback-visible{align-self:stretch}.clip-lane.review-container-playback-visible .repeat-preview-layer,.clip-lane.review-container-playback-visible .clip-edit-overlay{top:37px}.audio-container-layer{z-index:5;pointer-events:none;height:16px;position:absolute;top:16px;left:0;right:0}.audio-container-rail{border:1px solid color-mix(in srgb, var(--primary) 65%, var(--border));background:color-mix(in srgb, var(--primary) 16%, var(--card));min-width:2.5rem;height:15px;color:var(--primary);font:700 .58rem var(--mono);white-space:nowrap;cursor:pointer;pointer-events:auto;border-radius:3px 3px 0 0;align-items:center;gap:.25rem;padding:0 .28rem;display:flex;position:absolute;top:0;overflow:hidden}.audio-container-rail.derived{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, var(--card)) 0 3px, var(--card) 3px 6px);border-style:dashed}.audio-container-rail:hover{z-index:1;border-color:var(--primary);background:color-mix(in srgb, var(--primary) 26%, var(--card))}.audio-container-rail small{color:var(--muted);font:500 .52rem var(--mono);text-overflow:ellipsis;overflow:hidden}.repeat-loop-marker.source:before{border-left-color:color-mix(in srgb, var(--primary) 90%, transparent)}.repeat-loop-remove{border:1px solid var(--border-strong);background:var(--card);width:10px;height:10px;color:var(--text);opacity:.85;border-radius:50%;place-items:center;font-size:.56rem;line-height:1;display:grid;position:absolute;top:2px;left:2px}.review-repeat-groups{flex-direction:column;gap:.4rem;margin:.7rem 0;display:flex}.review-repeat-group{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem;display:grid}.review-repeat-group:hover,.review-repeat-group.active{border-color:var(--repeat-color,var(--primary))}.review-repeat-group-badge{background:color-mix(in srgb, var(--repeat-color,var(--primary)) 18%, transparent);width:1.45rem;height:1.45rem;color:var(--repeat-color,var(--primary));font:700 .68rem var(--mono);border-radius:50%;place-items:center;display:grid}.review-repeat-group-main{flex-direction:column;gap:.12rem;min-width:0;display:flex}.review-repeat-group-title{color:var(--text-h);align-items:baseline;gap:.35rem;font-size:.74rem;font-weight:650;display:flex}.review-repeat-group-meta{color:var(--muted);font-size:.66rem}.review-repeat-group-actions{align-items:center;gap:.2rem;display:flex}.review-repeat-group-actions button{padding:.2rem .35rem;font-size:.64rem}.review-repeat-summary{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.review-repeat-summary strong{color:var(--text-h)}.review-repeat-summary small{color:var(--muted)}.adaptive-audio-near-repeats{flex-direction:column;align-items:stretch}.adaptive-audio-near-repeat-list{flex-direction:column;gap:.2rem;margin:.3rem 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.adaptive-audio-near-repeat-list li{color:var(--text)}.repeat-preview-layer{z-index:4;pointer-events:none;position:absolute;inset:16px 0 0}.repeat-loop-marker{cursor:ew-resize;pointer-events:auto;background:0 0;border:none;width:12px;margin-left:-6px;padding:0;position:absolute;top:0;bottom:0}.repeat-loop-marker:before{content:"";border-left:1px dashed var(--repeat-color,var(--warn,#e0a13c));position:absolute;top:0;bottom:0;left:5px}.repeat-loop-marker.source:before{border-left-style:solid}.repeat-loop-marker.active:before{filter:drop-shadow(0 0 2px var(--repeat-color,var(--primary)));border-left-width:2px}.repeat-loop-marker:hover:before,.repeat-loop-marker:focus-visible:before{border-left-width:2px}.repeat-loop-label{border:1px solid var(--repeat-color,var(--primary));background:var(--card);color:var(--repeat-color,var(--primary));font:700 .58rem var(--mono);border-radius:3px;padding:.08rem .25rem;line-height:1.1;position:absolute;top:2px;left:10px}.repeat-loop-remove{border:1px solid var(--border-strong);background:var(--card);width:10px;height:10px;color:var(--text);opacity:0;border-radius:50%;place-items:center;font-size:.56rem;line-height:1;display:grid;position:absolute;top:2px;right:-5px}.repeat-loop-marker:hover .repeat-loop-remove,.repeat-loop-marker:focus-visible .repeat-loop-remove{opacity:.85}.repeat-loop-remove:hover{color:var(--error);border-color:var(--error);opacity:1}.transport{border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:1rem;margin:0 0 .85rem;padding-bottom:.85rem;display:flex;position:relative;overflow:hidden}.card.player.expanded .transport{margin-bottom:var(--studio-panel-gap);padding-bottom:var(--studio-panel-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;padding-top:2px;display:grid}.transport-left{align-items:center;gap:.6rem;min-width:0;display:flex}.card.player.expanded .transport .center-cluster{justify-self:center;position:static;transform:none}.card.player.expanded .transport .transport-right{justify-self:end;margin-left:0}.card.player.expanded .transport .transport-title{flex:0 auto;min-width:7rem;max-width:none}.clk-seg{white-space:nowrap}.clk-sep{color:var(--muted);margin:0 1px}.transport-title{min-width:0;max-width:36%;color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-weight:600;overflow:hidden}.transport .primary,.main-bar .primary{width:auto;margin:0;padding:.35rem .9rem;line-height:1}.transport-controls{align-items:center;gap:.3rem;display:flex}.transport-controls-compact{flex:none}.transport .transport-controls-compact .play-btn{width:32px;height:32px}.transport-controls .icon-btn{border:1px solid var(--border-strong);color:var(--text)}.transport-controls .icon-btn:hover{background:var(--surface-2)}.transport .play-btn,.main-bar .play-btn{border-radius:50%;place-items:center;width:38px;height:38px;margin:0 .15rem;padding:0;display:grid}.version-pick{gap:.45rem}.version-pick select{text-overflow:ellipsis;max-width:200px}.time{font-family:var(--mono);color:var(--text-h);font-variant-numeric:tabular-nums;font-size:.78rem}.transport .time-wrap{align-items:center;gap:.5rem;display:flex}.clock-format-btn{color:var(--muted);border-radius:4px;flex:none;width:18px;height:18px;padding:0}.transport .center-cluster{align-items:center;gap:.6rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.transport .clock-cluster{border:1px solid var(--border-strong);border-radius:var(--r-sm);align-items:stretch;display:flex;overflow:hidden}.transport .clock-cluster>*+*{border-left:1px solid var(--border-strong)}.transport .clock-cluster>*{align-items:center;display:flex}.transport .transport-group{border:1px solid var(--border-strong);border-radius:var(--r-sm);align-self:center;gap:0;overflow:hidden}.transport .transport-group>*{place-items:center;display:grid}.transport .transport-group>button{width:34px;height:26px;box-shadow:none;border:none;border-radius:0;margin:0;padding:0}.transport .transport-group>.icon-btn.xs{width:22px;min-width:22px}.transport .transport-group>button+button{border-left:1px solid var(--border-strong)}.transport .transport-group>.play-btn{background:var(--primary);width:40px;color:var(--on-primary)}.transport .transport-group>.play-btn:hover{background:var(--primary-h)}.transport .transport-group>.play-btn:disabled{opacity:.55}.transport .transport-group>.icon-btn.record.on{border-radius:0;animation:none}.transport .edit-cluster{gap:.3rem}.tc-input{font:inherit;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-h);vertical-align:baseline;cursor:text;background:0 0;border:1px solid #0000;border-radius:5px;margin:0;padding:1px 3px;display:inline-block}.tc-input:hover{border-color:var(--border-strong)}.tc-input:focus{border-color:var(--primary);background:var(--card);box-shadow:none;outline:none}.time .tc-input{field-sizing:content;width:auto;min-width:2ch}.clock-group{padding-left:18px}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.4rem;margin:0;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .15s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track .switch-knob{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary-soft);outline-offset:1px}.switch-label{color:var(--muted);font-size:.8rem}.switch input:checked~.switch-label{color:var(--text-h)}.mixer{--tc-w:120px;--tl-inset:12px;flex-direction:column;gap:.15rem;display:flex;position:relative}.card.player.expanded .mixer{--tc-w:240px}.region-span{top:var(--ph-top,0);bottom:var(--ph-bot,0);left:calc(var(--tc-w) + var(--tl-inset,0px) + var(--r0) * (100% - var(--tc-w) - var(--tl-inset,0px)));width:calc((var(--r1) - var(--r0)) * (100% - var(--tc-w) - var(--tl-inset,0px)));background:color-mix(in srgb, var(--primary) 11%, transparent);border-left:1px solid color-mix(in srgb, var(--primary) 55%, transparent);border-right:1px solid color-mix(in srgb, var(--primary) 55%, transparent);pointer-events:none;z-index:2;position:absolute}.region-span.dim{background:color-mix(in srgb, var(--muted) 6%, transparent);border-left:1px solid color-mix(in srgb, var(--muted) 15%, transparent);border-right:1px solid color-mix(in srgb, var(--muted) 15%, transparent)}.time-selection-span{top:0;bottom:0;left:calc(var(--tc-w) + var(--tl-inset,0px) + var(--ts0) * (100% - var(--tc-w) - var(--tl-inset,0px)));width:calc((var(--ts1) - var(--ts0)) * (100% - var(--tc-w) - var(--tl-inset,0px)));background:color-mix(in srgb, var(--accent,#a78bfa) 12%, transparent);border-left:1px solid color-mix(in srgb, var(--accent,#a78bfa) 50%, transparent);border-right:1px solid color-mix(in srgb, var(--accent,#a78bfa) 50%, transparent);pointer-events:none;z-index:2;position:absolute}.clip-lane .time-selection-span{left:calc(var(--tl-inset,0px) + var(--ts0) * (100% - var(--tl-inset,0px)));width:calc((var(--ts1) - var(--ts0)) * (100% - var(--tl-inset,0px)))}.playhead{top:var(--ph-top,0);bottom:var(--ph-bot,0);background:var(--transport-playhead);width:2px;left:calc(var(--tc-w) + var(--tl-inset,0px) + var(--ph) * (100% - var(--tc-w) - var(--tl-inset,0px)));pointer-events:none;z-index:10;position:absolute}.timeline-frame>.playhead,.timeline-frame>.region-span,.timeline-frame>.time-selection-span,.timeline-frame>.timeline-insert-point,.timeline-frame>.timeline-insert-cap{top:0;bottom:var(--grid-bot,0)}.timeline-insert-point{top:var(--ph-top,0);bottom:var(--ph-bot,0);width:0;left:calc(var(--tc-w) + var(--tl-inset,0px) + var(--ip) * (100% - var(--tc-w) - var(--tl-inset,0px)));pointer-events:none;z-index:11;border-left:2px dashed #b9afff;position:absolute}.timeline-insert-cap{top:var(--ph-top,0);width:0;height:0;left:calc(var(--tc-w) + var(--tl-inset,0px) + var(--ip) * (100% - var(--tc-w) - var(--tl-inset,0px)));pointer-events:none;z-index:11;border-top:6px solid #b9afff;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;transform:translate(-5px)}.track-strip{align-items:center;gap:.75rem;margin:0;display:flex}.track-strip.child-track .clip-lane{padding-left:1.5rem}.card.player:not(.expanded) .track-strip.child-track .track-controls{padding-left:20px}.container-folder-toggle{cursor:pointer;width:1.25rem;height:1.25rem;color:inherit;z-index:5;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:inline-flex;position:absolute;top:2px;left:0}.track-automation-toggle{cursor:pointer;width:1.25rem;height:1.25rem;color:var(--text-dim);z-index:5;opacity:.2;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:.75rem;transition:opacity .12s;display:inline-flex;position:absolute;bottom:2px;left:20px}.track-automation-toggle:hover{color:var(--text);opacity:1}.card.player .timeline-frame .track-strip,.card.player.expanded .loud-tl-body.track-strip{gap:0}.master-strip{border-top:1px solid var(--border-strong);margin-top:.1rem;padding-top:.2rem}.master-strip .track-label{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.master-lane{flex:1;align-items:center;min-width:0;display:flex}.loud-meter{border-radius:3px;display:block}.mixer-main{isolation:isolate;flex-direction:column;gap:.15rem;min-width:0;display:flex;position:relative}.card.player .timeline-frame,.card.player.expanded .loud-tl,.card.player.expanded .fx-panel-wrap,.card.player.expanded .keyboard-drawer,.card.player.expanded .studio-side-panel,.card.player.expanded .studio-browser-panel,.card.player.expanded .main-bar{border:1px solid var(--border);border-radius:var(--studio-panel-radius,var(--r-sm));overflow:hidden}.card.player.expanded .loud-tl{background:var(--card)}.card.player.expanded .loud-tl-head:has(+.loud-tl-body){border-bottom:1px solid var(--border)}.card.player.expanded .loud-tl:not(:has(.loud-tl-body)){padding:4px 0}.card.player.expanded .ruler-gutter{padding-left:var(--lane-head-pad-x,.4rem)}.card.player.expanded .loud-tl:not(:has(.loud-tl-body)) .loud-tl-head{padding-block:0}.timeline-frame{flex-direction:column;min-width:0;display:flex;position:relative}.card.player.expanded .timeline-frame{flex:auto;min-height:0}.timeline-header-edge{top:0;bottom:0;left:var(--tc-w);background:var(--border);pointer-events:none;z-index:7;width:1px;position:absolute}.card.player.expanded .timeline-frame .lanes-scroll{flex:auto;min-height:0}.lanes-scroll>.timeline-grid-overlay{top:0;left:calc(var(--tc-w) + var(--tl-inset,0px));pointer-events:none;z-index:0;position:absolute;bottom:0;right:0;overflow:hidden}.lanes-scroll>.timeline-grid-overlay .timeline-gridline{background:var(--grid);width:1px;top:0;bottom:0;left:calc(var(--gl) * 100%);position:absolute;transform:translate(-.5px)}.lanes-scroll>.timeline-grid-overlay .timeline-gridline.tier-beat{background:color-mix(in srgb, var(--grid) 72%, transparent)}.lanes-scroll>.timeline-grid-overlay .timeline-gridline.tier-sub{background:color-mix(in srgb, var(--grid) 42%, transparent)}.timeline-frame>.ruler-strip:last-of-type{z-index:2;background:var(--card);position:relative}.lane-divider{background:var(--border);pointer-events:none;flex:none;height:1px}.lane-divider.child-lane-divider{height:.5px}.lane-divider:not(.track-insert-edge-part).half-bar{width:calc(100% - 10px);margin-left:10px}.timeline-frame>.lane-divider-top{flex-shrink:0}.card.player.expanded .mixer{gap:var(--studio-panel-gap);flex-direction:row;align-items:stretch}.card.player.expanded .mixer-main{gap:var(--studio-panel-gap);flex:auto;min-width:0;min-height:0}.card.player.expanded .mixer-main>.loud-tl+.timeline-frame{margin-top:0}.loud-tl{flex-direction:column;flex:none;gap:.25rem;margin-bottom:0;display:flex}.mixer-main>.loud-tl+.timeline-frame{margin-top:.2rem}.loud-tl-head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.35rem .75rem;min-height:20px;display:flex}.loud-tl-head .ml-toggle{width:var(--tc-w);padding-left:var(--lane-head-pad-x,.4rem);flex:none;justify-content:flex-start}.loud-tl-tools{align-items:center;gap:.6rem;margin-left:auto;display:flex}.loud-tl-toggles{align-items:center;gap:.3rem;display:inline-flex}.loud-tl-tog{color:var(--text-muted);cursor:pointer;opacity:.45;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .4rem;font-size:.7rem;transition:opacity .12s,background .12s;display:inline-flex}.loud-tl-tog.on{opacity:1;color:var(--text);background:var(--surface-2,#ffffff0d)}.loud-tl-tog:hover{opacity:.85}.loud-tl-tog.on:hover{opacity:1}.loud-tl-tog i,.loud-tl-tp i{border-radius:2px;flex:none;width:9px;height:9px;display:inline-block}.loud-tl-tp{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.3rem;padding-left:.3rem;font-size:.7rem;display:inline-flex}i.lg-st{background:#789ed6f2}i.lg-m{background:#d66e5cf2}i.lg-int{background:#7acea6f2}i.lg-tp{background:#e74c3c;border-radius:1px!important;width:3px!important;height:11px!important}.loud-tl-body{align-items:stretch;height:230px}.loud-tl-axis.track-controls{justify-content:flex-end;align-items:stretch;gap:.35rem;padding:0;display:flex}.loud-tl-meterblock{flex-direction:column;flex:none;display:flex}.loud-tl-peaks{cursor:pointer;gap:2px;height:11px;margin-bottom:1px;display:flex}.loud-tl-peaks .pk-sp{flex:none;width:17px}.loud-tl-peaks .pk-wrap{flex:none;justify-content:space-between;width:34px;display:flex;overflow:visible}.loud-tl-peaks .pk{font-family:var(--mono);color:var(--text-h);white-space:nowrap;font-size:.48rem;line-height:1}.loud-tl-peaks .pk.over{color:var(--error);font-weight:700}.loud-tl-sb{flex:auto;align-items:stretch;gap:2px;min-height:0;display:flex}.loud-tl-mscale{flex:none;width:17px;position:relative}.loud-tl-mscale .loud-tl-ytick{font-size:.55rem;right:0}.loud-tl-meterblock .chan-meter{border-radius:2px;flex:none;width:34px;height:100%;display:block}.loud-tl-meterblock .loud-meter{border-radius:2px;flex:none;width:14px;height:100%;margin-left:6px;display:block}.loud-tl-mcaps{flex:none;gap:2px;margin-top:1px;display:flex}.loud-tl-mcaps .cap-sp{flex:none;width:17px}.loud-tl-mcaps .cap{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;justify-content:center;align-items:center;font-size:.5rem;display:flex}.loud-tl-mcaps .cap-lr{justify-content:space-between;width:34px;padding:0 5px}.loud-tl-mcaps .cap-m{width:14px;margin-left:6px}.loud-tl-stats{flex-wrap:wrap;align-items:center;gap:.1rem 1rem;display:flex}.lts-item{align-items:baseline;gap:.3rem;line-height:1.1;display:inline-flex}.lts-item b{font-family:var(--mono);color:var(--text-h);font-size:.74rem;font-weight:700}.lts-item i{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap;font-size:.55rem;font-style:normal}.lts-item.hot b,.lts-item.quiet b{color:#fbbf24}.lts-item.over b{color:var(--error)}.loud-tl-scale{flex:none;width:20px;position:relative}.loud-tl-ytick{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;font-size:.62rem;position:absolute;right:0;transform:translateY(-50%)}.loud-tl-ytick.target{color:#f0c656}.loud-tl-hist{flex:none;align-self:stretch;width:34px;height:100%;display:block}.loud-tl-graph{border:1px solid var(--border);border-radius:var(--studio-panel-radius,var(--r-sm));background:#00000038;flex:1;min-width:0;position:relative;overflow:hidden}.loud-tl-canvas{width:100%;height:100%;display:block}.loud-tl-msg{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.master-rail{border-left:1px solid var(--border-strong);background:var(--surface-2);flex-direction:column;flex-shrink:0;align-self:stretch;gap:.5rem;width:158px;padding:.5rem .6rem .6rem;display:flex;overflow-y:auto}.master-rail-loud{flex-shrink:0}.master-rail-loud .loud-meter{width:100%}.vchannel{flex-shrink:0;grid-template-columns:22px 56px;justify-content:center;gap:4px;min-height:0;display:grid}.vchannel .strip-routing{flex-direction:column;grid-column:1/-1;justify-content:center;gap:3px;min-width:0;margin:0 3px;display:flex}.vchannel-head{grid-column:2;justify-content:center;align-items:center;gap:.4rem;display:flex;overflow:hidden}.vchannel .pan-bar{grid-column:2;width:56px}.vstrip-peak{font-family:var(--mono);color:var(--text-h);cursor:pointer;grid-column:2;align-items:center;font-size:.58rem;display:flex}.vstrip-peak .vpk{text-align:center;flex:1 1 0;min-width:0}.vstrip-peak .vpk.over{color:#ef4444}.vmeter-scale{grid-column:1;width:22px;position:relative}.vmeter-tick{font-size:.5rem;line-height:1;font-family:var(--mono);color:var(--muted);white-space:nowrap;position:absolute;right:1px;transform:translateY(-50%)}.vchannel .th-fader,.vchannel .vol-db{grid-column:2;width:56px}.vchannel .mixer-buttons{grid-column:2;justify-content:center}.vchannel .mcs-send{grid-column:1/-1;align-items:stretch;min-width:0;margin:0 3px;display:flex}.vchannel .mcs-send .send-btn{align-self:stretch}.vchannel .mcs-insert{border:2px solid var(--border);background:var(--surface);min-width:0;color:var(--muted);text-align:left;border-radius:5px;grid-column:1/-1;align-items:center;gap:4px;margin:0 3px;padding:0 4px;font-size:.55rem;transition:transform .15s ease-out;display:flex;position:relative;transform:translateY(0)}.vchannel .mcs-insert:hover{border-color:var(--fx-accent)}.vchannel .mcs-insert.on{color:var(--text);background:color-mix(in srgb, var(--fx-accent) 8%, var(--surface))}.mcs-insert-power{background:var(--border-strong);cursor:pointer;border:none;border-radius:50%;flex:none;width:5px;height:5px;padding:0}.mcs-insert.on .mcs-insert-power{background:var(--fx-accent);box-shadow:0 0 4px var(--fx-accent)}.mcs-insert-name{min-width:0;font:inherit;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:auto;padding:0;overflow:hidden}.mcs-insert-gap{grid-column:1/-1;justify-content:center;align-items:center;display:flex}.mcs-insert-gap .fx-add-slot-btn,.mcs-insert-zone .fx-add-slot-btn{width:18px;height:18px}.mcs-insert-zone{z-index:3;justify-content:center;align-items:center;height:10px;display:flex;position:absolute;left:0;right:0}.mcs-insert-zone.top{top:-8px}.mcs-insert-zone.bottom{bottom:-8px}.mcs-insert-zone .fx-add-slot-btn{opacity:0;pointer-events:none;transition:opacity .15s,transform .15s,pointer-events .15s;transform:scale(.4)}.mcs-insert-zone:hover .fx-add-slot-btn{opacity:1;pointer-events:auto;transition-delay:.35s;transform:scale(1)}.mcs-insert-zone:has(.fx-add-slot-btn.open) .fx-add-slot-btn{opacity:1;pointer-events:auto;transition-delay:0s;transform:scale(1)}.mcs-insert:has(.mcs-insert-zone.top:hover){transition-delay:.35s;transform:translateY(3px)}.mcs-insert:has(.mcs-insert-zone.bottom:hover){transition-delay:.35s;transform:translateY(-3px)}.mcs-insert:has(+.mcs-insert .mcs-insert-zone.top:hover){transition-delay:.35s;transform:translateY(-3px)}.vchannel-head .track-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.track-color-input{border:1px solid var(--track-accent,var(--border-strong));cursor:pointer;background:0 0;border-radius:50%;flex:0 0 18px;width:18px;height:18px;padding:0}.vchannel-head{border-top:3px solid var(--track-accent,var(--border-strong))}.mono-toggle{letter-spacing:.02em;width:50px;height:22px;color:var(--muted);background:var(--card);border:1px solid var(--border-strong);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.66rem;font-weight:700;display:inline-flex}.mono-toggle.on{background:var(--primary);color:#fff;border-color:var(--primary)}.main-loud{border-top:1px solid var(--border-strong);flex-direction:column;flex-shrink:0;gap:.4rem;padding-top:.55rem;display:flex}.main-loud-head{justify-content:space-between;align-items:center;display:flex}.ml-target{margin:0;line-height:1;display:block}.ml-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;display:flex}.ml-chev{color:var(--muted);transition:transform .12s}.ml-chev.collapsed{transform:rotate(-90deg)}.ml-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:700}.ml-target select{width:100%;margin:0;padding:.22rem .35rem;font-size:.74rem}.ml-stat{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.05rem;padding:.3rem .45rem;display:flex}.ml-stat.ok{border-color:color-mix(in srgb, var(--solo) 45%, var(--border))}.ml-stat.hot,.ml-stat.over{border-color:color-mix(in srgb, var(--error) 50%, var(--border))}.ml-stat.quiet{border-color:color-mix(in srgb, #fbbf24 50%, var(--border))}.ml-val{font-family:var(--mono);color:var(--text-h);font-size:.95rem;font-weight:700;line-height:1.1}.ml-val.sm{font-size:.8rem}.ml-name{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.62rem}.ml-badge{margin-top:.05rem;font-size:.66rem;font-weight:600}.ml-badge.ok{color:var(--solo)}.ml-badge.hot,.ml-badge.over{color:var(--error)}.ml-badge.quiet{color:#fbbf24}.ml-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.3rem;display:grid}.ml-grid>div{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.02rem;padding:.25rem .28rem;display:flex}.ml-grid .ml-val.sm{white-space:nowrap;font-size:.56rem}.ml-grid .ml-name{white-space:nowrap;font-size:.54rem}.track-editor{flex-direction:column;gap:.4rem;display:flex}.te-row{border-radius:var(--r-sm);align-items:center;gap:.6rem;display:flex}.te-row.drag-source{opacity:.4}.te-row.drag-over{box-shadow:inset 0 2px 0 0 var(--primary)}.te-drag{color:var(--muted);cursor:grab;flex-shrink:0;place-items:center;padding:.3rem .1rem;display:grid}.te-drag:hover{color:var(--text)}.te-drag:active{cursor:grabbing}.te-drag:focus-visible{outline:2px solid var(--primary-soft);border-radius:4px}.te-name-cell{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.te-name{width:100%;min-width:0;margin:0;padding:.4rem .6rem}.te-file{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;padding-left:.1rem;overflow:hidden}.te-dur{font-family:var(--mono);flex-shrink:0}.te-replace{flex-shrink:0}.te-replace input{display:none}.track-editor .add-track{align-self:flex-start;align-items:center;gap:.3rem;margin:.3rem 0 0 calc(16px + .8rem);display:inline-flex}.add-track input{display:none}.track-controls{width:var(--tc-w,120px);flex-shrink:0;justify-content:space-between;align-items:center;gap:.4rem;display:flex;position:relative}.track-label{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600;overflow:hidden}.icon-btn.on{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-btn.xs{width:18px;min-width:18px;height:18px;padding:0}.loop-chip{font-family:var(--mono);color:var(--primary);align-items:center;gap:.25rem;padding:.1rem .2rem .1rem .45rem;font-size:.74rem;font-weight:600;display:inline-flex}.loop-control{align-items:center;display:inline-flex}.loop-control .icon-btn{border:none;border-radius:0;align-self:stretch;width:26px;padding:0}.loop-control .icon-btn.on{background:var(--primary);color:#fff}.loop-control .loop-chip{border:none}.region-opt{gap:.4rem;margin-top:.6rem;font-size:.85rem}.ts.range{align-items:center;gap:.2rem;display:inline-flex}.th-info{flex:1;justify-content:space-between;align-items:center;gap:.4rem;min-width:0;display:flex}.card.player:not(.expanded) .track-controls{--th-header-chip:24px;--th-header-chip-gap:.15rem;gap:0}.card.player:not(.expanded) .th-info .track-label{padding-left:var(--th-header-chip-gap)}.card.player:not(.expanded) .th-info .mixer-buttons{gap:var(--th-header-chip-gap);flex-direction:column;flex-shrink:0;height:100%}.card.player:not(.expanded) .th-controls-col{height:calc(var(--th-header-chip) * 2 + var(--th-header-chip-gap));flex-direction:row;flex-shrink:0;align-items:stretch;display:flex}.card.player:not(.expanded) .th-info .mixer-buttons .chip{width:var(--th-header-chip);height:var(--th-header-chip);min-width:var(--th-header-chip);min-height:var(--th-header-chip);box-sizing:border-box;flex-shrink:0}.card.player:not(.expanded) .th-meter-slot{width:var(--th-header-chip);height:100%;margin-left:var(--th-header-chip-gap);margin-right:var(--th-header-chip-gap);box-sizing:border-box;border-radius:2px;flex-shrink:0;overflow:hidden}.card.player:not(.expanded) .th-meter-slot .th-header-meter{width:100%;height:100%;display:block}.card.player:not(.expanded) .track-controls.reorderable{cursor:grab;touch-action:none}.card.player:not(.expanded) .track-controls.reorderable:active,.card.player:not(.expanded) .track-strip.dragging .track-controls.reorderable{cursor:grabbing}.chan-meter{border-radius:2px;flex-shrink:0;align-self:center;overflow:hidden}.mixer-buttons{gap:.25rem;display:flex}.chip{border:1px solid var(--border-strong);background:var(--card);width:26px;height:26px;color:var(--muted);place-items:center;padding:0;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid}.chip.on{background:var(--error);color:#fff;border-color:var(--error)}.chip.solo{background:var(--solo);color:#fff;border-color:var(--solo)}.chip.fx{justify-content:center;align-items:center;gap:.15rem;width:auto;min-width:26px;padding:0 .35rem;display:inline-flex}.chip.fx.on{background:var(--primary);color:#fff;border-color:var(--primary)}.chip.rec.on,.chip.danger:hover{background:var(--error);color:#fff;border-color:var(--error)}.track-input-select{border:1px solid var(--border);background:var(--card);width:100%;color:var(--muted);border-radius:3px;margin:.1rem 0 .15rem;padding:.05rem .15rem;font-size:.68rem}.track-input-select:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn.record{color:var(--muted)}.icon-btn.record.on{background:var(--error);color:#fff;border-color:var(--error);animation:1.4s ease-in-out infinite record-pulse}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.6}}.record-mode{border:1px solid var(--border-strong);border-radius:var(--r-pill);display:inline-flex;overflow:hidden}.record-mode button{color:var(--muted);background:var(--card);border:none;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.record-mode button+button{border-left:1px solid var(--border-strong)}.record-mode button.on{background:var(--primary);color:#fff}.record-quantize{color:var(--muted);white-space:nowrap;align-items:center;gap:.3rem;padding-left:.2rem;font-size:.68rem;font-weight:600;display:inline-flex}.record-quantize select{border:1px solid var(--border-strong);background:var(--card);height:24px;color:var(--text);font:inherit;border-radius:3px;padding:0 .25rem}.metronome-control{align-items:center;gap:.3rem;display:inline-flex}.metronome-control .icon-btn{border:1px solid var(--border-strong);color:var(--text)}.metro-tempo-wrap{align-items:center;display:inline-flex}.metro-tempo-wrap .icon-btn{border:none;border-radius:0;align-self:stretch;width:26px;min-width:0;margin:0;padding:0}.metro-tempo-wrap .icon-btn.on{border:none}.metro-tempo-wrap .icon-btn.xs{width:12px;min-width:0;height:auto}.metro-tempo-wrap .transport-tempo{background:0 0;border:none;border-radius:0}.transport-tempo{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card);height:26px;font-family:var(--mono);align-items:center;gap:.3rem;padding:0 .4rem;font-size:.78rem;display:inline-flex}.transport-tempo-value{color:var(--text);font-variant-numeric:tabular-nums;cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;padding:.05rem .15rem}.transport-tempo-meter{cursor:text}.transport-tempo-value:hover:not(.readonly){background:var(--surface-2)}.transport-tempo-value:focus-visible{box-shadow:0 0 0 2px var(--primary)}.transport-tempo-value.readonly{cursor:default;color:var(--muted)}.transport-tempo-unit{color:var(--muted);letter-spacing:.04em;font-size:.62rem}.transport-tempo-input{border:1px solid var(--primary);background:var(--bg);width:4.2ch;color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:4px;padding:.05rem .15rem;font-size:.78rem}.transport-tempo-input.transport-tempo-meter{width:5ch}.transport-tempo-auto{color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.1rem;display:inline-flex}.transport-tempo-set{border:1px dashed var(--border-strong);border-radius:var(--r-pill);height:26px;color:var(--muted);cursor:pointer;background:0 0;align-items:center;padding:0 .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.transport-tempo-set:hover{color:var(--text);border-color:var(--primary)}.clip-context-menu.metronome-settings-menu{z-index:500;width:224px}.clip-context-menu.record-settings-menu{width:250px}.record-settings-grid{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.record-settings-grid.stack{grid-template-columns:1fr}.record-settings-note{margin:.2rem 0 0;line-height:1.4}.record-settings-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:.4rem;margin:.4rem 0 0;font-size:.72rem;display:flex}.record-settings-check input{flex:none;width:auto;margin:2px 0 0}.metronome-settings-menu .rv-ctx-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:.1rem 0 .2rem;font-size:.68rem}.metronome-settings-volume{color:var(--text);grid-template-columns:1fr auto;align-items:center;gap:.35rem .6rem;font-size:.78rem;display:grid}.metronome-settings-volume output{color:var(--muted);font-family:var(--mono);font-size:.7rem}.metronome-settings-volume input{width:100%;accent-color:var(--primary);grid-column:1/-1}.grid-pop-fixed-grid.metronome-count-in-grid{width:100%;display:flex}.metronome-count-in-grid .grid-pop-row{flex:1 1 0;justify-content:center;width:auto;position:relative}.metronome-count-in-grid .grid-pop-check{position:absolute;left:4px}.metronome-count-in-grid .grid-pop-row-label{flex:none}.fchip{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card);width:auto;color:var(--muted);white-space:nowrap;padding:.22rem .65rem;font-size:.8rem;font-weight:600}.fchip.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.fx-count{font-size:.7rem;line-height:1}.channel{flex-direction:column;flex:1;gap:.3rem;min-width:0;padding:.1rem 0;display:flex}.track-label-col{min-width:0}.channel-top{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.fader{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.7rem;display:flex}.fader-name{flex-shrink:0;width:1.9rem;font-weight:600}.fader input[type=range]{min-width:0;accent-color:var(--primary);flex:1;margin:0}.fader.pan input[type=range]{accent-color:var(--solo)}.fader-val{text-align:right;width:2rem;font-family:var(--mono);color:var(--text);flex-shrink:0}:is(.card.player.expanded .track-controls:has(.channel),.card.player.expanded .timing-strip-controls-tempo){padding:.4rem .4rem .45rem var(--lane-head-pad-x,.4rem);background:var(--surface-2);border-radius:var(--studio-panel-radius,var(--r-sm));border:none;align-items:stretch;gap:.45rem}.card.player.expanded .timing-strip-meter .timing-strip-controls{padding:0 .4rem 0 var(--lane-head-pad-x,.4rem);background:var(--surface-2);border-radius:var(--studio-panel-radius,var(--r-sm));border:none;align-self:stretch;align-items:center;gap:.35rem;min-height:1rem}.card.player.expanded .timing-strip-controls-tempo{padding-top:0;padding-bottom:0;padding-left:var(--lane-head-pad-x,.4rem)}.card.player.expanded .timing-strip-controls-tempo .timing-strip-label{text-align:left;align-self:center}.card.player.expanded .lanes-scroll .track-strip{align-items:stretch}.card.player.expanded .lanes-scroll .track-lane>.track-controls:has(.channel){align-self:stretch}.card.player.expanded .channel{flex-direction:row;align-items:flex-start;gap:.5rem;padding:0}.card.player.expanded .track-controls:has(.channel) .track-reorder-body>.channel{flex:1;min-width:0}.card.player.expanded .channel>.track-label-col{flex-direction:column;flex:1;min-width:0;padding-left:0;display:flex}.ch-stack{flex-direction:column;flex:0 0 82px;gap:6px;width:82px;display:flex}.mixer-buttons .chip{aspect-ratio:1;border-radius:3px;flex-shrink:0;width:24px;height:24px;font-size:.72rem}.mixer-buttons .chip.fx{border-radius:3px;width:26px;min-width:26px}.pan-bar{background:var(--card);border:1px solid var(--border);cursor:ew-resize;touch-action:none;border-radius:3px;height:24px;position:relative;overflow:hidden}.pan-tip{z-index:300;background:var(--text-h);color:var(--bg);font-family:var(--mono);white-space:nowrap;pointer-events:none;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 2px 10px #00000059}.pan-bar:before{content:"";background:color-mix(in srgb, var(--solo) 55%, transparent);width:1px;position:absolute;top:2px;bottom:2px;left:50%}.pan-bar:after{content:"";top:1px;bottom:1px;left:calc(var(--pan,.5) * 100%);background:var(--solo);border-radius:2px;width:3px;position:absolute;transform:translate(-1.5px)}.vol-db{background:var(--card);border:2px solid var(--border);height:28px;font-family:var(--mono);color:var(--text);cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:3px;justify-content:center;align-items:center;font-size:.74rem;display:flex}.vol-db:hover{border-color:var(--border-strong)}.track-io-btn{background:var(--card);border:2px solid var(--border);height:28px;font-family:var(--mono);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;width:100%;padding:0;font-size:.74rem;font-weight:600;display:flex}.track-io-btn:hover{border-color:var(--border-strong);color:var(--text)}.track-io-btn.on{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa}.track-header-io-row{grid-template-columns:minmax(0,1fr);display:grid}.io-pop-backdrop{z-index:210;position:fixed;inset:0}.io-pop{z-index:211;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:8px;width:240px;max-width:calc(100vw - 16px);padding:.5rem .55rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.io-pop-section{flex-direction:column;gap:4px;display:flex}.io-pop-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:600}.io-pop-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.io-pop-add{border:1px dashed var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;gap:3px;padding:2px 6px;font-size:.58rem;display:inline-flex}.io-pop-add:hover{color:#a78bfa;border-color:#a78bfa}.io-pop-empty{margin:0}.io-pop-link{color:var(--accent,#a78bfa);text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:.72rem}.io-pop-link:hover{text-decoration:underline}.io-pop-hint{color:var(--muted);font-size:.7rem;line-height:1.25}.automation-pop{z-index:211;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:8px;width:300px;max-width:calc(100vw - 16px);padding:.5rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.automation-pop-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:1px 2px 0;font-size:.64rem;font-weight:700;display:flex}.automation-pop-lane-visibility{color:var(--muted);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:0;padding:0}.automation-pop-lane-visibility:hover{color:var(--text);text-decoration:underline}.automation-pop-search input{width:100%;margin:0;padding:.4rem .5rem;font-size:.75rem}.automation-pop-results{flex-direction:column;gap:0;max-height:min(22rem,100vh - 7rem);display:flex;overflow:auto}.automation-pop-group{flex-direction:column;gap:1px;margin-bottom:0;display:flex}.automation-pop-group-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:3px 5px 2px;font-size:.6rem;font-weight:700}.automation-pop-item{width:100%;min-height:32px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;display:flex}.automation-pop-item:hover{background:var(--surface);border-color:var(--border)}.automation-pop-item.shown{color:#a78bfa}.automation-pop-item.on{opacity:.35}.automation-pop-item.on:hover{background:0 0;border-color:#0000}.automation-pop-item-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.automation-pop-item-copy>span,.automation-pop-item-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.automation-pop-item-copy>span{font-size:.74rem}.automation-pop-item-copy small{color:var(--muted);font-size:.62rem}.automation-pop-item.shown small{color:color-mix(in srgb, #a78bfa 72%, var(--muted))}.automation-pop-empty{color:var(--muted);text-align:center;margin:0;padding:.75rem .5rem;font-size:.72rem}.latency-readout{margin:0 0 .35rem;font-weight:600}.latency-readout.latency-good,.latency-readout.latency-ok{color:var(--ok)}.latency-readout.latency-warn{color:var(--warn)}.latency-readout.latency-bad{color:var(--error)}.io-pop-sends{flex-direction:column;gap:5px;display:flex}.io-field-select{border:2px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);cursor:pointer;border-radius:5px;margin:0;padding:3px 4px;font-size:.68rem}.io-field-select:hover{border-color:var(--primary)}.th-fader{background:var(--bg);cursor:ns-resize;touch-action:none;border-radius:3px;flex-shrink:0;align-self:stretch;width:22px;position:relative;box-shadow:inset 0 0 0 1px #0006,inset 0 1px 3px #00000073}.th-fader .th-meter{--surface-2:transparent;border-radius:3px;width:100%;height:100%;display:block;position:absolute;inset:0}.th-fader-fill{height:calc(var(--vp,.9) * 100%);background:color-mix(in srgb, var(--primary) 55%, transparent);opacity:0;pointer-events:none;border-radius:3px;transition:opacity 80ms;position:absolute;bottom:0;left:0;right:0}.th-fader-handle{left:-3px;right:-3px;bottom:calc(var(--vp,.9) * 100%);background:var(--text);border:1px solid var(--border-strong);pointer-events:none;border-radius:2px;height:4px;margin-bottom:-2px;position:absolute;box-shadow:0 1px 2px #00000073}.th-fader:hover .th-fader-fill,.th-fader:active .th-fader-fill,.th-fader.show-fader .th-fader-fill{opacity:.85}.th-fader-mod-dot{left:-3px;right:-3px;bottom:calc(var(--vp-mod,var(--vp,.9)) * 100%);background:var(--primary,#a78bfa);opacity:.45;pointer-events:none;border-radius:2px;height:3px;margin-bottom:-1.5px;transition:opacity .12s;position:absolute}.th-fader-mod-dot-h{top:-3px;bottom:-3px;left:calc(var(--vp-mod,var(--vp,.8)) * 100%);background:var(--primary,#a78bfa);opacity:.45;pointer-events:none;border-radius:2px;width:3px;margin-left:-1.5px;transition:opacity .12s;position:absolute}.keyboard-drawer{background:var(--card);flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.keyboard-drawer-panel{flex:auto;height:78px;min-height:0}.osk-shell{grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;width:100%;height:100%;min-height:0;display:grid}.osk-wheels{border-right:1px solid var(--border);background:var(--surface-2,var(--surface));box-sizing:border-box;flex-direction:row;flex:none;grid-area:1/1/-1;align-items:stretch;gap:3px;padding:3px 4px 3px 5px;display:flex}.osk-wheel{flex-direction:column;align-items:stretch;width:22px;min-width:22px;height:100%;min-height:0;display:flex}.osk-wheel-track{box-sizing:border-box;border:1px solid var(--border);background:var(--card);touch-action:none;cursor:ns-resize;border-radius:3px;flex:auto;width:100%;height:100%;min-height:0;padding:4px 2px;position:relative;overflow:hidden}.osk-wheel-fill{height:calc((100% - 8px) * var(--wheel-pos,0) / 100);background:color-mix(in srgb, var(--primary,#7666e8) 28%, transparent);pointer-events:none;border-radius:1px;position:absolute;bottom:4px;left:2px;right:2px}.osk-wheel-center{background:color-mix(in srgb, var(--muted) 55%, transparent);pointer-events:none;height:1px;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}.osk-wheel-thumb{background:var(--primary,#7666e8);width:8px;height:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--card) 70%, transparent);pointer-events:none;left:50%;bottom:calc(4px + (100% - 8px) * var(--wheel-pos,50) / 100);border-radius:1px;margin-left:-4px;position:absolute;transform:translateY(50%)}.osk-qwerty-bar{border-bottom:1px solid var(--border);background:var(--surface-2,var(--surface));grid-area:1/2;align-items:stretch;min-width:0;min-height:20px;padding:2px 0;display:flex}.osk-qwerty-range-track{background:var(--card);flex:auto;width:100%;min-width:0;height:100%;position:relative;overflow:visible}.osk-qwerty-range-band{background:color-mix(in srgb, var(--primary,#7666e8) 38%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary,#7666e8) 50%, transparent);touch-action:none;cursor:grab;border-radius:2px;position:absolute;top:0;bottom:0;overflow:visible}.osk-qwerty-range-band:active{cursor:grabbing}.osk-qwerty-range-band .fx-power.osk-qwerty-power,.osk-qwerty-range-band .fx-power.on.osk-qwerty-power{z-index:1;box-sizing:border-box;cursor:pointer;border-width:1px;width:min(100% - 6px,12px);min-width:0;max-width:12px;height:min(100% - 4px,12px);min-height:0;max-height:12px;margin:0;padding:0;line-height:0;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.osk-qwerty-range-band .fx-power.osk-qwerty-power svg,.osk-qwerty-range-band .fx-power.on.osk-qwerty-power svg{width:58%;height:58%}.osk-qwerty-shift{background:var(--card);width:18px;color:var(--muted);cursor:pointer;z-index:4;border:none;border-radius:0;padding:0;font-size:.7rem;line-height:1;position:absolute;top:0;bottom:0}.osk-qwerty-shift:hover:not(:disabled){color:var(--primary)}.osk-qwerty-shift:disabled{opacity:.35;cursor:default}.osk-velocity{z-index:2;background:color-mix(in srgb, var(--card) 94%, transparent);pointer-events:auto;align-items:center;gap:.15rem;padding:0 .2rem;transition:left .12s,width .12s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.osk-velocity:focus-within{background:color-mix(in srgb, var(--card) 100%, transparent)}.osk-velocity-slider{min-width:0;height:100%;max-height:100%;accent-color:var(--primary,#7666e8);cursor:pointer;background:0 0;border:none;flex:auto;margin:0;padding:0}.osk-velocity-slider:focus,.osk-velocity-slider:focus-visible{box-shadow:none;border:none;outline:none}.osk-velocity-readout{color:var(--text-h);text-align:right;flex:none;min-width:1rem;font-size:.5rem;font-weight:700;line-height:1}.osk-keys{background:var(--card);flex-flow:row;grid-area:2/2;min-width:0;min-height:0;display:flex;position:relative}.osk-key{cursor:pointer;touch-action:none;border:none;border-radius:0;justify-content:center;align-items:flex-end;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.osk-qwerty-letter{pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:0;color:color-mix(in srgb, var(--primary,#7666e8) 75%, var(--muted));padding-bottom:2px;font-size:7px;font-weight:800;line-height:1;transform:translateY(-5px)}.osk-octave-label{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--muted);opacity:.9;font-size:7px;font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(10px - 50%))}.osk-key.active .osk-octave-label{color:var(--text-h);opacity:1}.osk-key.black .osk-qwerty-letter{color:color-mix(in srgb, #fff 82%, var(--primary,#7666e8));padding-bottom:1px;font-size:6px}.osk-key.active .osk-qwerty-letter{color:var(--text-h)}.osk-key.black.active .osk-qwerty-letter{color:#fff}.osk-key.white{background:var(--surface-2,var(--surface));border-right:1px solid var(--border);flex:1 1 0;min-width:0}.osk-key.white:last-of-type{border-right:none}.osk-key.qwerty-mapped.white:not(.active){background:color-mix(in srgb, var(--primary,#7666e8) 8%, var(--surface-2,var(--surface)))}.osk-key.black{z-index:2;border:none;border-right:1px solid color-mix(in srgb, #000 40%, var(--border));background:#252330;height:58%;position:absolute;top:0}.osk-key.qwerty-mapped.black:not(.active){background:color-mix(in srgb, var(--primary,#7666e8) 22%, #252330)}.osk-key.white.active{background:color-mix(in srgb, var(--primary,#7666e8) 58%, var(--surface-2,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary,#7666e8) 72%, transparent), inset 0 3px 10px color-mix(in srgb, var(--primary,#7666e8) 38%, transparent)}.osk-key.black.active{background:color-mix(in srgb, var(--primary,#7666e8) 88%, #252330);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary,#7666e8) 55%, #fff), inset 0 2px 8px color-mix(in srgb, var(--primary,#7666e8) 45%, transparent)}.osk-key.white:hover:not(.active){background:color-mix(in srgb, var(--primary,#7666e8) 10%, var(--surface-2,var(--surface)))}.osk-key.black:hover:not(.active){background:color-mix(in srgb, var(--primary,#7666e8) 28%, #252330)}.main-bar{margin:0 calc(-1 * var(--player-gutter,11px)) -1.25rem;padding:.4rem var(--player-gutter,11px);border-top:1px solid var(--border-strong);flex:none;align-items:center;gap:.7rem;display:flex}.card.player.expanded .main-bar{margin:var(--studio-panel-gap) 0 0;background:var(--card)}.main-bar-label{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:0;flex:none;place-items:center;padding:0 .65rem;font-size:.75rem;font-weight:700;display:grid}.main-bar-label:hover{background:var(--surface-2)}.main-bar-label.on{background:var(--primary);color:#fff}.panel-toggle{border:1px solid var(--border-strong);border-radius:var(--r-sm);flex:none;height:28px;display:inline-flex;overflow:hidden}.panel-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0;padding:0 .7rem;font-size:.75rem;font-weight:600}.panel-toggle button+button{border-left:1px solid var(--border-strong)}.panel-toggle button:hover{color:var(--text);background:var(--surface-2)}.panel-toggle button.on{background:var(--primary);color:#fff}.panel-toggle .keyboard-toggle{align-items:center;padding:0 .6rem;display:inline-flex;position:relative}.panel-toggle .keyboard-toggle-active:after{content:"";background:var(--primary,#7666e8);width:5px;height:5px;box-shadow:0 0 5px color-mix(in srgb, var(--primary,#7666e8) 55%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:3px;right:4px}.piano-octave-icon .piano-key-natural,.piano-octave-icon .piano-key-sharp{stroke:currentColor;stroke-width:1.35px;stroke-linejoin:round;stroke-linecap:round}.piano-octave-icon .piano-key-natural{fill:none}.piano-octave-icon .piano-key-sharp{fill:var(--card)}.panel-toggle button:hover:not(.on) .piano-octave-icon .piano-key-sharp{fill:var(--surface-2)}.panel-toggle button.on .piano-octave-icon .piano-key-sharp{fill:var(--primary)}.main-bar-divider{background:var(--border-strong);flex:none;align-self:stretch;width:1px;min-height:22px;margin:0 .15rem}.main-bar .main-strip{border:1px solid var(--border-strong);border-radius:var(--r-sm);flex:auto;align-items:stretch;gap:0;min-width:0;max-width:560px;height:28px;margin-left:auto;display:flex}.main-bar .main-strip>:first-child{border-radius:calc(var(--r-sm) - 1px) 0 0 calc(var(--r-sm) - 1px)}.main-bar .tchannel{display:contents}.main-bar .main-strip .mixer-buttons{gap:0;display:flex}.main-bar .main-strip .chip{background:0 0;border:none;border-radius:0;width:30px;height:auto;font-size:.72rem}.main-bar .main-strip .chip:hover:not(.on){background:var(--surface-2)}.main-bar .main-strip .chip.on{background:var(--error);color:#fff;border-color:var(--border-strong);border-radius:0}.main-bar .main-strip .mono-toggle{background:0 0;border:none;border-radius:0;width:auto;height:auto;padding:0 .6rem}.main-bar .main-strip .mono-toggle:hover:not(.on){background:var(--surface-2);color:var(--text)}.main-bar .main-strip .mono-toggle.on{background:var(--primary);color:#fff}.main-bar .main-strip .vol-db{background:0 0;border:none;border-radius:0;min-width:64px;height:auto;padding:0 .5rem}.main-bar .main-strip .vol-db:hover{background:var(--surface-2)}.main-bar .tchannel>.th-fader-h{flex:auto;align-self:center;min-width:140px;height:18px;margin:0 8px}.main-bar .main-strip .mixer-buttons,.main-bar .main-strip .mixer-buttons>*+*,.main-bar .main-strip .vol-db{border-left:1px solid var(--border-strong)}.main-bar .main-strip .vol-db{border-right:1px solid var(--border-strong)}.mixes-btn{max-width:170px;color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:.2rem .7rem;font-size:.72rem;font-weight:600;display:inline-flex;position:relative}.mixes-btn:hover,.mixes-btn.on{color:var(--text);background:var(--surface-2)}.mixes-btn-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mixes-btn.dirty{color:var(--warn);border-color:var(--warn)}.mixes-btn-alert{color:var(--warn);flex-shrink:0}.sub-version-banner{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn);justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:.78rem;display:flex}.mixes-backdrop{z-index:220;position:fixed;inset:0}.mixes-pop{z-index:221;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:2px;width:240px;max-height:60vh;padding:8px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 34px #00000080}.mixes-pop-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:.7rem;font-weight:700;display:flex}.mixes-save-row{gap:6px;margin-bottom:6px;display:flex}.mixes-name-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-width:0;color:var(--text);flex:auto;padding:3px 6px;font-size:.7rem}.mixes-name-input:focus{border-color:var(--primary);outline:none}.mixes-save{border:1px solid var(--primary);border-radius:var(--r-sm);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);cursor:pointer;text-transform:none;letter-spacing:0;flex:none;padding:3px 8px;font-size:.66rem;font-weight:600}.mixes-save:disabled{opacity:.5;cursor:default}.mixes-update{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:4px;flex:none;padding:1px 6px;font-size:.6rem}.mixes-update:hover{color:var(--primary);border-color:var(--primary)}.mixes-group-title.shared{border-top:1px solid var(--border);color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;padding-top:6px}.mixes-group-title.sub{opacity:.85;padding-left:8px;font-weight:500}.mixes-empty{color:var(--muted);padding:8px 4px;font-size:.72rem}.mixes-group{flex-direction:column;gap:1px;margin-top:4px;display:flex}.mixes-group-title{color:var(--muted);padding:2px 4px;font-size:.62rem;font-weight:600}.mixes-row{align-items:center;gap:4px;display:flex}.mixes-row.original{background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border:none;border-radius:4px;padding:5px 8px;font-size:.74rem}.mixes-row.original:hover{background:var(--surface-2)}.mixes-name{min-width:0;color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:auto;padding:5px 8px;font-size:.74rem;overflow:hidden}.mixes-name:hover{background:var(--surface-2)}.mixes-row.current .mixes-name,.mixes-row.original.current{color:var(--primary);font-weight:700}.mixes-rename{border:1px solid var(--primary);background:var(--surface);min-width:0;color:var(--text);border-radius:4px;flex:auto;padding:4px 6px;font-size:.74rem}.mixes-del{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;place-items:center;padding:0;font-size:.95rem;line-height:1;display:grid}.mixes-del:hover{color:var(--danger,#f87171);background:var(--surface-2)}.tchannel{align-items:center;gap:.5rem;display:flex}.tchannel .mixer-buttons{gap:.25rem}.tchannel .vol-db{min-width:60px;padding:0 .4rem}.th-fader-h{background:var(--bg);cursor:ew-resize;touch-action:none;border-radius:3px;flex:none;width:120px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #0006,inset 0 1px 3px #00000073}.th-fader-h .th-meter-h{--surface-2:transparent;border-radius:3px;width:100%;height:100%;display:block;position:absolute;inset:0}.th-fader-fill-h{width:calc(var(--vp,.8) * 100%);background:color-mix(in srgb, var(--primary) 45%, transparent);opacity:0;pointer-events:none;border-radius:3px;transition:opacity 80ms;position:absolute;top:0;bottom:0;left:0}.th-fader-handle-h{top:-3px;bottom:-3px;left:calc(var(--vp,.8) * 100%);background:var(--text);border:1px solid var(--border-strong);pointer-events:none;border-radius:2px;width:4px;margin-left:-2px;position:absolute;box-shadow:0 1px 2px #00000073}.th-fader-h:hover .th-fader-fill-h,.th-fader-h:active .th-fader-fill-h,.th-fader-h.show-fader .th-fader-fill-h{opacity:.7}.track-label-edit{min-width:0;color:var(--text-h);background:var(--card);border:1px solid var(--primary);border-radius:3px;flex:1;margin:0 0 0 5px;padding:1px 5px;font-size:.85rem;font-weight:600}.card.player.expanded .track-reorder-body.reorderable{cursor:grab;touch-action:none}.card.player.expanded .track-reorder-body.reorderable:active{cursor:grabbing}.card.player.expanded .track-controls:has(.channel) .track-reorder-body{flex-direction:row;flex:1;align-items:stretch;gap:.45rem;min-width:0;display:flex}.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable{pointer-events:none;cursor:default}.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .track-label-col,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .track-label,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .track-label-edit,.card.player:not(.expanded) .lanes-scroll.seam-pointer .track-lane .track-controls.reorderable .track-label,.card.player:not(.expanded) .lanes-scroll.seam-pointer .track-lane .track-controls.reorderable .track-label-edit,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .ch-stack,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable>.th-fader,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .mixer-buttons,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .pan-bar,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .vol-db,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable .track-io-btn,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable button,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable input,.card.player.expanded .lanes-scroll.seam-pointer .track-lane .track-reorder-body.reorderable select{pointer-events:auto}.card.player.expanded .track-label-col,.card.player.expanded .ch-stack,.card.player.expanded .track-reorder-body>.th-fader{z-index:60;position:relative}.card.player.expanded .track-label-col{z-index:65}.card.player.expanded .lanes-scroll .track-strip,.card.player.expanded .lanes-scroll .automation-lanes-strip,.card.player.expanded .lanes-scroll>.lane-divider,.card.player.expanded .lanes-scroll .structural-analysis-wrap,.card.player.expanded .lanes-scroll .track-add-slot,.card.player.expanded .lanes-scroll .instrument-track,.card.player.expanded .lanes-scroll .lanes-bus-anchor{transition:transform .16s}.track-strip.dragging{z-index:20;transition:none}.track-strip.dragging .track-controls{box-shadow:0 6px 18px #0006}.track-strip.dragging .track-reorder-body.reorderable{cursor:grabbing}.tc-resize{cursor:col-resize;touch-action:none}.card.player.expanded .timeline-frame>.tc-resize{top:0;bottom:0;left:calc(var(--tc-w) - 3px);z-index:66;width:7px;position:absolute}.tc-resize:hover{background:color-mix(in srgb, var(--primary) 35%, transparent)}.track-strip.dimmed .track-label,.track-strip.dimmed .pan-bar,.track-strip.dimmed .vol-db,.track-strip.dimmed .waveform{opacity:.4;transition:opacity .12s}.fx-panel-wrap{background:var(--card);flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.fx-panel-wrap>.mixer-panel,.fx-panel-wrap>.routing-view,.fx-panel-wrap>.piano-roll,.fx-panel-wrap>.fx-panel,.fx-panel-wrap>.piano-empty,.fx-panel-wrap>.keyboard-drawer-panel{flex:auto;min-height:0}.fx-resize{cursor:ns-resize;z-index:2;height:7px;position:absolute;top:-3px;left:0;right:0}.fx-resize:hover{background:var(--primary);opacity:.35}.fx-panel{flex-direction:row;gap:.5rem;height:100%;min-height:0;padding:.4rem .5rem .5rem;display:flex}.track-add-slot{align-items:stretch}.track-add-slot>.track-controls.track-add-gutter{justify-content:center;align-items:center}.track-add-slot.track-add-slot-audio-only .track-add-gutter{min-height:2.5rem}.track-add-slot .fx-add-slot-btn:disabled{cursor:default;opacity:.6}.track-add-slot .fx-add-slot-btn:disabled:hover{color:var(--muted);border-color:var(--border-strong);background:var(--surface);border-style:dashed}.track-add-lane{flex:auto;min-width:0;min-height:52px}.card.player.expanded .track-add-lane{min-height:85px}.track-header-drop-pad-row{flex:auto;align-items:stretch;min-height:3rem}.track-header-drop-pad-row .track-header-drop-pad{flex:0 0 var(--tc-w,120px);width:var(--tc-w,120px)}.track-header-drop-pad-row .track-header-drop-pad-lane{pointer-events:none;flex:auto;min-width:0}.card.player.expanded .lanes-scroll .track-lane,.card.player.expanded .lanes-scroll .track-insert-sibling,.card.player.expanded .lanes-scroll .structural-analysis-wrap.track-insert-sibling{position:relative}.track-insert-edge{pointer-events:none;height:0;position:absolute;left:0;right:0}.track-insert-edge-part{pointer-events:none;position:absolute;left:0;right:auto}.track-insert-edge-part.header{width:var(--tc-w);z-index:3}.track-insert-edge-part.header.half-bar{width:calc(var(--tc-w) - 10px);z-index:8;left:10px}.track-insert-edge-part.timeline{left:var(--tc-w);z-index:1;right:0}.track-insert-edge.top{top:-1px}.track-insert-edge.top .track-insert-edge-part{top:0}.track-insert-edge.bottom{bottom:0}.track-insert-edge.bottom .track-insert-edge-part{top:auto;bottom:0}[data-theme|=sketch] .track-insert-edge.top{top:-2px}.card.player.expanded .lanes-scroll .track-lane .track-insert-edge,.card.player.expanded .lanes-scroll .track-insert-sibling .track-insert-edge{opacity:1}.track-insert-column{width:var(--tc-w);z-index:30;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.card.player.expanded .track-lane.insert-seam-lower .track-insert-column{z-index:40}.track-insert-seam{pointer-events:none;justify-content:center;align-items:center;transition:transform .16s;display:flex;position:absolute;left:0;right:0}.track-insert-seam.top{top:calc(-1 * var(--track-insert-separation,12px) - 10px);height:calc(var(--track-insert-separation,12px) * 2 + 20px)}.track-insert-seam.bottom{bottom:calc(-1 * var(--track-insert-separation,12px) - 18px);height:calc(var(--track-insert-separation,12px) * 2 + 36px)}.card.player.expanded .track-lane.insert-seam-lower .track-insert-seam.top{transform:translateY(calc(-1 * var(--track-insert-separation,12px)))}.card.player.expanded .track-insert-gutter{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cline x1='2' y1='5' x2='22' y2='5' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 9v6M9 12h6' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cline x1='2' y1='19' x2='22' y2='19' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 12 12,pointer}.track-insert-gutter{pointer-events:auto;flex:none;justify-content:center;align-items:center;width:28px;height:20px;display:flex;position:relative}.track-insert-gutter .fx-add-slot-btn{z-index:1;position:relative}.card.player.expanded .track-strip.track-lane.insert-seam-lower .track-reorder-body.reorderable,.card.player.expanded .track-strip.track-lane.insert-seam-upper .track-reorder-body.reorderable{cursor:default}.track-insert-gutter .fx-add-slot-btn{opacity:0;pointer-events:none;transition:opacity .15s,transform .15s,pointer-events .15s;transform:scale(.4)}.track-insert-gutter .fx-add-slot-btn.revealed{opacity:1;pointer-events:auto;cursor:inherit;z-index:55;position:relative;transform:scale(1)}.track-insert-gutter .fx-add-slot-btn:disabled{cursor:default;opacity:.6}.track-insert-gutter .fx-add-slot-btn:disabled:hover{color:var(--muted);border-color:var(--border-strong);background:var(--surface);border-style:dashed}.instrument-track{align-items:stretch}.instrument-actions{flex-wrap:wrap;align-items:center;gap:.25rem;width:100%;padding:.1rem 0 0;display:flex}.midi-lane>.instrument-actions{z-index:3;pointer-events:none;width:auto;position:absolute;top:.15rem;left:.35rem;right:.35rem}.midi-lane>.instrument-actions>*{pointer-events:auto}.instrument-actions button,.instrument-add-row button{white-space:nowrap;font-size:.7rem}.instrument-actions button.on{color:#ff6b6b;border-color:#ff6b6b}.instrument-settings{font-size:.65rem}.instrument-settings summary{cursor:pointer}.instrument-settings label{align-items:center;gap:.2rem;margin:0 .25rem;display:inline-flex}.instrument-settings input{width:4rem}.instrument-settings{max-width:100%}.instrument-settings summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-track-button{margin:.2rem .35rem;font-size:.7rem}.instrument-add-row{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.add-track-menu{font-size:.8rem;position:relative}.add-track-menu>summary{cursor:pointer;border:1px solid var(--border);border-radius:4px;padding:.3rem .6rem;list-style:none}.add-track-menu>summary::-webkit-details-marker{display:none}.add-track-menu[open]>summary{border-color:var(--primary)}.add-track-menu-body{z-index:10;border:1px solid var(--border);background:var(--card);border-radius:6px;flex-direction:column;gap:.15rem;min-width:12rem;padding:.35rem;display:flex;position:absolute;bottom:calc(100% + .25rem);left:0;box-shadow:0 4px 16px #0000004d}.add-track-menu-body button,.add-track-menu-body label{text-align:left;cursor:pointer;border-radius:4px;width:100%;padding:.3rem .5rem;font-size:.78rem;display:block}.add-track-menu-body button:hover,.add-track-menu-body label:hover{background:color-mix(in srgb, var(--primary) 15%, transparent)}.add-track-menu-body label.disabled{cursor:not-allowed;opacity:.5}.midi-lane{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(6.25% - 1px), color-mix(in srgb, var(--border) 55%, transparent) 6.25%);min-height:52px;position:relative}.midi-clip-preview{appearance:none;border:1px solid var(--clip-border,#5b54e059);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--clip-bg,#5b54e00f);cursor:pointer;border-top:0;padding:0;position:absolute;top:16px;bottom:0;overflow:hidden}.midi-lane:has(>.instrument-actions) .midi-clip-preview{top:46px}.midi-clip-preview:hover{background:color-mix(in srgb, var(--primary) 8%, var(--clip-bg,#5b54e00f))}.midi-clip-preview.selected{border-color:var(--clip-border-selected,var(--primary));box-shadow:inset 0 0 0 1px var(--clip-border-selected,var(--primary));outline:none}.midi-clip-preview i{background:var(--wave-played,#5b54e0);border-radius:2px;min-width:2px;height:3px;position:absolute}.piano-roll{flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;padding:.35rem;display:flex;position:relative;overflow:hidden}.piano-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.piano-scroll{overflow-anchor:none;border:1px solid var(--border);flex:auto;min-height:0;overflow:auto}.piano-content{-webkit-user-select:none;user-select:none;position:relative}.piano-ruler{z-index:4;background:var(--surface-2);border-bottom:1px solid var(--border);position:sticky;top:0}.piano-ruler-corner{z-index:5;background:var(--surface-2);border-right:1px solid var(--border);float:left;justify-content:center;align-items:center;height:100%;display:flex;position:sticky;top:0;left:0}.piano-ruler-bar{color:var(--muted);font-size:10px;position:absolute;top:3px;transform:translate(2px)}.piano-ruler-beat{color:var(--muted);opacity:.75;font-size:8px;position:absolute;top:6px;transform:translate(2px)}.piano-ruler-loop-band{background:color-mix(in srgb, var(--warn) 55%, transparent);pointer-events:none;z-index:3;height:3px;position:absolute;top:0}.piano-ruler-marker{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--primary);pointer-events:none;z-index:6;width:0;height:0;position:absolute;top:0;transform:translate(-4px)}.piano-ruler-marker.end{border-top-color:color-mix(in srgb, var(--primary) 60%, transparent)}.piano-ruler-marker.loop{border-top-color:var(--warn)}.piano-ruler-marker.loop.end{border-top-color:color-mix(in srgb, var(--warn) 60%, transparent)}.piano-grid{background:var(--surface-2);position:relative}.piano-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);height:18px;position:absolute;left:0;right:0}.piano-row-tint{pointer-events:none;background:#0000001f;position:absolute;inset:0 0 0 42px}.piano-grid.no-key-column .piano-row-tint{left:0}.piano-grid.no-key-column{box-sizing:border-box;border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--piano-row-h,18px) - 1px), color-mix(in srgb, var(--border) 60%, transparent) calc(var(--piano-row-h,18px) - 1px), color-mix(in srgb, var(--border) 60%, transparent) var(--piano-row-h,18px))}.piano-key{z-index:3;height:100%;color:var(--muted);background:var(--surface-2);border:0;border-right:1px solid var(--border);cursor:pointer;border-radius:0;align-items:stretch;padding:0;display:flex;position:sticky;left:0}.piano-key-label{white-space:nowrap;flex:auto;justify-content:flex-end;align-items:center;min-width:0;padding-right:4px;font-size:9px;display:flex;overflow:hidden}.piano-key-guide-label{appearance:none;color:inherit;background:0 0;border:0;border-radius:0;padding:0 4px 0 0}.piano-key-preview{border:0;border-left:1px solid var(--border);cursor:pointer;background:0 0;border-radius:0;flex:none;align-items:stretch;width:40%;padding:0;display:flex}.piano-key-swatch{border-left:1px solid var(--border);background:#fff;border-radius:0;flex:none;width:40%}.piano-key-preview .piano-key-swatch{border-left:0;width:100%;height:100%}.piano-key-swatch.black{background:#17151f}.piano-key:not(.piano-key-split):hover .piano-key-swatch,.piano-key-preview:hover .piano-key-swatch{background:color-mix(in srgb, var(--accent,#7666e8) 30%, #fff)}.piano-key:not(.piano-key-split):hover .piano-key-swatch.black,.piano-key-preview:hover .piano-key-swatch.black{background:color-mix(in srgb, var(--accent,#7666e8) 45%, #17151f)}.piano-gridline{background:color-mix(in srgb, var(--border) 30%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.piano-gridline.beat{background:color-mix(in srgb, var(--border) 65%, transparent)}.piano-gridline.bar{background:color-mix(in srgb, var(--border) 90%, transparent);width:1px}.piano-playhead{background:var(--transport-playhead);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.piano-insert-col{z-index:4;pointer-events:none;background:#b9afff2e;border-left:1px dashed #b9afff8c;position:absolute;top:0;bottom:0}.piano-marquee{z-index:6;pointer-events:none;background:#7666e82e;border:1px solid #7666e8;position:absolute}.clip-selection-marquee,.timeline-selection-marquee{border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent) inset;pointer-events:none}.clip-selection-marquee{z-index:20;position:absolute}.timeline-selection-marquee{z-index:190;position:fixed}.piano-note{z-index:2;background:var(--piano-note-color,#7666e8);border:1px solid color-mix(in srgb, var(--piano-note-color,#7666e8), white 45%);cursor:grab;border-radius:2px;position:absolute;overflow:hidden}.piano-note.pencil-passive{pointer-events:none;cursor:inherit}.piano-pencil-preview{z-index:5;background:color-mix(in srgb, var(--piano-note-color,#7666e8) 35%, transparent);border:1px dashed color-mix(in srgb, var(--piano-note-color,#7666e8), white 45%);pointer-events:none;border-radius:2px;position:absolute}.piano-note.velocity-adjust{cursor:ns-resize}.piano-note.selected{background:color-mix(in srgb, var(--piano-note-color,#7666e8), white 30%);outline:1px solid #fff}.piano-note-label{color:#ffffffe6;pointer-events:none;white-space:nowrap;font-size:9px;line-height:1;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.piano-note-handle{width:6px;position:absolute;top:0;bottom:0}.piano-note-handle.left{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15 4H8v16h7' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 4H8v16h7' fill='none' stroke='%23121b25' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 9 12,col-resize;left:0}.piano-note-handle.right{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 4h7v16H9' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 4h7v16H9' fill='none' stroke='%23121b25' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 15 12,col-resize;right:0}.piano-note.muted-note{opacity:.42;background-image:repeating-linear-gradient(-45deg,#0000 0 4px,#00000047 4px 7px)}.piano-note-ghost{z-index:1;border:1px dashed color-mix(in srgb, var(--piano-note-color,#7666e8) 55%, transparent);pointer-events:none;background:0 0}.velocity-lane{background:var(--surface-2);border-top:1px solid var(--border);position:relative}.piano-lanes-footer{z-index:4;background:var(--surface-2);position:sticky;bottom:0}.velocity-resize-handle{z-index:6;cursor:row-resize;height:6px;position:absolute;top:-3px;left:0;right:0}.velocity-lane-corner{z-index:5;background:var(--surface-2);border-right:1px solid var(--border);float:left;justify-content:center;align-items:center;height:100%;display:flex;position:sticky;top:0;left:0}.velocity-gridline{background:color-mix(in srgb, var(--border) 55%, transparent);pointer-events:none;height:1px;position:absolute;left:42px;right:0}.velocity-tip{z-index:7;pointer-events:none;white-space:nowrap;background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);font-family:var(--mono);color:var(--text-h);padding:.1rem .35rem;font-size:.65rem;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.velocity-note{cursor:ns-resize;width:10px;height:100%;position:absolute;bottom:0;left:0;transform:translate(-5px)}.velocity-note.pencil-passive{pointer-events:none;cursor:inherit}.velocity-paint-surface{z-index:6;cursor:inherit;position:absolute;top:0}.velocity-paint-col{z-index:5;pointer-events:none;background:color-mix(in srgb, var(--piano-note-color,#7666e8) 22%, transparent);border-left:1px solid color-mix(in srgb, var(--piano-note-color,#7666e8) 45%, transparent);position:absolute;top:0}.velocity-ramp-preview{z-index:7;pointer-events:none;position:absolute;top:0;overflow:visible}.velocity-ramp-preview line{stroke:color-mix(in srgb, var(--piano-note-color,#7666e8), white 45%);stroke-width:1.5px;stroke-dasharray:5 4}.velocity-stem{background:var(--piano-note-color,#7666e8);width:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.velocity-dot{background:var(--piano-note-color,#7666e8);border:1px solid color-mix(in srgb, var(--piano-note-color,#7666e8), white 45%);border-radius:50%;width:7px;height:7px;position:absolute;left:50%;transform:translate(-50%,50%)}.velocity-note:hover .velocity-dot{background:color-mix(in srgb, var(--piano-note-color,#7666e8), white 30%)}.piano-empty{color:var(--muted);margin:auto}.clip-editor{--clip-editor-gutter-width:228px;--clip-editor-gutter-label-w:2.465rem;--clip-editor-gutter-field-w:calc(var(--clip-editor-gutter-label-w) + 2px + 9ch);grid-template-columns:var(--clip-editor-gutter-width) minmax(0, 1fr);flex:auto;grid-template-rows:26px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.clip-editor-grid-slot{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/1}.clip-editor-loop-slot,.clip-editor-bounds-slot{grid-column:1;grid-template-columns:repeat(3, var(--clip-editor-gutter-field-w));border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box;justify-content:end;align-items:center;column-gap:4px;height:22px;min-height:22px;max-height:22px;padding:0 .35rem;font-size:.62rem;line-height:1;display:grid;overflow:hidden}.clip-editor-loop-slot{grid-row:2}.clip-editor-bounds-slot{grid-row:3}.clip-editor-title-slot{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-3);box-sizing:border-box;grid-area:4/1;height:22px;min-height:22px;max-height:22px;overflow:hidden}.clip-editor-loop-row-gutter,.clip-editor-bounds-row-gutter{display:contents}.clip-editor-loop-slot>.clip-editor-loop-lead,.clip-editor-loop-slot>.clip-editor-loop-field,.clip-editor-bounds-slot>.clip-editor-loop-field{justify-self:end;min-height:0;margin:0}.clip-editor-loop-lead{grid-column:1;grid-template-columns:var(--clip-editor-gutter-label-w) 9ch;width:var(--clip-editor-gutter-field-w);align-items:center;gap:2px;display:grid}.clip-editor-loop-lead .clip-editor-loop-toggle{grid-column:2;justify-self:end;transform:translate(-4px)}.clip-editor-bounds-start{transform:translate(17px)}.clip-editor-details-slot{border-right:1px solid var(--border);flex-direction:column;grid-area:2/1;min-height:0;display:flex;overflow:hidden}.clip-editor-timeline-slot{grid-area:1/2/3;min-width:0;min-height:0}.clip-editor-details-title{box-sizing:border-box;align-items:center;gap:.35rem;height:100%;padding:0 .35rem;font-size:.66rem;line-height:1;display:flex}.clip-editor-details-title .fx-power,.clip-editor-details-title .clip-editor-name,.clip-editor-details-title .clip-editor-pool-link{margin:0}.clip-container-header .fx-power{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:50%;flex:none;width:11px;min-width:0;height:11px;min-height:0;padding:0}.clip-editor-details-title .fx-power{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:50%;flex:none;align-self:center;place-items:center;width:18px;min-width:0;height:18px;min-height:0;margin:0;padding:0;line-height:0;display:inline-grid}.clip-container-header .fx-power svg{width:6px;height:6px}.clip-editor-details-title .fx-power svg{width:11px;height:11px}.clip-container-instance.inactive .clip-container-body{opacity:.45}.clip-editor-mode-pill{background:var(--surface-2);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;color:inherit;border-radius:999px;flex:none;padding:0 .3rem;font-size:.58rem}.clip-editor-mode-pill:hover{border-color:var(--primary);color:var(--primary)}.clip-editor-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;align-self:center;min-width:0;height:18px;line-height:18px;overflow:hidden}.clip-editor-pool-link{background:color-mix(in srgb, var(--primary) 14%, var(--surface-2));color:inherit;cursor:pointer;border:none;border-radius:999px;flex:none;align-items:center;gap:.15rem;padding:0 .25rem;font-size:.58rem;display:inline-flex}.clip-editor-pool-link:hover{filter:brightness(1.12)}.clip-editor-content{flex-direction:row;flex:auto;min-height:0;display:flex;overflow:hidden}.clip-editor-sidebar{flex:0 0 var(--clip-editor-gutter-width,278px);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.clip-editor-grid-panel{background:var(--surface);box-sizing:border-box;flex:none;grid-template-columns:minmax(0,1fr);justify-content:end;align-items:center;height:26px;min-height:26px;max-height:26px;padding:0 .35rem;font-size:.62rem;line-height:1;display:grid;overflow:hidden}.clip-editor-grid-timeline{grid-column:1;grid-template-columns:var(--clip-editor-gutter-label-w) 9ch;width:var(--clip-editor-gutter-field-w);justify-self:end;align-items:center;gap:2px;height:22px;max-height:22px;margin:0;display:grid;transform:translate(44px)}.clip-editor-grid-timeline>span{color:var(--muted);text-align:right;font-size:.58rem}.clip-editor-grid-panel-controls{flex-wrap:nowrap;grid-column:1;justify-content:flex-end;justify-self:stretch;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.clip-editor-inspector{--clip-inspector-control-h:24px;background:var(--surface);min-height:0;color:var(--text);flex:auto;overflow-y:auto}.clip-inspector-entity{border-bottom:1px solid var(--border-strong);background:var(--surface)}.clip-inspector-entity-title{box-sizing:border-box;background:var(--surface-3);width:100%;min-height:24px;color:var(--text-h);letter-spacing:.055em;text-align:left;border:0;border-radius:0;align-items:center;gap:.25rem;margin:0;padding:.25rem .45rem;font-size:.62rem;font-weight:700;display:flex}.clip-inspector-entity-body{padding:0 .38rem .4rem}.clip-inspector-container-entity.expanded{--clip-inspector-control-h:28px}.clip-inspector-container-entity .clip-inspector-entity-title,.clip-inspector-clip-entity .clip-inspector-entity-title{text-align:center;justify-content:center;min-height:30px;position:relative}.clip-inspector-container-entity.expanded .clip-inspector-entity-body{padding:0}.clip-inspector-container-entity.expanded .clip-inspector-section{border-top-color:var(--border-strong);padding:0 .38rem}.clip-inspector-container-entity.expanded .clip-inspector-row{min-height:32px}.clip-inspector-container-entity.expanded .clip-inspector-section h4{border-bottom:1px solid var(--border);align-items:center;min-height:24px;margin:0 -.38rem;padding:0 .46rem;display:flex}.clip-inspector-section{border-top:1px solid color-mix(in srgb, var(--border) 75%, transparent);padding:.42rem 0 .3rem}.clip-inspector-section:first-child{border-top:0}.clip-inspector-section h4{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;margin:0 0 .25rem;padding:0 .08rem;font-size:.58rem;font-weight:700}.clip-inspector-container-header{border-top:1px solid var(--border);background:var(--surface-2);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.28rem;min-height:32px;padding:.2rem .32rem;display:grid}.clip-inspector-container-header>input[type=text]{width:100%;min-width:0;height:24px;margin:0;padding:0 .38rem;font-size:.72rem;font-weight:700}.clip-inspector-color input[type=color]{border-radius:var(--r-sm);width:22px;min-width:22px;height:20px;margin:0;padding:1px}.clip-inspector-color-palette{border-top:1px solid var(--border-strong);background:var(--surface-2);grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;padding:4px;display:grid}.clip-inspector-color-palette button{aspect-ratio:1.18;border:1px solid color-mix(in srgb, var(--border-strong) 82%, #17151f);min-width:0;min-height:0;box-shadow:none;border-radius:2px;margin:0;padding:0}.clip-inspector-color-palette button.selected{outline:2px solid var(--text-h);outline-offset:-3px}.clip-inspector-clip-mark{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--r-sm);color:#fff;text-shadow:0 1px 1px #00000073;place-items:center;width:24px;height:24px;display:grid}.clip-inspector-clip-mark[data-mixed=true]{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--primary) 40%, var(--surface-3)) 0 4px, var(--surface-3) 4px 8px)}.clip-inspector-row{grid-template-columns:6.25rem minmax(0,1fr);align-items:center;gap:.4rem;min-height:28px;margin:0;font-size:.64rem;display:grid}.clip-inspector-row>span:first-child{min-width:0;color:var(--muted);text-align:left;line-height:1.15}.clip-inspector-row>input,.clip-inspector-input-shell>input{box-sizing:border-box;width:100%;min-width:0;height:var(--clip-inspector-control-h);border-color:var(--border-strong);background:var(--card);font-family:var(--mono);text-align:right;margin:0;padding:0 .4rem;font-size:.64rem}.clip-inspector-row>input:hover,.clip-inspector-input-shell>input:hover{border-color:var(--primary)}.clip-inspector-input-shell>input:not(:disabled){cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.clip-inspector-row>input:focus,.clip-inspector-input-shell>input:focus{background:var(--card);box-shadow:0 0 0 3px var(--focus)}.clip-inspector-row input[data-mixed=true]{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--primary) 8%, var(--card)) 0 4px, var(--card) 4px 8px)}.clip-inspector-row.static>span:last-child{min-width:0;color:var(--text);line-height:var(--clip-inspector-control-h);text-align:right;text-overflow:ellipsis;white-space:nowrap;padding:0 .4rem;overflow:hidden}.clip-inspector-row.toggle input{justify-self:end;width:auto}.clip-inspector-action-btn{box-sizing:border-box;width:100%;height:var(--clip-inspector-control-h);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);color:var(--text);cursor:pointer;margin:0;padding:0 .4rem;font-size:.64rem;font-weight:600}.clip-inspector-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.clip-inspector-action-btn:disabled{opacity:.5;cursor:not-allowed}.clip-inspector-wide-toggle-row .clip-inspector-wide-toggle{box-sizing:border-box;width:100%;height:var(--clip-inspector-control-h);min-height:var(--clip-inspector-control-h);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:linear-gradient(to bottom, color-mix(in srgb, var(--surface-3) 82%, white), var(--surface-3));color:var(--text-h);font-family:var(--mono);place-items:center;margin:0;padding:0;font-size:1rem;font-weight:700;line-height:1;display:grid}.clip-inspector-wide-toggle-row .clip-inspector-wide-toggle.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 72%, var(--surface-3));color:#fff}.clip-inspector-wide-toggle-row .clip-inspector-wide-toggle[data-mixed=true]{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--primary) 28%, var(--surface-3)) 0 5px, var(--surface-3) 5px 10px)}.clip-inspector-wide-toggle-row .clip-inspector-wide-toggle.active{letter-spacing:.02em;font-size:.66rem}.clip-inspector-number-wrap:has(input:disabled){opacity:.48}.clip-inspector-row>.dl-select-trigger{box-sizing:border-box;width:100%;max-width:100%;height:var(--clip-inspector-control-h);min-height:var(--clip-inspector-control-h);white-space:nowrap;justify-content:space-between;margin:0;padding:0 .4rem;font-size:.62rem;overflow:hidden}.clip-inspector-value-with-unit{align-items:center;gap:.25rem;min-width:0;display:flex}.clip-inspector-input-shell{flex:auto;min-width:0;display:block;position:relative}.clip-inspector-input-shell.has-unit>input{padding-right:2rem}.clip-inspector-input-shell small{z-index:1;color:var(--muted);font-family:var(--mono);pointer-events:none;font-size:.54rem;line-height:1;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.clip-inspector-relative{width:var(--clip-inspector-control-h);height:var(--clip-inspector-control-h);min-width:var(--clip-inspector-control-h);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-3);margin:0;padding:0;font-size:.62rem}.clip-inspector-relative.on{color:var(--primary);border-color:var(--primary)}.clip-inspector-relative-editor{color:var(--muted);font-family:var(--mono);border-left:2px solid color-mix(in srgb, var(--primary) 55%, var(--border));background:var(--surface-2);justify-content:space-between;align-items:center;gap:.3rem;margin:.1rem 0 .25rem 6.65rem;padding:.25rem;font-size:.55rem;display:flex}.clip-inspector-relative-editor label{align-items:center;gap:.2rem;display:flex}.clip-inspector-relative-editor input{text-align:right;width:4.4rem;height:22px;margin:0;padding:0 .2rem;font-size:.58rem}.clip-inspector-color{justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;display:flex}.clip-inspector-color .ghost{min-height:20px;margin:0;padding:0 .3rem;font-size:.55rem}.clip-inspector-histogram{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);align-items:flex-end;gap:2px;height:34px;margin:.4rem .45rem 0;padding:3px;display:flex}.clip-inspector-histogram i{background:color-mix(in srgb, var(--primary) 75%, var(--surface-3));border-radius:1px 1px 0 0;flex:1 1 0;min-height:2px}.clip-editor-grid-panel-controls .grid-settings-summary{display:none}.clip-editor-grid-timeline .clip-editor-grid-tc,.clip-editor-grid-timeline .tc-input{box-sizing:border-box;text-align:center;border-color:var(--border-strong);background:var(--card);width:9ch;min-width:9ch;max-width:9ch;height:18px;margin:0;padding:0 .15rem;font-size:.62rem;display:block}.clip-editor-grid-panel input[type=number]{text-align:right;width:3.2rem;margin:0;padding:.1rem .3rem;font-size:.66rem}.clip-editor-details{flex-direction:column;flex:auto;gap:.65rem;min-height:0;padding:0 .5rem .5rem;display:flex;overflow-y:auto}.clip-editor-details-section h4{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0 0 .35rem;font-size:.65rem}.clip-editor-field{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.68rem;display:flex}.clip-editor-field span:first-child{color:var(--muted)}.clip-editor-field input{margin-top:0;padding:.15rem .35rem;font-size:.68rem}.clip-editor-field input[type=number]{text-align:right;width:5.5rem}.clip-editor-field input[type=checkbox]{width:auto;padding:0}.clip-editor-field .dl-select-trigger{flex:none}.clip-editor-field.static{color:var(--muted)}.clip-editor-field .tc-input{text-align:right;border-color:var(--border-strong);background:var(--card);width:5.5rem}.clip-editor-field .tc-input:hover{border-color:var(--primary)}.clip-editor-field .tc-input:focus{background:var(--card);box-shadow:0 0 0 3px var(--focus)}.clip-editor-loop-toggle{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);width:18px;height:18px;min-height:0;color:var(--text-h);cursor:pointer;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:flex}.clip-editor-loop-lead .clip-editor-loop-toggle:active{transform:translate(-4px)}.clip-editor-loop-toggle:hover{border-color:#e85fd0}.clip-editor-loop-toggle.on{color:#fff;background:#e85fd0b3;border-color:#e85fd0}.clip-editor-loop-field{grid-template-columns:var(--clip-editor-gutter-label-w) 9ch;width:var(--clip-editor-gutter-field-w);min-width:0;font-size:inherit;align-items:center;gap:2px;margin:0;display:grid}.clip-editor-loop-field>span{min-width:0;color:var(--muted);text-align:right;flex:none;font-size:.58rem;line-height:1}.clip-editor-loop-field.inactive{opacity:.45;pointer-events:none}.clip-editor-loop-field .clip-editor-loop-tc,.clip-editor-loop-field .tc-input{box-sizing:border-box;text-align:center;border-color:var(--border-strong);background:var(--card);width:9ch;min-width:9ch;max-width:9ch;height:18px;margin:0;padding:0 .15rem;font-size:.62rem;display:block}.clip-editor-loop-field.inactive .tc-input{cursor:default}.clip-editor-pool-banner{color:var(--primary);margin:0 0 .35rem;font-size:.65rem}.clip-editor-details-actions{flex-direction:column;gap:.3rem;display:flex}.clip-editor-details-actions button{font-size:.65rem}.clip-editor-details-section .link.danger{margin-top:.4rem;font-size:.65rem}.clip-editor-grid-checks{gap:.5rem;display:flex}.clip-editor-grid-checks label{align-items:center;gap:.2rem;display:inline-flex}.clip-editor-grid-checks input[type=checkbox]{width:auto;margin:0}.clip-editor-timeline{--tl-inset:0px;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.clip-editor-focus-root.focused,.clip-editor-timeline.focused{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 55%, transparent)}.clip-editor-audio-row{flex:none;position:relative}.clip-editor-ghost-tail{z-index:1;pointer-events:none;opacity:.3;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--text-muted) 18%, transparent), color-mix(in srgb, var(--text-muted) 18%, transparent) 4px, transparent 4px, transparent 8px);position:absolute;top:0;bottom:0}.clip-editor-name-input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);min-width:0;color:inherit;font:inherit;flex:1;padding:0 .25rem}.clip-editor-timeline-body{flex:auto;align-items:stretch;min-width:0;min-height:0;display:flex}.clip-editor-timeline-main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.clip-editor-ruler-strip{background:var(--surface);flex-direction:column;flex:auto;align-items:stretch;min-height:0;display:flex}.clip-editor-timeline-scroll{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:auto hidden}.clip-editor-timeline-surface{box-sizing:border-box;flex-direction:column;flex:auto;height:100%;min-height:100%;display:flex}.clip-editor-timeline-surface>.ruler,.clip-editor-timeline-surface>.clip-editor-boundary-strip,.clip-editor-timeline-surface>.clip-editor-rows{box-sizing:border-box;flex:none;width:100%;min-width:100%}.clip-editor-timeline-surface>.clip-editor-rows.sequence{flex:auto;min-height:0}.clip-editor-piano-gutter{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex:none;width:42px;min-height:0;display:flex}.clip-editor-piano-gutter-head{background:var(--surface);border-bottom:1px solid var(--border);flex:none;height:80px}.clip-editor-piano-gutter-keys{flex:auto;min-height:0;overflow:hidden}.clip-editor-piano-gutter-keys .piano-key-column{pointer-events:auto}.clip-editor-piano-gutter-velocity{background:var(--surface-2);border-top:1px solid var(--border);flex:none}.clip-editor-piano-gutter-controller-label{box-sizing:border-box;z-index:1;pointer-events:auto;border-top:1px solid var(--border);color:var(--text-dim);font-family:var(--mono,monospace);white-space:nowrap;justify-content:center;align-items:flex-start;padding-top:3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:relative;overflow:hidden}.clip-editor :where(.clip-editor-timeline-scroll,.clip-editor-details,.clip-editor-inspector,.piano-scroll){scrollbar-width:none;-ms-overflow-style:none}.clip-editor :where(.clip-editor-timeline-scroll,.clip-editor-details,.clip-editor-inspector,.piano-scroll)::-webkit-scrollbar{display:none}.clip-editor-ruler{flex:auto;position:relative}.clip-editor-playhead-layer{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.clip-editor-playhead{background:var(--transport-playhead);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.clip-editor-time-selection{pointer-events:none;background:color-mix(in srgb, var(--accent,#a78bfa) 12%, transparent);border-left:1px solid color-mix(in srgb, var(--accent,#a78bfa) 50%, transparent);border-right:1px solid color-mix(in srgb, var(--accent,#a78bfa) 50%, transparent);z-index:5;position:absolute;top:0;bottom:0}.clip-editor-insert-layer{pointer-events:none;z-index:11;position:absolute;inset:0;overflow:hidden}.clip-editor-insert-point{pointer-events:none;border-left:2px dashed #b9afff;width:0;position:absolute;top:0;bottom:0}.clip-editor-insert-cap{pointer-events:none;border-top:6px solid #b9afff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:0;transform:translate(-5px)}.clip-editor-boundary-strip{flex-direction:column;display:flex;position:relative;overflow:visible}.clip-editor-loop-row,.clip-editor-marker-row{border-bottom:1px solid var(--border);background:var(--surface-2);box-sizing:border-box;height:22px;min-height:22px;max-height:22px;line-height:0;position:relative;overflow:hidden}.clip-editor-loop-brace{cursor:grab;z-index:2;appearance:none;font:inherit;background:#e85fd0b3;border:none;border-radius:0;margin:0;padding:0;position:absolute;top:0;bottom:0}.clip-editor-loop-brace:active{cursor:grabbing}.clip-editor-loop-brace:before,.clip-editor-loop-brace:after{content:"";background:#e85fd0f2;width:8px;position:absolute;top:0;bottom:0}.clip-editor-loop-brace:before{clip-path:polygon(0 0,100% 50%,0 100%);left:0}.clip-editor-loop-brace:after{clip-path:polygon(100% 0,0 50%,100% 100%);right:0}.clip-editor-loop-brace.inactive,.clip-editor-boundary-handle.loop-start.inactive,.clip-editor-boundary-handle.loop-end.inactive{opacity:.35;pointer-events:none;cursor:default}.clip-editor-loop-brace.inactive{background:color-mix(in srgb, var(--muted) 35%, transparent)}.clip-editor-loop-brace.inactive:before,.clip-editor-loop-brace.inactive:after{background:color-mix(in srgb, var(--muted) 55%, transparent)}.clip-editor-boundary-handle{cursor:ew-resize;z-index:3;background:0 0;border:none;width:16px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.clip-editor-boundary-handle.start:after,.clip-editor-boundary-handle.end:after{content:"";background:#ff9142;width:14px;position:absolute;top:1px;bottom:1px}.clip-editor-boundary-handle.start:after{clip-path:polygon(0 0,100% 50%,0 100%);left:50%}.clip-editor-boundary-handle.end:after{clip-path:polygon(100% 0,0 50%,100% 100%);left:calc(50% - 14px)}.clip-editor-boundary-handle.start:hover:after,.clip-editor-boundary-handle.end:hover:after{background:#ffb066}.clip-editor-boundary-handle.start.inactive,.clip-editor-boundary-handle.end.inactive{pointer-events:none;cursor:default}.clip-editor-boundary-handle.start.inactive:after,.clip-editor-boundary-handle.end.inactive:after{background:#ff91428c}.clip-editor-boundary-handle.end.locked:before{content:"";background:#e85fd0b3;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.clip-editor-boundary-handle.loop-start,.clip-editor-boundary-handle.loop-end{height:auto;top:0;bottom:0}.clip-editor-rows{flex-direction:column;flex:auto;gap:2px;min-height:0;padding:2px 0;display:flex;position:relative;overflow:auto}.clip-editor-audio-row{--tl-inset:0px;flex:none;position:relative}.clip-editor-audio-row .clip-edit-overlay{position:absolute;inset:14px 0 0}.clip-editor-overlay-layer{z-index:6;pointer-events:none;width:100%;position:absolute;inset:14px 0 0;overflow:visible}.clip-editor-overlay-layer .clip-edit-overlay{position:absolute;inset:0;overflow:visible}.clip-editor-overlay-layer .clip-edit-overlay:not(.pass-through){pointer-events:auto}.clip-edit-overlay.pass-through{pointer-events:none;overflow:visible}.clip-edit-marquee-hit-zone{cursor:var(--cursor-select,default)}.clip-editor-child-headers{pointer-events:none}.clip-editor-child-headers .clip-header-timebase,.clip-editor-child-headers .clip-header-gain{pointer-events:auto;z-index:8;position:relative}.clip-edit-hit-zone.edge.start{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15 4H8v16h7' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 4H8v16h7' fill='none' stroke='%23121b25' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 9 12,col-resize}.clip-edit-hit-zone.edge.end{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 4h7v16H9' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 4h7v16H9' fill='none' stroke='%23121b25' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 15 12,col-resize}.clip-edit-hit-zone.header{cursor:grab}.clip-edit-hit-zone.header:active{cursor:grabbing}.clip-edit-hit-zone.fade-in,.clip-edit-hit-zone.fade-out{cursor:ew-resize}.clip-edit-hit-zone.fade-create:after{content:"";opacity:0;pointer-events:none;border-style:solid;width:0;height:0;transition:opacity .12s;position:absolute;top:0}.clip-edit-hit-zone.fade-create.fade-in:after{border-width:0 0 6px 6px;border-color:transparent transparent color-mix(in srgb, var(--primary) 55%, transparent);left:0}.clip-edit-hit-zone.fade-create.fade-out:after{border-width:0 6px 6px 0;border-color:transparent color-mix(in srgb, var(--primary) 55%, transparent) transparent transparent;right:0}.clip-edit-hit-zone.fade-create:hover:after{opacity:1}.clip-editor-child-headers{height:14px;position:relative}.clip-editor-child-headers .clip-header{height:14px;font-size:.6rem;top:0}.clip-editor-empty-hint{color:var(--muted);margin:auto;font-size:.68rem}.clip-editor-timeline.time-select-active *{cursor:var(--ts-cursor,crosshair)!important}.clip-editor-midi-row{flex:none;position:relative}.clip-editor-midi-row.preview{height:22px}.clip-editor-midi-row.expanded{--clip-editor-midi-content-lift:4px;--clip-editor-midi-outline-extra-height:19px;flex-direction:column;flex:220px;min-height:220px;display:flex;overflow:hidden}.clip-editor-midi-row-outline-edge{top:calc(22px - var(--clip-editor-midi-content-lift) - var(--clip-editor-midi-outline-extra-height,0px));border:1px solid var(--border);border-radius:var(--r-sm);pointer-events:none;z-index:1;position:absolute;bottom:0;right:0}.clip-editor-rows.sequence{padding:0;overflow:visible hidden}.clip-editor-clip-frames{pointer-events:none;z-index:10;position:absolute;inset:0}.clip-editor-clip-frame{box-sizing:border-box;border:1px solid var(--clip-border,#5b54e059);border-radius:var(--r-sm);pointer-events:none;position:absolute;top:0;bottom:0}.clip-editor-clip-frame.selected{border-color:var(--clip-border-selected,var(--primary));outline:2px solid var(--clip-border-selected,var(--primary));outline-offset:-1px}.clip-editor-clip-frame.repeat{opacity:.45;border-style:dashed}.clip-header.repeat{opacity:.5}.clip-editor-pad-regions{pointer-events:none;z-index:1;position:absolute;inset:0}.clip-editor-pad{background:color-mix(in srgb, var(--muted) 8%, transparent);position:absolute;top:0;bottom:0}.clip-editor-pad.before{left:0}.clip-editor-repeat-scrim{background:color-mix(in srgb, var(--bg) 55%, transparent);pointer-events:none;z-index:7;position:absolute;top:0;bottom:0;right:0}.clip-editor-cycle-seam{pointer-events:none;z-index:9;background:#e85fd073;width:1px;position:absolute;top:0;bottom:0}.clip-editor-rows-scroll{flex:auto;min-height:0;position:relative;overflow:hidden}.clip-editor-rows-inner{min-height:100%;position:relative}.clip-editor-rows.sequence .clip-editor-child-headers{z-index:8;flex:none;position:relative}.clip-editor-rows.sequence .clip-editor-child-headers .clip-header{pointer-events:auto;background:color-mix(in srgb, var(--clip-bg,#5b54e00f) 55%, var(--surface-3,var(--surface-2)));border:none;border-radius:0}.clip-editor-rows.sequence .clip-editor-child-headers .clip-header:hover{background:color-mix(in srgb, var(--primary) 12%, var(--surface-3,var(--surface-2)))}.clip-editor-rows.sequence .clip-editor-child-headers .clip-header.selected{background:color-mix(in srgb, var(--primary) 18%, var(--surface-3,var(--surface-2)))}.clip-editor-rows.sequence .clip-editor-audio-row{z-index:1;flex-direction:column;width:100%;min-height:0;display:flex;position:absolute;inset:14px 0 0}.clip-editor-rows.sequence .clip-editor-audio-row .waveform{background:0 0;border:none;border-radius:0;flex:auto;align-self:stretch;width:100%;min-width:0;height:auto;min-height:0;overflow:visible}.clip-editor-rows.sequence .clip-editor-midi-row.fill{z-index:5;flex:none;min-height:0;position:absolute;top:14px;bottom:0}.clip-editor-rows.sequence .clip-editor-overlay-layer{z-index:9;position:absolute;inset:14px 0 0}.clip-editor-onsets-pending{z-index:12;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-2) 88%, transparent);color:var(--muted);pointer-events:none;border-radius:4px;padding:2px 6px;font-size:.62rem;position:absolute;top:18px;right:5px;box-shadow:0 1px 3px #0000003d}.clip-editor-onsets-layer{z-index:10;pointer-events:none;position:absolute;inset:14px 0 0}.warp-fit-backdrop{z-index:100;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.warp-fit-dialog{border:1px solid var(--border-strong);background:var(--card);width:min(360px,100vw - 32px);box-shadow:var(--shadow-pop);border-radius:9px;gap:10px;padding:16px;display:grid}.warp-fit-dialog h3,.warp-fit-dialog p{margin:0}.warp-fit-dialog label{justify-content:space-between;gap:12px;font-size:.78rem;display:flex}.warp-fit-dialog input{width:110px}.warp-fit-dialog>div:last-child{justify-content:flex-end;gap:8px;display:flex}.clip-editor-warp-layer{z-index:11;pointer-events:none;position:absolute;inset:14px 0 0}.clip-editor-warp-layer.has-selection,.clip-editor-warp-layer.marquee-enabled{z-index:11}.clip-editor-warp-anchor{z-index:2;pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M10 2h8v5l-4 4-4-4Z' fill='%23fff' stroke='%23121b25' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M6 17v7.2c0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8V15.5c0-.8.6-1.4 1.4-1.4s1.4.6 1.4 1.4v8.7h1.2V14.1c0-.8.6-1.4 1.4-1.4s1.4.6 1.4 1.4v10.1h1.2v-8.7c0-.8.6-1.4 1.4-1.4s1.4.6 1.4 1.4v8.7h.6c1 0 1.8-.8 1.8-1.8V17c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v2.4h-1.2V17c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v2.4h-1.2V17c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v2.4H9.6V17c0-.8-.6-1.4-1.4-1.4S6.8 16.2 6.8 17Z' fill='%23fff' stroke='%23121b25' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") 14 14,ew-resize;background:0 0;border:0;border-radius:0;width:18px;min-width:18px;margin-left:-9px;padding:0;position:absolute;top:40%;bottom:0}.clip-editor-warp-marquee-zone{z-index:1;pointer-events:auto;cursor:crosshair;background:color-mix(in srgb, var(--primary) 4%, transparent);position:absolute;top:15px;bottom:0}.clip-editor-warp-anchor>span{background:#d8edff;border:0;width:1px;height:auto;position:absolute;top:0;bottom:0;left:8px;transform:none;box-shadow:0 0 0 1px #5492bd94}.clip-editor-warp-anchor>span:before{content:none}.clip-editor-warp-anchor>span>svg{filter:drop-shadow(0 -1px 2px #041627b8);width:14px;height:18px;position:absolute;top:auto;bottom:0;left:-6px;overflow:visible;transform:scaleY(-1)}.clip-editor-warp-anchor>span>svg path{fill:#76a6cc;stroke:#d7edff;stroke-width:1px;stroke-linejoin:round}.clip-editor-warp-anchor:hover>span,.clip-editor-warp-anchor:focus-visible>span{background:#fff}.clip-editor-warp-anchor:hover>span>svg path,.clip-editor-warp-anchor:focus-visible>span>svg path{fill:#b7d8f2}.clip-editor-warp-anchor.locked>span{background:var(--muted)}.clip-editor-warp-anchor.locked>span>svg path{fill:var(--muted);stroke:var(--surface-1)}.clip-editor-warp-anchor.boundary{cursor:default;opacity:.62}.clip-editor-warp-anchor.proposed>span{background:repeating-linear-gradient(#d8edff 0 3px,#5492bd 3px 5px)}.clip-editor-warp-anchor.proposed>span>svg path{stroke-dasharray:2 1}.clip-editor-warp-anchor.selected>span{background:#fff;width:2px;left:8px;box-shadow:0 0 0 1px #4e99cd,0 0 7px #c9ebffe6}.clip-editor-warp-anchor.selected>span>svg path{fill:#c8e7ff;stroke:#fff}.clip-editor-warp-anchor:not(:hover):not(.selected)>span{opacity:.85}.clip-editor-warp-stretch-zone{z-index:3;pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5v16'/%3E%3Cpath d='M8 9l-4 4 4 4'/%3E%3Cpath d='M18 9l4 4-4 4'/%3E%3C/g%3E%3Cg fill='none' stroke='%23121b25' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5v16'/%3E%3Cpath d='M8 9l-4 4 4 4'/%3E%3Cpath d='M18 9l4 4-4 4'/%3E%3C/g%3E%3C/svg%3E") 13 13,ew-resize;width:12px;position:absolute;top:40%;bottom:0}.clip-editor-warp-stretch-zone.start,.clip-editor-warp-stretch-zone.end{margin-left:-6px}.clip-editor-onset-warp-create-zone{z-index:1;width:14px;min-width:14px;color:inherit;pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M7 21h8v-7l-4-4-4 4Z' fill='%23fff' stroke='%23121b25' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M18 4v8M14 8h8' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M18 4v8M14 8h8' stroke='%23121b25' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") 11 20,cell;background:0 0;border:0;margin-left:-7px;padding:0;position:absolute;top:40%;bottom:0}.clip-editor-warp-original-position{z-index:1;pointer-events:none;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.clip-editor-warp-original-position>span{background:#b7d7ee;width:1px;position:absolute;top:0;bottom:0;left:5px;box-shadow:0 0 0 1px #29567694}.clip-editor-warp-original-position>span>svg{filter:drop-shadow(0 1px 2px #02101ecc);width:14px;height:18px;position:absolute;top:0;left:-6px;overflow:visible}.clip-editor-warp-original-position>span>svg path{fill:#5f88ad;stroke:#b7d7ee;stroke-width:1px;stroke-linejoin:round}.clip-editor-warp-header-bar{z-index:5;pointer-events:none;background:#1b324533;border:0;border-radius:0;min-width:1px;height:14px;position:absolute;top:-14px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #142a3c33}.clip-editor-warp-header-original{z-index:6;pointer-events:none;background:#23445eb8;width:2px;height:14px;margin-left:-1px;position:absolute;top:-14px}.clip-editor-warp-header-remove{z-index:6;color:#fff;cursor:pointer;pointer-events:auto;background:#16202a;border:1px solid #ecf5ff;border-radius:50%;width:14px;min-width:14px;height:14px;margin-left:-7px;padding:0;font:500 14px/12px system-ui,sans-serif;position:absolute;top:-14px;box-shadow:0 1px 3px #000c}.clip-editor-warp-header-remove:hover,.clip-editor-warp-header-remove:focus-visible{color:#17202a;background:#fff;border-color:#fff}.clip-editor-warp-band{background:color-mix(in srgb, var(--primary) 10%, transparent);border-right:1px solid color-mix(in srgb, var(--primary) 36%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.clip-editor-warp-slice-seam{pointer-events:none;border-left:1px solid color-mix(in srgb, var(--primary) 55%, transparent);position:absolute;top:0;bottom:0}.clip-editor-warp-slice-gap{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--danger,#e05252) 22%, transparent) 0 3px, transparent 3px 7px)}.clip-editor-warp-slice-overlap{background:color-mix(in srgb, var(--primary) 24%, transparent)}.clip-editor-warp-slice-aligned{border-left-style:dashed}.clip-editor-warp-wsola-window{background:color-mix(in srgb, var(--primary) 8%, transparent);border-right:1px dotted color-mix(in srgb, var(--primary) 45%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.clip-editor-warp-granular-window{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--primary) 14%, transparent) 0 2px, transparent 2px 6px);border-right:1px dotted color-mix(in srgb, var(--primary) 40%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.clip-editor-warp-pv-window{background:color-mix(in srgb, var(--primary) 6%, transparent);border-right:1px dashed color-mix(in srgb, var(--primary) 40%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.clip-editor-warp-adaptive-window{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--primary) 18%, transparent) 0 4px, transparent 4px 8px);border-right:1px solid color-mix(in srgb, var(--primary) 30%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.clip-editor-warp-source-strip{z-index:0;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--primary) 65%, transparent) 0 2px, transparent 2px 5px);pointer-events:none;height:3px;position:absolute;bottom:1px}.clip-editor-onsets-hit-surface{pointer-events:none;background:color-mix(in srgb, var(--primary) 3%, transparent);position:absolute;inset-block:0}.clip-editor-onset-marker{pointer-events:auto;cursor:ew-resize;background:0 0;border:0;border-radius:0;width:9px;min-width:9px;margin-left:-4px;padding:0;position:absolute;top:0;bottom:0}.clip-editor-onset-marker>span{background:#39a9ff;width:1px;position:absolute;top:0;bottom:0;left:4px;box-shadow:0 0 0 1px #39a9ff40}.clip-editor-onset-marker:not(.edited)>span{box-shadow:none;background:0 0;border-left:1px dashed #39a9ff}.clip-editor-onset-marker:not(.edited).filtered>span{border-left-color:var(--muted)}.clip-editor-onset-audition-zone{pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 6h4l5-5v18l-5-5H4z' fill='%23fff' stroke='%23222' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M14 5a7 7 0 0 1 0 10' fill='none' stroke='%23222' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 7 10,pointer;z-index:1;height:14px;position:absolute;top:0;left:0;right:0}.clip-editor-onset-marker>span:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#39a9ff;width:7px;height:5px;position:absolute;top:0;left:-3px}.clip-editor-onset-marker.filtered>span{background:var(--muted);box-shadow:none}.clip-editor-onset-marker.filtered>span:before{background:var(--muted)}.clip-editor-onset-marker.locked>span{border-left:1px dashed #ffffffb3}.clip-editor-onset-marker.manual>span:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.clip-editor-onset-marker.selected>span{width:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 60%, transparent);background:#fff;left:3px}.clip-editor-onset-marker.selected>span:before{background:#fff;left:-2px}.clip-editor-rows.sequence .clip-editor-midi-preview{border:none;border-radius:0}.clip-editor-rows.sequence .clip-editor-midi-preview.selected{box-shadow:none}.clip-editor-rows.sequence .clip-editor-midi-row.fill{--clip-editor-midi-content-lift:0;--clip-editor-midi-outline-extra-height:0}.clip-editor-rows.sequence .clip-editor-midi-row.fill .clip-editor-midi-row-outline-edge{top:0}.clip-editor-midi-row.expanded .piano-roll{margin-top:calc(-1 * var(--clip-editor-midi-content-lift,0px));padding:.2rem .2rem 0 0}.clip-editor-midi-row.expanded .piano-scroll{border-left:0;border-right:0;flex-direction:column;display:flex}.clip-editor-midi-row.expanded .piano-content{flex-direction:column;flex:1 0 auto;min-height:100%;display:flex}.clip-editor-midi-row.expanded .velocity-lane{flex:none;margin-top:auto}.clip-editor-midi-row-header{box-sizing:border-box;height:22px;min-height:22px;max-height:22px;color:var(--muted);background:var(--surface-2);flex:none;justify-content:space-between;align-items:center;padding:0 .4rem;font-size:.62rem;display:flex}.clip-editor-midi-collapse{cursor:pointer;color:inherit;opacity:.75;background:0 0;border:0}.clip-editor-midi-collapse:hover{opacity:1}.clip-editor-midi-preview{appearance:none;border:1px solid var(--clip-border,#5b54e059);border-radius:var(--r-sm);background:var(--clip-bg,#5b54e00f);cursor:pointer;height:100%;padding:0;position:absolute;top:0;overflow:hidden}.clip-editor-midi-preview:hover{background:color-mix(in srgb, var(--primary) 8%, var(--clip-bg,#5b54e00f))}.clip-editor-midi-preview.selected{border-color:var(--clip-border-selected,var(--primary));box-shadow:inset 0 0 0 1px var(--clip-border-selected,var(--primary))}.clip-editor-midi-preview i{background:var(--wave-played,#5b54e0);border-radius:2px;min-width:2px;height:3px;position:absolute}.clip-editor-midi-expand-hint{opacity:.6;position:absolute;top:2px;right:2px}.fx-strip{border-left:1px solid var(--border-strong);flex-direction:column;flex:none;align-self:stretch;padding-left:.55rem;display:flex}.fx-strip .mixer-strip,.fx-strip .mixer-strip .vchannel{flex:auto;min-height:0}.mixer-panel{flex-direction:row;gap:.5rem;height:100%;min-height:0;padding:.4rem .5rem .5rem;display:flex}.mixer-strips{flex:1;align-items:stretch;gap:.3rem;min-width:0;display:flex;position:relative;overflow:auto hidden}.mixer-strips.dragging{cursor:grabbing}.mixer-strip{border:2px solid var(--border);cursor:pointer;background:var(--surface);border-radius:8px;flex-direction:column;flex:none;align-items:center;min-height:0;padding:.35rem .2rem;display:flex}.mixer-strip:hover{background:var(--surface-2);border-color:var(--border-strong)}.mixer-strip.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.mixer-strip.dragging{z-index:30;opacity:.92;box-shadow:0 8px 24px #0000004d}.mixer-strip.reorderable .vchannel-head{cursor:grab}.mixer-strip.reorderable.dragging .vchannel-head{cursor:grabbing}.mixer-strip .vchannel{flex:auto;grid-template-columns:13px 36px 13px;column-gap:3px;min-height:0}.mixer-strip .vchannel-head{grid-column:1/-1}.mixer-strip .pan-bar{grid-column:1/-1;width:auto;margin:0 3px}.mixer-strip .vmeter-scale{width:13px}.mixer-strip .vmeter-tick{font-size:.46rem}.mixer-strip .th-fader{border:2px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 70%, #fff) 0%, var(--surface-2) 100%);border-radius:6px;width:36px;box-shadow:inset 0 2px 4px #0000001a}.mixer-strip .th-fader-handle{left:-2px;right:-2px}.mixer-strip .vol-db{white-space:nowrap;background:0 0;border-color:#0000;width:36px;padding:0 2px;font-size:.6rem}.mixer-strip .vstrip-peak{font-size:.5rem}.mixer-strip .vchannel-head .track-label{letter-spacing:.06em;max-width:62px;font-size:.68rem;font-weight:800}.mixer-drop-line{background:var(--primary);pointer-events:none;z-index:25;border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;transform:translate(-1px)}.mixer-strip.bus{position:relative}.mixer-strip.bus.group{background:color-mix(in srgb, #38bdf8 10%, var(--surface));border-color:color-mix(in srgb, #38bdf8 55%, var(--border))}.mixer-strip.bus.aux{background:color-mix(in srgb, #a78bfa 10%, var(--surface));border-color:color-mix(in srgb, #a78bfa 60%, var(--border))}.mixer-strip.bus.group.selected{background:color-mix(in srgb, #38bdf8 15%, var(--surface));border-color:#38bdf8}.mixer-strip.bus.aux.selected{background:color-mix(in srgb, #a78bfa 15%, var(--surface));border-color:#a78bfa}.mixer-strip.drum-rack-container{position:relative}.mixer-strip.drum-rack-container.expanded{flex-direction:row;align-items:stretch;gap:0;padding:.35rem .2rem}.mixer-strip.drum-rack-container.expanded>.vchannel,.mixer-strip.drum-rack-container.expanded>.child-pad-strip{flex:none}.mixer-container-toggle{cursor:pointer;width:1rem;height:1rem;color:var(--muted);background:0 0;border:none;border-radius:3px;flex:none;justify-content:center;align-items:center;margin-top:-3px;padding:0;font-size:.55rem;transition:color .15s,background .15s;display:inline-flex}.mixer-container-toggle:hover{color:var(--text);background:var(--surface-2)}.child-pad-strip{cursor:pointer;border:none;flex-direction:column;flex:none;align-items:center;min-height:0;padding:0 .2rem;display:flex}.child-pad-strip:hover{background:var(--surface-2)}.child-pad-strip.selected{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.child-pad-strip .vchannel-head .track-label{max-width:50px;font-size:.58rem}.mixer-strip-sep{background:var(--border-strong);border-radius:2px;flex:none;align-self:stretch;width:2px;margin:4px 3px}.out-select{border:2px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);cursor:pointer;border-radius:5px;margin:0;padding:2px 3px;font-size:.55rem}.out-select:hover{border-color:var(--primary)}.send-btn{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--muted);cursor:pointer;border-radius:5px;padding:2px 3px;font-size:.55rem}.send-btn:hover{color:var(--text);border-color:#a78bfa}.send-btn.on{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa}.send-pop-backdrop{z-index:210;position:fixed;inset:0}.send-pop{z-index:211;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:5px;min-width:180px;max-width:240px;padding:.45rem .5rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.send-pop-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:3px;font-size:.6rem;font-weight:600}.send-row{flex-direction:column;gap:3px;display:flex}.send-name{color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:1px 2px;font-size:.72rem;display:flex}.send-name:hover{background:var(--surface-2)}.send-name input[type=checkbox]{accent-color:#a78bfa;flex:none;width:12px;height:12px;margin:0}.send-ctl{align-items:center;gap:6px;padding-left:20px;display:flex}.send-ctl input[type=range]{accent-color:#a78bfa;flex:auto;min-width:0;height:12px;margin:0}.send-db{text-align:right;min-width:46px;font-family:var(--mono);color:#a78bfa;cursor:default;-webkit-user-select:none;user-select:none;flex:none;font-size:.58rem}.send-meter{background:var(--surface-2);border-radius:2px;height:7px;margin-left:20px;overflow:hidden}.send-meter .send-meter-bar{--surface-2:transparent;width:100%;height:100%;display:block}.send-tap{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:3px;flex:none;padding:1px 3px;font-size:.56rem}.send-tap:hover{color:var(--text);border-color:#a78bfa}.send-tap:disabled{opacity:.4;cursor:default}.send-elsewhere{color:var(--muted);font-size:.56rem;font-family:var(--mono);margin-left:auto}.mixer-panel-right{border-left:2px solid var(--border-strong);flex:none;align-self:stretch;align-items:stretch;padding-left:.4rem;display:flex}.mixer-bus-lane{flex:none;align-items:stretch;gap:.3rem;display:flex}.mixer-panel-main{flex:none;align-self:stretch;padding:.35rem .2rem;display:flex}.mixer-panel-main .vchannel{border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--surface));border-radius:8px;padding:.35rem .2rem}.mixer-row-labels{border-right:2px solid var(--border);flex:none;row-gap:4px;min-height:0;padding:calc(.35rem + 2px) 6px calc(.35rem + 2px) 2px;display:grid}.mrl-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;place-self:center end;font-size:.57rem;font-weight:700}.mrl-send{color:#a78bfa}.mrl-menu-btn{border:2px solid var(--border);background:var(--surface);width:20px;height:18px;color:var(--muted);cursor:pointer;border-radius:5px;place-self:center end;place-items:center;padding:0;display:inline-grid}.mrl-menu-btn:hover{color:var(--primary);border-color:var(--primary)}.mrl-menu .eq-menu-item,.mrl-menu.eq-menu>button{align-items:center;gap:5px;display:flex}.mrl-menu-check{flex:none;place-items:center;width:12px;height:12px;display:inline-grid}.routing-view{background:var(--card);width:100%;height:100%;position:relative;overflow:auto}.routing-toolbar{z-index:5;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:5px 10px;display:flex;position:sticky;top:0;left:0}.routing-legend{color:var(--muted);align-items:center;gap:6px;font-size:.62rem;display:flex}.routing-legend .lg-out,.routing-legend .lg-send,.routing-legend .lg-key{border-top:2px solid var(--muted);width:16px;height:0;margin:0 2px 0 8px;display:inline-block}.routing-legend .lg-send{border-top-style:dashed;border-top-color:var(--rv-send)}.routing-legend .lg-key{border-top-style:dotted;border-top-color:var(--rv-key)}.routing-actions{gap:6px;display:flex}.routing-actions button{border:1px dashed var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;padding:3px 8px;font-size:.66rem}.routing-actions button:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-2);border-style:dashed}.routing-actions button.routing-reset-layout,.routing-actions button.routing-zoom-readout,.routing-actions button.routing-full,.routing-actions button.routing-reset-layout:hover,.routing-actions button.routing-zoom-readout:hover,.routing-actions button.routing-full:hover{border-style:solid}.routing-canvas{position:relative}.routing-canvas-zoomed{transform-origin:0 0;position:relative}.routing-zoom-readout{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;text-align:center;min-width:40px;padding:3px 8px;font-size:.66rem}.routing-zoom-readout:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-2)}.routing-latency-toggle{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;gap:4px;padding:3px 8px;font-size:.66rem;display:inline-flex}.routing-latency-toggle:hover,.routing-latency-toggle.on{color:var(--primary);border-color:var(--primary);background:var(--surface-2)}.rn-latency{white-space:nowrap;pointer-events:none;z-index:3;gap:6px;font-size:.58rem;line-height:1;display:flex;position:absolute;bottom:calc(100% + 2px);left:0}.rn-latency>span{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);padding:1px 4px}.rn-lat-chain{color:var(--muted)}.rn-lat-comp{color:var(--primary)}.rn-lat-residual{color:var(--danger,#d9534f);border-color:currentColor!important}.routing-lane-label{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:.6rem;font-weight:600;position:absolute}.routing-edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.rv-edge{fill:none;stroke:var(--muted);stroke-width:1.6px;opacity:.7}.rv-edge.send{stroke:var(--rv-send);stroke-dasharray:4 3}.rv-edge.key{stroke:var(--rv-key);stroke-dasharray:1.5 3;stroke-linecap:round}.rv-edge.input-midi,.rv-edge.input-audio{stroke:var(--rv-input,#38bdf8);stroke-dasharray:5 3;opacity:.9}.rv-edge.input-midi{stroke:var(--rv-midi-input,#a78bfa)}.rv-edge.input-audio{stroke:var(--rv-audio-input,#4ade80)}.rv-edge.rack-midi{stroke:var(--rv-midi-input,#a78bfa);stroke-dasharray:3 3;opacity:.8}.rv-edge.rack-audio,.rv-edge.rack-audio-return{stroke:var(--rv-audio-input,#4ade80);stroke-dasharray:2 2;opacity:.8}.rv-edge.rack-audio{stroke:var(--rv-audio-input,#4ade80);stroke-dasharray:2 2;opacity:.75}.rv-edge.active-input{stroke-width:2.8px;filter:drop-shadow(0 0 3px);opacity:1}.rv-edge.dragging{stroke:var(--primary);stroke-width:2px;opacity:.9;stroke-dasharray:5 3}.rv-edge.send.dragging{stroke:var(--rv-send)}.rv-edge.key.dragging{stroke:var(--rv-key)}.rv-edge.input-midi.dragging{stroke:var(--rv-input,#38bdf8)}.rv-edge.input-audio.dragging{stroke:var(--rv-audio-input,#4ade80)}.rv-edge.selected{stroke:var(--primary);stroke-width:2.6px;opacity:1}.rv-edge.tap-highlight{opacity:1;stroke-width:3px;filter:drop-shadow(0 0 3px var(--primary))}.rv-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.rv-endpoint{fill:var(--primary);stroke:var(--card);stroke-width:2px;pointer-events:all;cursor:grab}.rv-marquee{fill:color-mix(in srgb, var(--primary) 12%, transparent);stroke:var(--primary);stroke-width:1px;stroke-dasharray:4 3}.routing-selinfo{color:var(--primary)}.routing-full{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;padding:3px 6px;display:inline-flex}.routing-full:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-2)}.rv-send-level{height:15px;font-size:.56rem;font-family:var(--mono);color:var(--rv-send);background:var(--card);border:1px solid var(--rv-send);cursor:ns-resize;pointer-events:all;-webkit-user-select:none;user-select:none;z-index:3;border-radius:8px;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.rv-ctx-menu{z-index:200;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;gap:1px;min-width:11rem;padding:.2rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.rv-ctx-item{text-align:left;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;position:relative}.rv-ctx-item:hover,.rv-ctx-item.has-sub:hover{background:var(--surface-2)}.rv-ctx-item:disabled,.rv-ctx-item.disabled{color:var(--muted);cursor:not-allowed}.rv-ctx-item:disabled:hover,.rv-ctx-item.disabled:hover{background:0 0}.rv-ctx-item.has-sub{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rv-ctx-sub{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;gap:1px;min-width:8rem;margin-left:2px;padding:.2rem;display:flex;position:absolute;top:-.2rem;left:100%;box-shadow:0 8px 24px #00000047}.routing-view.full{z-index:500;background:var(--card);position:fixed;inset:0;box-shadow:0 0 0 100vmax #0006}.routing-node{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;box-shadow:0 10px 24px #0000008c}.routing-node:active{cursor:grabbing}.routing-node:hover{border-color:var(--k)}.routing-node.selected{border-color:var(--k);box-shadow:0 0 0 1px var(--k), 0 10px 24px #0000008c}.routing-node.group-selected{outline:2px solid var(--primary);outline-offset:3px}.routing-node.droppable{outline:1px dashed var(--k);outline-offset:2px}.routing-node.drop-hover{background:color-mix(in srgb, var(--k) 16%, var(--card))}.routing-child-node{box-shadow:inset 4px 0 0 color-mix(in srgb, var(--k) 75%, transparent), 0 10px 24px #0000008c}.routing-compound-open{box-shadow:0 0 0 2px color-mix(in srgb, var(--k) 28%, transparent), 0 10px 24px #0000008c;border-style:solid}.routing-compound-children{z-index:8;pointer-events:none;position:absolute;inset:0}.routing-compound-children>.routing-node{pointer-events:auto}.rn-compound-audio-return-dot{pointer-events:none}.rn-compound-audio-return-dot circle:first-child{fill:#0000}.rn-compound-audio-return-dot circle:last-child{fill:var(--card);stroke:var(--rv-audio-input,#4ade80);stroke-width:1px;transform-box:fill-box;transform-origin:50%;transform:scale(.55)}.routing-input-node{background-color:var(--card);border-color:color-mix(in srgb, var(--k) 70%, var(--border-strong));flex-direction:column;gap:6px;padding:10px;display:flex}.routing-rack-hub{border:2px solid var(--k);background:var(--card);cursor:grab;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;padding:9px 16px;display:flex;position:absolute;box-shadow:3px 4px #312d292e}.routing-rack-hub:active{cursor:grabbing}.routing-rack-hub strong{color:var(--k);font-size:.7rem}.routing-rack-hub small{color:var(--muted);font-size:.55rem}.routing-rack-hub-port{border:2px solid var(--k);background:var(--card);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.routing-rack-hub-port.in{left:-7px}.routing-rack-hub-port.out{right:-7px}.routing-input-head{color:var(--text);align-items:center;gap:6px;min-width:0;font-size:.75rem;font-weight:700;display:flex}.routing-input-head span{text-overflow:clip;white-space:normal;max-height:2.2em;line-height:1.1;overflow:hidden}.routing-input-kind{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;position:absolute;bottom:8px;left:10px}.routing-input-port{color:var(--k);cursor:grab;align-items:center;gap:5px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.routing-input-port.midi{color:var(--rv-midi-input,#a78bfa)}.routing-input-port.audio{color:var(--rv-audio-input,#4ade80)}.routing-input-port:active{cursor:grabbing}.routing-port-dot{background:var(--card);transform-origin:50%;border:1px solid;border-radius:50%;width:18px;height:18px;transform:scale(.55)}.routing-input-meter{background:linear-gradient(to right, var(--rv-audio-input,#4ade80) calc(var(--level,0) * 100%), var(--border-strong) 0);border-radius:2px;width:30px;height:4px}.rn-input-port-hit{fill:#0000;pointer-events:all;cursor:crosshair}.rn-input-port-circle{fill:var(--card);stroke-width:1px;transform-box:fill-box;transform-origin:50%;transition:transform .12s,fill .12s;transform:scale(.55)}.rn-input-dot-midi .rn-input-port-circle{stroke:var(--rv-midi-input,#a78bfa)}.rn-input-dot-audio .rn-input-port-circle{stroke:var(--rv-audio-input,#4ade80)}.rn-input-port-hit:hover+.rn-input-port-circle{transform:scale(1)}.rn-input-dot-midi:hover .rn-input-port-circle{fill:color-mix(in srgb, var(--rv-midi-input,#a78bfa) 24%, var(--card))}.rn-input-dot-audio:hover .rn-input-port-circle{fill:color-mix(in srgb, var(--rv-audio-input,#4ade80) 24%, var(--card))}.rn-tap-legacy-input .rn-tap,.rn-tap-legacy-input .rn-tap-arrow{display:none}.rn-drum-rack-flow{pointer-events:none;position:absolute;inset:0}.rn-drum-rack-flow:before{content:"";border-left:1px dotted color-mix(in srgb, var(--fx-accent) 65%, transparent);position:absolute;top:12px;bottom:16px;left:50%}.rn-drum-rack-flow-midi,.rn-drum-rack-flow-audio{background:var(--card);border:1px solid;border-radius:50%;width:9px;height:9px;position:absolute;left:50%;transform:translate(-50%)scale(.75)}.rn-drum-rack-flow-midi{color:var(--rv-midi-input,#a78bfa);top:4px}.rn-drum-rack-flow-audio{color:var(--rv-audio-input,#4ade80);bottom:13px}.rn-drum-rack-flow-midi-label,.rn-drum-rack-flow-audio-label{z-index:5;color:currentColor;font:500 .43rem/1 var(--mono);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;pointer-events:none;position:absolute;left:calc(100% + 4px)}.rn-drum-rack-flow-midi-label{color:var(--rv-midi-input,#a78bfa);top:4px}.rn-drum-rack-flow-audio-label{color:var(--rv-audio-input,#4ade80);bottom:13px}.rv-input-label{z-index:3;border:1px solid var(--rv-input,#38bdf8);background:var(--card);color:var(--rv-input,#38bdf8);font-size:.52rem;font-family:var(--mono);pointer-events:none;white-space:nowrap;border-radius:7px;padding:1px 4px;position:absolute;transform:translate(-50%,-50%)}.rv-input-channel-select-wrap{border-color:var(--rv-midi-input,#a78bfa);width:40px;height:15px;color:var(--rv-midi-input,#a78bfa);pointer-events:auto;padding:0 2px;display:flex}.rv-input-channel-select{width:100%;min-width:0;height:13px;color:inherit;font-size:.56rem;font-family:var(--mono);pointer-events:auto;background:0 0;border:0;border-radius:3px;flex:auto;justify-content:center;align-items:center;gap:1px;padding:0;font-weight:400;display:inline-flex}.rv-input-channel-select .dl-select-value{text-overflow:ellipsis;max-width:29px;overflow:hidden}.rv-input-channel-select:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--rv-midi-input,#a78bfa) 35%, transparent)}.rv-midi-internal-label{z-index:3;border:1px solid var(--rv-midi-input,#a78bfa);background:var(--card);color:var(--rv-midi-input,#a78bfa);font-size:.52rem;font-family:var(--mono);pointer-events:none;white-space:nowrap;border-radius:8px;padding:1px 4px;position:absolute;transform:translate(-50%,-50%)}.rn-sidebar{background:var(--k);cursor:pointer;border-radius:calc(var(--r-sm) - 1px) 0 0 calc(var(--r-sm) - 1px);justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.rn-sidebar-label{writing-mode:vertical-rl;text-orientation:mixed;color:var(--card);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-height:100%;padding:6px 4px;font-size:.68rem;font-weight:700;overflow:hidden}.rn-sidebar .rn-rename{z-index:5;border:1px solid var(--k);background:var(--surface);width:110px;color:var(--text);border-radius:3px;padding:2px 4px;font-size:.72rem;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.rn-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:3px;place-items:center;padding:0;font-size:.58rem;display:grid}.rn-chip.on{border-color:var(--rv-mute);color:var(--rv-mute);background:color-mix(in srgb, var(--rv-mute) 14%, transparent)}.rn-chip.solo{border-color:var(--rv-solo);color:var(--rv-solo);background:color-mix(in srgb, var(--rv-solo) 14%, transparent)}.rn-sm-stack{flex-direction:column;gap:3px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.rn-trace-line{background:var(--border-strong);opacity:.5;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.rn-fx-slot{position:absolute;top:0;bottom:0}.rn-fx-strip{border:1px solid var(--border);box-shadow:none;background:var(--surface-2);border-radius:0;flex-direction:column;align-items:center;gap:6px;padding:8px 0;transition:transform .15s ease-out;display:flex;position:absolute;inset:0;transform:translate(0)}.rn-fx-strip:hover{background:color-mix(in srgb, var(--fx-accent,var(--muted)) 18%, var(--surface-2))}.rn-fx-power{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;width:9px;height:9px;padding:0}.rn-fx-strip.on .rn-fx-power{background:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary))}.rn-fx-name{width:100%;min-height:0;font:inherit;writing-mode:vertical-rl;text-orientation:mixed;color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;flex:auto;justify-content:center;align-items:center;max-height:100%;padding:0;font-size:.58rem;font-weight:600;display:flex;overflow:hidden}.rn-fx-key{background:var(--card);cursor:pointer;z-index:2;opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:15px;height:15px;padding:0;transition:opacity .1s;display:grid;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.rn-fx-slot:hover .rn-fx-key,.rn-fx-key.wired{opacity:1;pointer-events:auto}.rn-fx-key-sidechain{border:1.5px solid var(--rv-sidechain);color:var(--rv-sidechain)}.rn-fx-key-sidechain:hover{background:color-mix(in srgb, var(--rv-sidechain) 16%, var(--card))}.rn-fx-key-sidechain.wired{background:var(--rv-sidechain);color:var(--card)}.rn-fx-key-sidechain.drop-hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--rv-sidechain) 35%, transparent)}.rn-fx-key-key{border:1.5px solid var(--rv-key);color:var(--rv-key)}.rn-fx-key-key:hover{background:color-mix(in srgb, var(--rv-key) 16%, var(--card))}.rn-fx-key-key.wired{background:var(--rv-key);color:var(--card)}.rn-fx-key-key.drop-hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--rv-key) 35%, transparent)}.rn-fx-add{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.rn-fx-add .fx-add-slot-btn{width:18px;height:18px}.rn-fx-insert-zone{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.rn-fx-insert-zone .fx-add-slot-btn{opacity:0;pointer-events:none;width:18px;height:18px;transition:opacity .15s,transform .15s,pointer-events .15s;transform:scale(.4)}.rn-fx-insert-zone:hover .fx-add-slot-btn{opacity:1;pointer-events:auto;transition-delay:.35s;transform:scale(1)}.rn-fx-insert-zone:has(.fx-add-slot-btn.open) .fx-add-slot-btn{opacity:1;pointer-events:auto;transition-delay:0s;transform:scale(1)}.rn-fx-slot:has(+.rn-fx-insert-zone:hover) .rn-fx-strip{transition-delay:.35s;transform:translate(-4px)}.rn-fx-insert-zone:hover+.rn-fx-slot .rn-fx-strip{transition-delay:.35s;transform:translate(4px)}.rn-stage-meter-slot{background:var(--surface-2);pointer-events:none;border-radius:2px;position:absolute;overflow:hidden}.rn-stage-meter{width:100%;height:100%;display:block;position:absolute;inset:0}.rn-pan{height:13px;position:absolute}.rn-fader{position:absolute}.rn-taps,.rn-tap-dots{pointer-events:none;position:absolute;inset:0;overflow:visible}.rn-tap-line{stroke:var(--border-strong);stroke-width:1px;opacity:.55}.rn-tap-hit{fill:#0000;cursor:grab;pointer-events:auto}.rn-tap-hit:active{cursor:grabbing}.rn-tap{fill:var(--muted);stroke:var(--card);stroke-width:1px;pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:transform .12s,fill .12s;transform:scale(.55)}.rn-tap-hit:hover+.rn-tap,.rn-tap.active{fill:var(--primary);transform:scale(1)}.rn-tap-arrow{fill:none;stroke:var(--card);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:0;transition:opacity .12s}.rn-tap-hit:hover~.rn-tap-arrow,.rn-tap.active~.rn-tap-arrow{opacity:1}.fx-slot{flex-direction:column;flex:none;align-items:center;gap:4px;width:22px;padding:2px 0;display:flex}.fx-slot .midi-note-led{border:2px solid var(--border);background:var(--surface);opacity:.35;border-radius:3px;flex:none;width:16px;height:16px}.fx-slot .midi-note-led.on{opacity:1;background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary);transition:background 40ms,opacity 40ms,border-color 40ms,box-shadow 40ms}.fx-slot .midi-note-led.pulse{opacity:1;background:var(--primary);box-shadow:0 0 6px color-mix(in srgb, var(--primary) 60%, transparent);transition:background 40ms,opacity 40ms,box-shadow 40ms}.fx-slot .chain-meter{border:1px solid var(--border);border-radius:2px;flex:auto;width:14px;min-height:0;display:block}.fx-add-slot-btn{border:1px dashed var(--border-strong);background:var(--surface);width:20px;height:20px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.fx-add-slot-btn:hover,.fx-add-slot-btn.open{color:var(--primary);border-color:var(--primary);background:var(--surface-2);border-style:solid}.fx-add-menu{z-index:200;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:4px;width:190px;padding:5px;display:flex;position:fixed;box-shadow:0 10px 30px #00000073}.fx-add-section{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:.35rem .45rem .15rem;font-size:.64rem;font-weight:700}.fx-add-search{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);width:100%;color:var(--text);padding:.3rem .45rem;font-size:.8rem}.fx-add-search:focus{border-color:var(--primary);outline:none}.fx-add-list{flex-direction:column;gap:1px;max-height:340px;display:flex;overflow-y:auto}.fx-add-item{text-align:left;width:100%;color:var(--text);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;padding:.35rem .5rem;font-size:.82rem;display:flex}.fx-add-item.active,.fx-add-item:hover{background:var(--surface-2);color:var(--text-h)}.fx-add-dot{border-radius:2px;flex:none;width:7px;height:7px;margin-right:.5rem;display:inline-block}.fx-add-empty{color:var(--muted);padding:.4rem .5rem;font-size:.78rem}.fx-chain{flex:1;align-items:stretch;gap:.5rem;min-width:0;min-height:0;padding-bottom:.2rem;display:flex;position:relative;overflow:auto hidden}.fx-chain.dragging{cursor:grabbing}.fx-device{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;flex:none;width:240px;display:flex;overflow:hidden}.fx-device.eq{background:var(--card);width:495px}.fx-device.bypassed{opacity:.55}.fx-device.simpleSynth{--fx-accent:#60a5fa;width:255px}.fx-device.sampler{background:var(--card);--fx-accent:#f59e0b;--sampler-accent:#f59e0b;--grp-teal:#34d399;--grp-amber:#f59e0b;--smp-wave-footer-h:20px;--smp-wave-h:108px;align-items:stretch;width:1020px;min-width:940px;max-width:100%;overflow:hidden}.fx-sampler-frame{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.fx-sampler-content-row{flex-direction:row;flex:auto;align-items:flex-start;min-height:0;display:flex}.fx-device.sampler .fx-sampler-main{background:var(--card);flex-direction:column;flex:auto;align-self:stretch;min-width:0;min-height:0;padding:.45rem .5rem;display:flex;overflow:hidden}.fx-device.sampler .comp-body{flex-direction:column;flex:auto;gap:.4rem;min-height:0;display:flex}.fx-device.sampler .comp-main{flex-direction:column;flex:1;gap:0;min-width:0;min-height:0;display:flex;overflow:hidden}.fx-device.sampler .comp-main,.fx-device.sampler .smp-wave-editor{flex:1;min-width:0;min-height:0}.fx-device.sampler .comp-main>.smp-wave-editor,.fx-device.sampler .comp-main>.comp-graph-main.smp-wave-graph{height:0}.fx-device.sampler .smp-wave-editor{flex-direction:column;gap:0;min-height:0;display:flex;position:relative}.fx-device.sampler .comp-graph-main.smp-wave-graph{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.fx-device.sampler .smp-wave-editor>.smp-wave-wrap{flex:1;min-height:0;overflow:hidden}.fx-device.sampler .smp-wave-editor>.smp-wave-footer{flex:none}.fx-device.sampler .smp-dropzone.empty{border:var(--fx-visualizer-border-width) dashed var(--fx-visualizer-border-color);border-radius:var(--fx-visualizer-radius);background:var(--wave)}.fx-device.sampler .smp-dropzone.has-sample.over{outline:2px solid var(--primary);outline-offset:-2px}.fx-device.sampler .smp-wave-editor.smp-dropzone{flex:1;min-height:0;position:relative}.fx-device.sampler .smp-wave-editor{border:var(--fx-visualizer-border-width) solid var(--fx-visualizer-border-color);border-radius:var(--fx-visualizer-radius);overflow:hidden}.fx-device.sampler .smp-wave-editor .smp-dropzone-overlay{z-index:20;pointer-events:none;border:2px dashed var(--sampler-accent,var(--primary));border-radius:var(--fx-visualizer-radius);color:var(--text-h);background:#f59e0b1f;place-items:center;padding:1rem;font-size:.75rem;font-weight:600;display:grid;position:absolute;inset:0}.fx-device.sampler .smp-wave-editor .smp-error{left:.45rem;right:.45rem;bottom:calc(var(--smp-wave-footer-h) + 2px);z-index:21;background:var(--card);border:1px solid var(--error);border-radius:4px;padding:.2rem .35rem;position:absolute}.smp-dropzone-label{cursor:pointer;width:100%;height:100%;min-height:48px;color:var(--muted);text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.55rem;margin:0;padding:1rem;display:flex}.smp-dropzone-label svg{color:var(--muted);transition:color .12s}.smp-dropzone-label:hover svg,.smp-dropzone.over .smp-dropzone-label svg{color:var(--text)}.smp-dropzone-label:hover,.smp-dropzone.over .smp-dropzone-label{color:var(--text-h);background:var(--surface-2)}.smp-dropzone-copy{flex-direction:column;align-items:center;gap:.15rem;display:flex}.smp-dropzone-title{color:var(--text-h);font-size:.78rem;font-weight:600}.smp-dropzone-overlay{z-index:20;pointer-events:none;border:2px dashed var(--sampler-accent,var(--primary));border-radius:var(--fx-visualizer-radius);color:var(--text-h);background:#f59e0b1f;place-items:center;padding:1rem;font-size:.75rem;font-weight:600;display:grid;position:absolute;inset:0}.fx-device.sampler .smp-dropzone .smp-error{z-index:21;background:var(--card);border:1px solid var(--error);border-radius:4px;padding:.2rem .35rem;position:absolute;bottom:.35rem;left:.45rem;right:.45rem}.fx-device.sampler .smp-lower-stack{flex:none}.fx-voicefx-rack{background:var(--surface-2);border-left:1px solid var(--border);flex-direction:column;flex:none;align-self:stretch;width:28px;min-height:0;display:flex}.smp-error{color:var(--error);font-size:.68rem}.smp-wave-editor{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.smp-wave-wrap{background:var(--wave);border:none;border-radius:0;width:100%;min-height:0;position:relative;overflow:hidden}.smp-wave-wrap svg.peaks{pointer-events:none;z-index:1;width:100%;height:100%;min-height:0;display:block;position:relative}.smp-wave-grid{pointer-events:none;z-index:0;background:repeating-linear-gradient(#0000 0 25%,#2e2a240d 25% 26%,#0000 26% 50%,#2e2a240d 50% 51%);position:absolute;inset:0}.smp-wave-wrap.stereo:after{content:"";z-index:2;pointer-events:none;background:#2e2a241f;height:1px;position:absolute;top:50%;left:0;right:0}.smp-wave-peaks{fill:var(--text);stroke:none;opacity:.14}.smp-wave-peaks-sample{fill:var(--wave-played,var(--primary));stroke:none;opacity:.62}.smp-wave-peaks-loop{fill:var(--sampler-accent);stroke:none;opacity:.55}.smp-xfade-ramp{fill:#6b625547;stroke:none}.smp-fade-ramp.start{fill:#3a946947;stroke:none}.smp-fade-ramp.end{fill:#c2523f47;stroke:none}.smp-region-loop{background:#f59e0b29}.smp-loop-body{z-index:4;cursor:grab;position:absolute;top:18px;bottom:18px}.smp-loop-body:active{cursor:grabbing}.smp-marker{z-index:6;pointer-events:none;--hh:14px;width:16px;margin-left:-8px;position:absolute;top:0;bottom:0}.smp-marker.fade,.smp-marker.xfade{--hh:12px}.smp-marker.fade{z-index:4}.smp-marker.sample-start,.smp-marker.sample-end{z-index:7}.smp-marker:after{content:"";opacity:.85;pointer-events:none;z-index:1;background:currentColor;width:1px;position:absolute;left:50%;transform:translate(-50%)}.smp-marker.handle-top:after{top:calc(4px + var(--hh));bottom:0}.smp-marker.handle-bottom:after{top:0;bottom:calc(4px + var(--hh))}.smp-marker .handle{z-index:2;pointer-events:auto;border:1px solid var(--border-strong);width:14px;height:14px;color:var(--text-h);cursor:ew-resize;touch-action:none;background:currentColor;border-radius:3px;place-items:center;padding:0;font-size:8px;line-height:1;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:1px 1px #2e2a2473}.smp-marker .handle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.smp-marker.handle-top .handle{top:4px}.smp-marker.handle-bottom .handle{top:auto;bottom:4px}.smp-marker.sample-start{color:var(--primary)}.smp-marker.sample-start .handle{background:var(--primary)}.smp-marker.sample-end{color:var(--error)}.smp-marker.sample-end .handle{background:var(--error)}.smp-marker.fade .handle,.smp-marker.xfade .handle{cursor:col-resize;border-radius:2px;width:12px;height:12px}.smp-marker.fade.start{color:var(--primary)}.smp-marker.fade.start .handle{background:var(--primary);border-color:var(--primary)}.smp-marker.fade.end{color:var(--error)}.smp-marker.fade.end .handle{background:var(--error);border-color:var(--error)}.smp-marker.xfade .handle{background:var(--surface-2)}.smp-marker.loop{color:var(--sampler-accent);--hh:14px}.smp-marker.loop .handle{background:var(--sampler-accent);border:1px solid color-mix(in srgb, var(--sampler-accent) 55%, #2e2a24);border-radius:3px;width:17px;height:14px;box-shadow:1px 1px #2e2a2473}.smp-marker.loop.start .handle{left:50%;transform:translate(-100%)}.smp-marker.loop.end .handle{left:50%;transform:translate(0)}.smp-marker.loop .handle .smp-loop-glyph{color:#1c1917;display:block;overflow:visible}.smp-marker.xfade{color:var(--muted)}.smp-marker.fade .handle:after,.smp-marker.xfade .handle:after{font:700 8px/1 var(--mono);pointer-events:none}.smp-marker.fade.start .handle:after{content:"╱";color:#fff}.smp-marker.fade.end .handle:after{content:"╲";color:#fff}.smp-marker.xfade .handle:after{content:"╳";color:var(--muted)}.smp-wave-wrap:not(.loop-mode) .smp-marker.loop,.smp-wave-wrap:not(.loop-mode) .smp-marker.xfade,.smp-wave-wrap:not(.loop-mode) .smp-region-loop,.smp-wave-wrap:not(.loop-mode) .smp-loop-body{display:none}.smp-wave-footer{flex:0 0 var(--smp-wave-footer-h);height:var(--smp-wave-footer-h);min-height:var(--smp-wave-footer-h);font:.58rem var(--mono);color:var(--muted);background:var(--surface);border:none;border-top:var(--fx-visualizer-border-width) solid var(--fx-visualizer-border-color);border-radius:0;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.4rem;padding:0 .6rem;display:flex;overflow:hidden}.smp-foot-core,.smp-foot-loop{flex-shrink:0;align-items:center;gap:.35rem .4rem;min-width:0;display:inline-flex}.smp-foot-core{z-index:1;background:var(--surface);position:relative}.smp-foot-mode{scrollbar-width:none;flex-wrap:nowrap;flex:0 auto;justify-content:flex-start;align-items:center;gap:.3rem;min-width:0;display:inline-flex;overflow:auto hidden}.smp-foot-mode::-webkit-scrollbar{display:none}.smp-wave-footer span,.smp-wave-footer .smp-loop-toggle{white-space:nowrap;flex-shrink:0}.smp-wave-footer span.on{color:var(--text-h);font-weight:700}.smp-wave-footer .lbl-sample-start{color:var(--primary-h,var(--primary))}.smp-wave-footer .lbl-sample-end{color:var(--error)}.smp-wave-footer .lbl-fade-in{color:var(--primary-h,var(--primary))}.smp-wave-footer .lbl-fade-out{color:var(--error)}.smp-wave-footer .lbl-loop{color:var(--sampler-accent)}.smp-wave-footer span.dim{opacity:.45}.smp-loop-toggle{font:700 .55rem var(--mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--sampler-accent);background:color-mix(in srgb, var(--sampler-accent) 14%, var(--surface));color:var(--sampler-accent);cursor:pointer;border-radius:4px;padding:1px 8px}.smp-loop-toggle.on{background:var(--sampler-accent);color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}.smp-loop-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.smp-zoom{flex:0 0 var(--smp-zoom-h);height:var(--smp-zoom-h);min-height:var(--smp-zoom-h);box-sizing:border-box;background:var(--surface);border:none;border-top:var(--fx-visualizer-border-width) solid var(--fx-visualizer-border-color);border-radius:0;align-items:center;gap:6px;padding:2px 5px;display:flex}.smp-zoom .zbtn{border:1px solid var(--border-strong);background:var(--card);width:16px;height:16px;color:var(--text);cursor:pointer;border-radius:4px;place-items:center;padding:0;font-size:.68rem;line-height:1;display:grid}.smp-zoom .zbtn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.smp-zoom .ztrack{background:var(--surface-2);cursor:pointer;border-radius:999px;flex:1;height:7px;position:relative}.smp-zoom .zthumb{background:var(--border-strong);opacity:.55;pointer-events:none;border-radius:999px;height:7px;position:absolute;top:0}.smp-zoom .zlvl{font:700 .55rem var(--mono);color:var(--muted);text-align:right;min-width:32px}.smp-lower-stack{box-sizing:border-box;flex-direction:column;flex:none;display:flex;overflow:hidden}.smp-lower-stack>.comp-sections{flex:none;min-height:0;overflow:hidden}.fx-device.sampler .comp-sections.smp-sections{--smp-control-h:var(--knob-lg);--smp-knob-label-h:.55rem;--smp-knob-value-h:.62rem;--smp-env-top-readout-nudge:-5px;--smp-knob-unit-h:calc(var(--smp-knob-label-h) + 2px + var(--smp-control-h) + 2px + var(--smp-knob-value-h));min-height:var(--fx-paneled-section-min-height);max-height:var(--fx-paneled-sections-max-height);flex:none;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:0;width:100%;padding:2px 0;display:grid;position:relative}.fx-device.sampler .comp-sections.smp-sections:before{content:"";width:var(--fx-section-divider-width);background:var(--fx-section-divider-color);pointer-events:none;position:absolute;top:0;bottom:0;left:56%}.fx-device.sampler .comp-section.smp-tune,.fx-device.sampler .comp-section.smp-output{display:contents}.fx-device.sampler .comp-section.smp-tune .comp-section-label{grid-area:1/1;align-self:start;padding:0 9px}.fx-device.sampler .comp-section.smp-output .comp-section-label{grid-area:1/2;align-self:start;padding:0 9px}.fx-device.sampler .comp-section-label{border-bottom:none;padding-bottom:0;font-size:.68rem}.fx-device.sampler .comp-section-label:before{border:1.5px solid var(--border-strong)}.fx-device.sampler .comp-section.smp-tune,.fx-device.sampler .comp-section.smp-pitch{--grp:var(--grp-teal)!important}.fx-device.sampler .comp-section.smp-output{--grp:var(--grp-amber)!important}.fx-device.sampler .smp-tune-row{--grp:var(--grp-teal);align-self:end;align-items:flex-end;gap:var(--fx-control-row-gap);flex-direction:row;flex:none;grid-area:2/1;width:100%;min-width:0;padding:0 9px;display:flex}.fx-device.sampler .smp-output-row{--grp:var(--grp-amber);align-self:end;align-items:flex-end;gap:var(--fx-control-row-gap);flex-direction:row;flex:none;grid-area:2/2;width:100%;min-width:0;padding:0 9px;display:flex}.fx-device.sampler .comp-sections .smp-root-stepper{flex:0 0 var(--smp-control-h);height:var(--smp-control-h)}.smp-root-stepper{border:1.5px solid var(--border-strong);background:var(--card);box-sizing:border-box;border-radius:6px;flex-direction:column;align-items:stretch;width:38px;display:flex;overflow:hidden}.smp-root-step{border:none;border-top:1px solid var(--border);background:var(--card);cursor:pointer;min-height:0;color:var(--text-h);flex:1 1 0;place-items:center;margin:0;padding:0;font-size:.5rem;line-height:1;display:grid}.smp-root-step:first-child{border-top:none}.smp-root-name{min-height:0;font:700 .62rem var(--mono);color:var(--grp-teal,var(--grp,var(--text-h)));border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;cursor:text;flex:1.15 1 0;place-items:center;display:grid}.smp-root-name:focus-visible{outline:2px solid var(--primary);outline-offset:-1px}.smp-env .env-type svg{display:none}.fx-device.sampler .smp-output-env{min-width:160px;min-height:0;height:var(--smp-knob-unit-h);flex-direction:column;flex:1 1 0;align-self:flex-end;display:flex}.fx-device.sampler .smp-output-env .smp-env{flex:1 1 0;height:auto;min-height:0}.fx-device.sampler .smp-env{height:var(--smp-knob-unit-h);min-height:var(--smp-knob-unit-h);align-self:flex-end;gap:8px}.smp-env{flex-direction:row;flex:1 1 0;align-self:flex-start;align-items:stretch;gap:4px;min-width:168px;min-height:0;display:flex}.smp-env-viz{touch-action:none;flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:visible}.fx-device.sampler .smp-env-viz{box-sizing:border-box;padding-top:var(--smp-knob-label-h,.55rem);padding-bottom:var(--smp-knob-value-h,.62rem);flex-direction:column;display:flex}.fx-device.sampler .smp-env-viz svg{flex:1 1 0;width:100%;height:auto;min-height:0}.smp-env-viz svg{width:100%;height:100%;display:block;overflow:visible}.smp-env-fill{fill:color-mix(in srgb, var(--grp,#f59e0b) 22%, transparent);pointer-events:none}.smp-env-line{fill:none;stroke:var(--grp,#f59e0b);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.smp-env-handle{fill:var(--card);stroke:var(--grp,#f59e0b);stroke-width:1.5px;cursor:grab;touch-action:none}.smp-env-curve-handle{fill:var(--grp,#f59e0b);opacity:.75;cursor:ns-resize;touch-action:none}.smp-env-curve-handle:hover{opacity:1}.smp-env-values{pointer-events:none;font:700 .5rem var(--mono);color:var(--muted);position:absolute;inset:0}.smp-env-values .env-val{white-space:nowrap;position:absolute}.smp-env-values .env-val b{color:var(--grp,var(--text-h));font-weight:700}.smp-env-values .tl{top:0;left:2px}.smp-env-values .tc{top:0;left:50%;transform:translate(-50%)}.smp-env-values .tr{top:0;right:2px}.fx-device.sampler .smp-env-values .tl,.fx-device.sampler .smp-env-values .tr{top:var(--smp-env-top-readout-nudge,-5px);font:700 var(--smp-knob-label-h,.55rem) var(--mono);line-height:1}.fx-device.sampler .smp-env-values .tc{top:var(--smp-env-top-readout-nudge,-5px);font:700 var(--smp-knob-label-h,.55rem) var(--mono);line-height:1;left:50%;transform:translate(-50%)}.smp-env-values .bl{bottom:0;left:2px}.smp-env-values .br{bottom:0;right:2px}.fx-device.sampler .smp-env-values .bl,.fx-device.sampler .smp-env-values .br{font:700 var(--smp-knob-value-h,.62rem) var(--mono);line-height:1}.smp-env .env-type{font:700 .55rem var(--mono);color:var(--grp,var(--text-h));cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0 2px;display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fx-device.sampler .smp-env .env-type{font:700 var(--smp-knob-value-h,.62rem) var(--mono);line-height:1}.smp-env .env-type svg{opacity:.7}.smp-env-vel{flex-direction:column;flex:0 0 22px;align-items:center;gap:2px;height:100%;min-height:0;padding:0;display:flex}.fx-device.sampler .smp-env-vel{flex:0 0 28px;width:28px;min-width:28px;max-width:28px}.fx-device.sampler .smp-env-vel>.knob-label{margin-top:-8px}.smp-env-vel-pad{flex:1 1 0;width:100%;min-height:0}.smp-env-vel .pct{font:700 var(--smp-knob-value-h,.62rem) var(--mono);color:var(--grp,var(--text));white-space:nowrap;line-height:1;display:block}.fx-device.sampler .smp-env-vel .pct{text-align:center;font-variant-numeric:tabular-nums;width:100%}.smp-env-vel .track{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;touch-action:none;border-radius:4px;flex:none;align-items:flex-end;width:7px;display:flex;position:relative;overflow:hidden}.fx-device.sampler .smp-env-vel .track{flex:0 0 calc(var(--smp-control-h) - 8px);height:calc(var(--smp-control-h) - 8px);min-height:calc(var(--smp-control-h) - 8px)}.smp-env-vel .fill{background:var(--grp,#f59e0b);opacity:.8;border-radius:3px;width:100%}.smp-foot-grp{flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.smp-seg-label{color:var(--muted);font-weight:700}.smp-seg{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--card);border-radius:4px;flex-shrink:0;align-items:center;gap:2px;height:16px;padding:2px;display:inline-flex}.smp-wave-footer .smp-seg button{font:700 .5rem var(--mono);text-transform:uppercase;letter-spacing:.03em;height:12px;min-height:12px;color:var(--muted);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0 5px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.smp-wave-footer .smp-seg button:active{transform:none}.smp-wave-footer .smp-seg button.on{background:var(--text-h);color:var(--card);box-shadow:none}.smp-wave-footer .smp-loopmode button.on{background:var(--sampler-accent);color:#fff}.smp-wave-footer .smp-sliceplay button.on{color:#fff;background:#7a68c0}.smp-loop-ctl{gap:4px}.fx-device.sampler>.fx-sampler-frame>.fx-device-head{background:var(--card);box-sizing:border-box;height:36px;min-height:36px;overflow:visible}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .fx-device-name{font-size:.95rem}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-mode-seg{height:var(--fx-header-control-height);box-sizing:border-box;border:2px solid var(--border-strong);background:0 0;border-radius:6px;flex-shrink:0;gap:2px;margin-left:auto;padding:2px}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-mode-seg .seg-btn{height:calc(var(--fx-header-control-height) - 8px);font:700 .62rem var(--font,inherit);text-transform:none;letter-spacing:0;border-radius:4px;flex:none;padding:0 9px}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-mode-seg .seg-btn.on{background:var(--sampler-accent);color:#fff;box-shadow:none}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .help-btn,.fx-device.sampler>.fx-sampler-frame>.fx-device-head .full-window-btn{box-sizing:border-box}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-mode-seg~.help-btn,.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-head-actions,.fx-device.sampler>.fx-sampler-frame>.fx-device-head .help-btn~.full-window-btn{margin-left:0}.fx-device.sampler:not([data-mode=classic]) .smp-marker.loop,.fx-device.sampler:not([data-mode=classic]) .smp-marker.xfade,.fx-device.sampler:not([data-mode=classic]) .smp-region-loop,.fx-device.sampler:not([data-mode=classic]) .smp-loop-body,.fx-device.sampler:not([data-mode=classic]) .smp-xfade-ramp,.fx-device.sampler:not([data-mode=classic]) .smp-wave-peaks-loop{display:none}.smp-slice{z-index:5;pointer-events:none;border-left:1px dashed #8b7cc8;width:0;display:none;position:absolute;top:0;bottom:0}.smp-slice.editable{pointer-events:auto;cursor:col-resize}.smp-slice.editable.on{border-left-width:2px;border-left-color:#b8a8f0}.smp-slice.flash{border-left-width:2px;border-left-color:khaki}.smp-slice.flash:before{color:khaki}.smp-slice:before{content:attr(data-n);white-space:nowrap;font:700 .5rem var(--mono);color:#8b7cc8;position:absolute;top:3px;left:3px}.fx-device.sampler[data-mode=slice] .smp-slice{display:block}.fx-device.sampler[data-mode=slice] .smp-wave-peaks-sample{fill:#8b7cc8;opacity:.55}.smp-foot-slice{color:#7a68c0;flex-shrink:0;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.smp-foot-trig{flex-shrink:0;display:inline-flex}.smp-wave-footer .smp-trigplay button.on{color:#fff;background:#7a68c0}.smp-foot-slice-ctl{gap:.2rem}.smp-wave-footer .smp-slice-by-select.dl-select-trigger{color:#7a68c0;background-color:var(--surface-2);border-width:1px;border-color:#7a68c073;border-radius:4px;gap:3px;height:16px;padding:0 6px;font-size:.55rem;font-weight:700}.smp-wave-footer .smp-slice-by-select.dl-select-trigger svg{flex-shrink:0;width:9px;height:9px}.smp-slice-sens{cursor:ew-resize;-webkit-user-select:none;user-select:none}.smp-slice-edit-hint{opacity:.85;font-size:.55rem;font-weight:600}.smp-root-ignored{opacity:.4;pointer-events:none}.smp-head-controls{flex:0 auto;align-items:center;gap:.3rem;min-width:0;display:flex}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-head-controls{flex-shrink:1}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-head-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-export-wrap{flex-shrink:0;align-items:center;display:inline-flex}.smp-play{border:1.5px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid}.smp-play:hover{background:var(--primary-h,var(--primary));border-color:var(--primary-h,var(--primary))}.smp-play:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.smp-play svg{margin-left:1px;display:block}.smp-filename{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:10rem;font-size:.68rem;font-weight:600;overflow:hidden}.smp-badge{font:700 .52rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--warn);background:color-mix(in srgb, var(--warn) 15%, var(--card));border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);border-radius:999px;flex-shrink:0;padding:1px 7px}.smp-btn{height:var(--fx-header-control-height);border:2px solid var(--border-strong);background:var(--card);cursor:pointer;color:var(--text);box-sizing:border-box;border-radius:5px;padding:0 .4rem;font-size:.62rem;line-height:1}.fx-device.sampler>.fx-sampler-frame>.fx-device-head .smp-btn{flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.smp-btn:hover:not(:disabled){background:var(--surface-2)}.smp-btn:disabled{opacity:.5;cursor:default}.smp-export-wrap,.smp-insert-wrap{position:relative}.smp-export-menu,.smp-insert-menu{z-index:20;background:var(--card);border:1px solid var(--border-strong);border-radius:4px;min-width:10rem;max-height:12rem;padding:.2rem;position:absolute;top:calc(100% + 2px);right:0;overflow:auto;box-shadow:0 4px 14px #0000002e}.smp-export-menu button,.smp-insert-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:.3rem .45rem;font-size:.65rem;display:block}.smp-export-menu button:hover,.smp-insert-menu button:hover{background:var(--surface-2)}.smp-export-menu button:disabled{opacity:.5;cursor:default}.smp-export-menu .smp-export-divider{background:var(--border);height:1px;margin:.15rem 0}.smp-export-menu .smp-export-heading{font:700 .52rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);pointer-events:none;padding:.15rem .45rem .05rem}.smp-notice-row{color:var(--text);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.3rem;padding:.2rem .35rem;font-size:.68rem;display:flex}.smp-notice{color:var(--warn);font-weight:600}.smp-pick-list{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.smp-root-spacer{visibility:hidden;pointer-events:none}.fx-device.gate,.fx-device.compressor,.fx-device.limiter,.fb-strip.gate,.fb-strip.compressor,.fb-strip.limiter,.fb-strip-dot.gate,.fb-strip-dot.compressor,.fb-strip-dot.limiter{--fx-accent:#22d3ee}.fx-device.eq,.fx-device.filter,.fx-device.saturator,.fb-strip.eq,.fb-strip.filter,.fb-strip.saturator,.fb-strip-dot.eq,.fb-strip-dot.filter,.fb-strip-dot.saturator{--fx-accent:#fbbf24}.fx-device.delay,.fx-device.sampleDelay,.fb-strip.delay,.fb-strip.sampleDelay,.fb-strip-dot.delay,.fb-strip-dot.sampleDelay{--fx-accent:#34d399}.fx-device.reverb,.fx-device.algoverb,.fb-strip.reverb,.fb-strip.algoverb,.fb-strip-dot.reverb,.fb-strip-dot.algoverb{--fx-accent:#f472b6}.fx-device.utility,.fb-strip.utility,.fb-strip-dot.utility{--fx-accent:#a78bfa}.fx-device.selected{border-color:var(--fx-accent,var(--primary));box-shadow:0 0 0 1px var(--fx-accent,var(--primary))}.fx-device.dragging{z-index:30;opacity:.92;box-shadow:0 8px 24px #0000004d}.fx-device-head{border-bottom:1px solid var(--border);background:var(--surface);cursor:grab;touch-action:none;flex:none;align-items:center;gap:.3rem;padding:.3rem .4rem;display:flex}.fx-device.dragging .fx-device-head{cursor:grabbing}.fx-power{border:2px solid var(--border-strong);background:var(--card);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.fx-power.on{background:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary));color:#0a0e16}.fx-device-name{color:var(--text-h);flex:none;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.fx-degraded{color:#0a0e16;cursor:help;background:#f87171;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;font-size:.6rem;font-weight:800;display:inline-grid}.fx-native-placeholder{background:#fbbf24}.fx-native-placeholder:hover{filter:brightness(1.1)}.fx-native-placeholder.clickable{cursor:pointer}.eq-edit-type{box-sizing:border-box;border-radius:var(--r-sm);max-width:6.5rem;height:1.4rem;color:var(--grp,var(--text));cursor:pointer;background:0 0;border:none;flex:none;gap:3px;margin:0;padding:0 .3rem;font-size:.62rem;font-weight:700;line-height:1}.eq-edit-type svg{width:9px;height:9px}.eq-edit-num{box-sizing:border-box;width:3.6em;height:1.5rem;font-size:.66rem;line-height:1;font-family:var(--mono);text-align:right;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:ns-resize;touch-action:none;appearance:textfield;border-radius:4px;margin:0;padding:0 .25rem}.eq-edit-num:focus{cursor:text;border-color:var(--primary);outline:none}.eq-edit-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eq-edit-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fx-device-btns{flex:none;align-items:center;gap:.25rem;margin-left:auto;display:flex}.fx-device-btns .chip{place-items:center;width:24px;height:24px;display:inline-grid}.fx-device-btns .chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.fx-device-body{flex:1;min-height:0;padding:.45rem .5rem 0;overflow-y:auto}.fx-device.eq .fx-device-body{flex-direction:column;display:flex;overflow:hidden}.fx-drop-line{background:var(--primary);pointer-events:none;z-index:25;border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;transform:translate(-1px)}.track-strip>.track-controls.track-header:before{content:"";background:var(--track-accent,var(--border-strong));pointer-events:none;width:20px;position:absolute;top:0;bottom:0;left:0}.track-strip.container-track>.track-controls.track-header:before{background:var(--track-accent,var(--container-accent,#f59e0b))}.track-strip.child-track>.track-controls.track-header:before{background:linear-gradient(to right, var(--track-accent,var(--container-accent,#f59e0b)) 0 10px, var(--pad-accent,var(--border-strong)) 10px 20px);width:20px}.track-strip.bus.group{--track-accent:#38bdf8}.track-strip.bus.aux{--track-accent:#a78bfa}.track-strip.track-selected>.track-controls.track-header:after,.track-strip.track-primary>.track-controls.track-header:after{content:"";border:2px solid var(--track-accent,var(--border-strong));z-index:4;pointer-events:none;border-radius:0;position:absolute;inset:0}.track-strip.child-track.track-selected>.track-controls.track-header:after,.track-strip.child-track.track-primary>.track-controls.track-header:after{border:none;border-top:2px solid var(--pad-accent,var(--border-strong));border-right:2px solid var(--pad-accent,var(--border-strong));border-bottom:2px solid var(--pad-accent,var(--border-strong));bottom:2px;left:10px}.track-strip:has(.track-insert-edge.bottom)>.track-controls.track-header:after{bottom:2px}.card.player.expanded .track-strip:not(.child-track)>.track-controls.track-header,.card.player.expanded .track-strip.child-track>.track-controls.track-header{padding-left:calc(20px + var(--lane-head-pad-x,.4rem))}.card.player:not(.expanded) .track-strip>.track-controls.track-header:after{display:none}.card.player:not(.expanded) .track-strip>.track-controls.track-header{cursor:default}.card.player:not(.expanded) .clip-container-instance.selected,.card.player:not(.expanded) .clip-container-instance.focused{box-shadow:none;border-color:var(--border);outline:none}.card.player:not(.expanded) .track-strip:not(.child-track)>.track-controls.track-header{padding-left:calc(6px + .55rem)}.card.player:not(.expanded) .track-strip:not(.child-track)>.track-controls.track-header:before{border-radius:3px;width:6px;top:6px;bottom:6px;left:4px}.fx-params{flex-direction:column;gap:.3rem;display:flex}.fx-param{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.72rem;display:flex}.fx-param-name{flex-shrink:0;width:4.6rem}.fx-param input[type=range]{min-width:0;accent-color:var(--primary);flex:1;margin:0}.fx-param-val{text-align:right;width:3.2rem;font-family:var(--mono);color:var(--text);flex-shrink:0}.fx-plugin-body{flex-direction:column;flex:1;min-height:0;display:flex}.fx-plugin-params{flex-direction:column;flex:1;gap:.1rem;min-height:0;display:flex}.fx-param-joker{background:var(--hover);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .35rem;display:flex}.fx-param-joker .knob-unit.knob-md{--knob-md:44px}.fx-param-joker .knob-label,.fx-param-joker .knob-value{display:none}.fx-param-joker .knob{touch-action:pan-y}.fx-param-joker-right{flex-direction:column;min-width:0;line-height:1.2;display:flex}.fx-param-joker-name{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.fx-param-joker-val{font-size:.68rem;font-family:var(--mono);color:var(--text)}.fx-param-search-wrap{margin:.1rem 0}.fx-param-search{box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:3px;outline:none;padding:.2rem .35rem;font-size:.72rem}.fx-param-search:focus{border-color:var(--primary)}.fx-param-scroll{flex-direction:column;flex:1;min-height:0;padding:.1rem 0;display:flex;overflow-y:auto}.fx-param-scroll::-webkit-scrollbar{width:5px}.fx-param-scroll::-webkit-scrollbar-track{background:0 0}.fx-param-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.fx-param-row{border-radius:3px;align-items:center;gap:.35rem;padding:.1rem .2rem;display:flex}.fx-param-row:hover{background:var(--hover)}.fx-param-row .knob-unit.knob-sm{--knob-sm:34px}.fx-param-row .knob-label,.fx-param-row .knob-value{display:none}.fx-param-row .knob{touch-action:pan-y}.fx-param-row-right{flex-direction:column;min-width:0;line-height:1.2;display:flex}.fx-param-row-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.fx-param-row-val{font-size:.65rem;font-family:var(--mono);color:var(--text)}.fx-device.compressor{width:var(--fx-compressor-device-width);min-width:var(--fx-compressor-device-width);max-width:var(--fx-compressor-device-width);background:var(--card)}:root{--fx-header-control-height:22px;--fx-head-look-y-offset:-7px;--fx-paneled-sections-max-height:6.9rem;--fx-paneled-section-min-height:114px;--fx-control-row-gap:.35rem;--fx-section-divider-width:1px;--fx-section-divider-color:var(--border);--fx-visualizer-border-width:1px;--fx-visualizer-border-color:var(--border);--fx-visualizer-radius:var(--r-sm);--fx-compressor-timing-gap:10.35px;--fx-output-section-width:104px;--fx-compressor-device-width:490px;--fx-gate-device-width:500px;--fx-delay-device-min-width:590px;--fx-delay-main-width:530px;--fx-filter-device-min-width:360px;--fx-filter-main-width:330px;--fx-filter-nested-width:360px}.fx-device.paneled .fx-device-body{flex-direction:column;display:flex;overflow:hidden}.fx-device.gate{width:var(--fx-gate-device-width);min-width:var(--fx-gate-device-width);max-width:var(--fx-gate-device-width);background:var(--card)}.fx-device.gate .fx-device-head,.fx-device.compressor .fx-device-head,.fx-device.eq .fx-device-head{background:var(--card)}.fx-device.saturator{background:var(--card);align-items:stretch;width:400px;overflow:hidden}.fx-device.filter{width:fit-content;min-width:var(--fx-filter-device-min-width);background:var(--card);align-items:stretch;overflow:hidden}.fx-device.filter .fx-device-head{background:var(--card)}.fx-device.filter .fx-device-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:7px;display:flex}.fx-device.filter .comp-main,.fx-device.filter .comp-graph-main{flex:1;min-width:0;min-height:0}.fx-device.filter .comp-sections{max-height:var(--fx-paneled-sections-max-height);flex:none;align-items:flex-start;gap:0}.fx-device.filter .filter-curve-graph{min-height:0}.fx-device.gate .fx-device-body,.fx-device.compressor .fx-device-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:.45rem;display:flex}.fx-device.gate .comp-main,.fx-device.gate .comp-graph-main,.fx-device.compressor .comp-main,.fx-device.compressor .comp-graph-main{flex:1;min-width:0;min-height:0}.fx-device.gate .comp-sections,.fx-device.compressor .comp-sections{max-height:var(--fx-paneled-sections-max-height);flex:none;align-items:flex-start;gap:0}.fx-device.limiter{background:var(--card);align-items:stretch;width:300px;overflow:hidden}.fx-device.utility{background:var(--card);align-items:stretch;width:430px;overflow:hidden}.fx-device.reverb{background:var(--card);align-items:stretch;width:900px;overflow:hidden}.fx-device.algoverb{background:var(--card);width:auto}.fx-device.algoverb.paneled .fx-device-body{overflow:visible}.fx-device.plugin .fx-device-body{flex-direction:column;display:flex;overflow:hidden}.fx-device.sampleDelay{background:var(--card);align-items:stretch;width:260px;overflow:hidden}.fx-device.delay{width:fit-content;min-width:var(--fx-delay-device-min-width);background:var(--card);align-items:stretch;overflow:hidden}.fx-delay-frame{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.fx-delay-content-row{flex-direction:row;flex:auto;align-items:flex-start;min-height:0;display:flex}.fx-delay-main{width:var(--fx-delay-main-width);background:var(--card);flex-direction:column;flex:none;align-self:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.fx-device.delay .fx-device-head{background:var(--card)}.fx-device.delay .fx-device-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:.45rem;display:flex}.fx-device.delay .comp-main,.fx-device.delay .comp-graph-main{flex:auto;min-height:0}.fx-device.delay .comp-sections{flex:none}.fx-device.delay .comp-main,.fx-device.delay .comp-graph-main{flex:1;min-width:0}.fx-feedback-rack,.fx-mod-rack,.fx-voicefx-rack,.fx-pad-rack{background:var(--surface-2);flex-direction:column;flex:none;align-self:stretch;width:28px;min-height:0;display:flex}.fx-feedback-rack{border-left:1px solid var(--border)}.fx-mod-rack{border-right:1px solid var(--border)}.fx-pad-rack{border-left:1px solid var(--border)}.fx-feedback-rack.expanded,.fx-mod-rack.expanded,.fx-voicefx-rack.expanded,.fx-pad-rack.expanded{width:auto}.rack-cap{box-sizing:border-box;border-bottom:1px solid var(--border);flex:none;justify-content:center;align-items:center;gap:4px;height:36px;padding:0 6px;display:flex}.fx-feedback-rack.expanded .rack-cap,.fx-mod-rack.expanded .rack-cap,.fx-voicefx-rack.expanded .rack-cap,.fx-pad-rack.expanded .rack-cap{justify-content:space-between}.rack-cap-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:.5rem}.rack-cap-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.rack-cap-toggle:hover{color:var(--text)}.rack-content{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:8px;min-height:0;padding:8px 0;display:flex}.fx-feedback-rack.expanded .rack-content,.fx-mod-rack.expanded .rack-content,.fx-voicefx-rack.expanded .rack-content,.fx-pad-rack.expanded .rack-content{justify-content:flex-start;align-items:stretch;padding:0}.mod-rail-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.55rem}.mod-insert-slot{flex:auto;justify-content:center;align-items:center;padding:8px;display:flex}.mod-insert-slot .fx-add-slot-btn:disabled{cursor:default;opacity:.6}.mod-insert-slot .fx-add-slot-btn:disabled:hover{color:var(--muted);border-color:var(--border-strong);background:var(--surface);border-style:dashed}.fb-empty-dot{border:1.5px solid var(--border-strong);background:var(--card);border-radius:50%;flex:none;width:11px;height:11px}.fb-strip-dot{border:1.5px solid var(--border-strong);background:var(--fx-accent,#34d399);cursor:pointer;border-radius:50%;flex:none;width:11px;height:11px;padding:0}.fb-strip-dot.bypassed{background:var(--card)}.dly-sync{box-sizing:border-box;border:1px solid var(--border-strong);width:14px;height:14px;color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:5px;padding:0;display:inline-flex}.dly-sync:hover{color:var(--text);border-color:var(--text)}.dly-sync.on{background:var(--grp,#34d399);border-color:var(--grp,#34d399);color:var(--surface)}.fx-device.delay .fx-delay-main .comp-sections{max-height:var(--fx-paneled-sections-max-height);align-items:flex-start;gap:0}.fx-device.delay .fx-delay-main .comp-section,.fx-device.filter .comp-section{box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;padding:2px 9px}.fx-device.delay .fx-delay-main .comp-section{min-height:var(--fx-paneled-section-min-height)}.fx-device.delay .fx-delay-main .comp-section+.comp-section,.fx-device.filter .comp-section+.comp-section,.fx-device.gate .comp-section+.comp-section,.fx-device.compressor .comp-section+.comp-section{border-left:var(--fx-section-divider-width) solid var(--fx-section-divider-color)}.fx-device.delay .fx-delay-main .comp-section-label,.fx-device.filter .comp-section-label{border-bottom:none;padding-bottom:0}.fx-device.delay .fx-delay-main .comp-section-label:before,.fx-device.filter .comp-section-label:before{border:1.5px solid var(--border-strong)}.fx-device.delay .fx-delay-main .comp-section-row,.fx-device.filter .comp-section-row{justify-content:center;align-items:flex-start}.fx-device.delay>.fx-delay-frame>.fx-device-head .fx-device-name,.fx-device.filter .fx-device-name{font-size:.95rem}.fx-filter-frame{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.fx-filter-content-row{flex-direction:row;flex:auto;align-items:flex-start;min-height:0;display:flex}.fx-filter-main{width:var(--fx-filter-main-width);background:var(--card);flex-direction:column;flex:none;align-self:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.fx-device.filter .fx-filter-content-row>.fx-mod-rack{border-left:none;border-right:1px solid var(--border)}.fx-device.delay .fx-delay-main .comp-section-label,.fx-device.filter .comp-section-label{font-size:.68rem}.fx-device.delay .fx-delay-main .comp-section.dly-output,.fx-device.filter .comp-section.flt-output,.fx-device.compressor .comp-section.comp-output,.fx-device.gate .comp-section.comp-output,.fx-device.filter .comp-sections .comp-section.flt-output{--grp:#f59e0b!important}.fx-device.delay .fx-delay-main .comp-section.dly-output,.fx-device.filter .comp-section.flt-output,.fx-device.compressor .comp-section.comp-output{width:var(--fx-output-section-width);min-width:var(--fx-output-section-width);max-width:var(--fx-output-section-width);flex:0 0 var(--fx-output-section-width)}.dly-link-cell{justify-content:center;align-self:center;align-items:center;display:flex}.dly-link{width:16px;height:.9rem;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.dly-link:hover:not(:disabled){color:var(--text)}.dly-link.on{color:var(--grp,#34d399)}.dly-link:disabled{opacity:.35;cursor:default}.dly-time-row{align-items:center}.dl-select-trigger{height:var(--fx-header-control-height);border:1.5px solid var(--border-strong);background-color:var(--card);color:var(--text-h);cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:.66rem;font-weight:700;display:inline-flex}.fx-device.delay>.fx-delay-frame>.fx-device-head .dly-head-routing{margin-left:auto}.comp-section-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.fx-band-type-head{background:0 0;gap:3px;height:16px;padding:0 6px;font-size:.58rem}.fx-band-type-head svg{width:9px;height:9px}.comp-section.fx-band-section{min-width:210px}.fx-band-row{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-device.delay>.fx-delay-frame>.fx-device-head .sc-key,.fx-device.delay>.fx-delay-frame>.fx-device-head .sc-key~.help-btn,.fx-device.delay>.fx-delay-frame>.fx-device-head .help-btn~.full-window-btn,.fx-device.filter .fx-device-head .help-btn~.full-window-btn,.fx-device.delay>.fx-delay-frame>.fx-device-head .comp-head-seg{margin-left:0}.fx-device.delay>.fx-delay-frame>.fx-device-head .comp-head-seg{box-sizing:border-box;background:0 0;height:22px}.fx-device.delay>.fx-delay-frame>.fx-device-head .comp-head-seg .seg-btn{border-radius:4px;height:14px}.fx-device.delay>.fx-delay-frame>.fx-device-head .seg-btn.on{box-shadow:none}.fx-device.delay>.fx-delay-frame>.fx-device-head .dly-head-routing,.fx-device.delay>.fx-delay-frame>.fx-device-head .sc-btn,.fx-device.delay>.fx-delay-frame>.fx-device-head .help-btn,.fx-device.delay>.fx-delay-frame>.fx-device-head .full-window-btn,.fx-device.sampler>.fx-sampler-frame>.fx-device-head .help-btn,.fx-device.sampler>.fx-sampler-frame>.fx-device-head .full-window-btn,.fx-device.gate .fx-device-head .sc-btn,.fx-device.gate .fx-device-head .help-btn,.fx-device.gate .fx-device-head .full-window-btn,.fx-device.compressor .fx-device-head .sc-btn,.fx-device.compressor .fx-device-head .comp-makeup-head,.fx-device.compressor .fx-device-head .help-btn,.fx-device.compressor .fx-device-head .full-window-btn,.fx-device.filter .fx-device-head .help-btn,.fx-device.filter .fx-device-head .full-window-btn,.fx-device.saturator .fx-device-head .sc-btn,.fx-device.saturator .fx-device-head .help-btn,.fx-device.saturator .fx-device-head .full-window-btn,.fx-device.utility .fx-device-head .help-btn,.fx-device.utility .fx-device-head .full-window-btn,.fx-device.limiter .fx-device-head .help-btn,.fx-device.limiter .fx-device-head .full-window-btn,.fx-device.sampleDelay .fx-device-head .help-btn,.fx-device.sampleDelay .fx-device-head .full-window-btn,.fx-device.eq .fx-device-head .sc-btn,.fx-device.eq .fx-device-head .help-btn,.fx-device.eq .fx-device-head .full-window-btn,.fx-device.reverb .fx-device-head .sc-btn,.fx-device.reverb .fx-device-head .help-btn,.fx-device.reverb .fx-device-head .full-window-btn,.fx-device.algoverb .fx-device-head .sc-btn,.fx-device.algoverb .fx-device-head .av-head-btn,.fx-device.algoverb .fx-device-head .av-head-safe,.fx-device.algoverb .fx-device-head .av-ab-toggle,.fx-device.algoverb .fx-device-head .help-btn,.fx-device.algoverb .fx-device-head .full-window-btn{border-width:2px;border-color:var(--border-strong)}.fx-device.algoverb .fx-device-head .av-panic{border-width:2px}.fx-device.algoverb .fx-device-head .av-ab-toggle button:first-child{border-right-width:2px}.fx-device.delay>.fx-delay-frame>.fx-device-head .comp-head-seg{border:2px solid var(--border-strong);border-radius:6px}.fx-device.gate .fx-device-head .comp-head-seg,.fx-device.compressor .fx-device-head .comp-head-seg,.fx-device.saturator .fx-device-head .comp-head-seg,.fx-device.utility .fx-device-head .comp-head-seg,.fx-device.eq .fx-device-head .comp-head-seg{height:var(--fx-header-control-height);box-sizing:border-box;border:2px solid var(--border-strong);background:0 0;border-radius:6px;margin-left:0}.fx-device.gate .fx-device-head .comp-head-seg,.fx-device.saturator .fx-device-head .comp-head-seg,.fx-device.utility .fx-device-head .comp-head-seg,.fx-device.eq .fx-device-head .comp-head-seg{margin-left:auto}.fx-device.gate .fx-device-head .comp-head-seg .seg-btn,.fx-device.compressor .fx-device-head .comp-head-seg .seg-btn,.fx-device.saturator .fx-device-head .comp-head-seg .seg-btn,.fx-device.utility .fx-device-head .comp-head-seg .seg-btn,.fx-device.eq .fx-device-head .comp-head-seg .seg-btn{height:calc(var(--fx-header-control-height) - 8px);border-radius:4px}.fx-device.gate .fx-device-head .seg-btn.on,.fx-device.compressor .fx-device-head .seg-btn.on{box-shadow:none}.fx-device.saturator .fx-device-head .seg-btn.on,.fx-device.utility .fx-device-head .seg-btn.on,.fx-device.eq .fx-device-head .seg-btn.on{background:var(--fx-accent,var(--primary));color:#0a0e16;box-shadow:none}.fx-device.gate .fx-device-head .sc-key,.fx-device.gate .fx-device-head .sc-key~.help-btn,.fx-device.gate .fx-device-head .help-btn~.full-window-btn,.fx-device.compressor .fx-device-head .sc-key,.fx-device.compressor .fx-device-head .sc-key~.help-btn,.fx-device.compressor .fx-device-head .help-btn~.full-window-btn,.fx-device.saturator .fx-device-head .sc-key,.fx-device.saturator .fx-device-head .sc-key~.help-btn,.fx-device.saturator .fx-device-head .help-btn~.full-window-btn,.fx-device.utility .fx-device-head .help-btn,.fx-device.utility .fx-device-head .help-btn~.full-window-btn,.fx-device.eq .fx-device-head .sc-key,.fx-device.eq .fx-device-head .sc-key~.help-btn,.fx-device.eq .fx-device-head .help-btn~.full-window-btn,.fx-device.reverb .fx-device-head .sc-key,.fx-device.reverb .fx-device-head .sc-key~.help-btn,.fx-device.reverb .fx-device-head .help-btn~.full-window-btn,.fx-device.algoverb .fx-device-head .help-btn,.fx-device.algoverb .fx-device-head .help-btn~.full-window-btn{margin-left:0}.fx-device.gate .comp-section,.fx-device.compressor .comp-section{box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;padding:2px 9px}.fx-device.gate .comp-section-label,.fx-device.compressor .comp-section-label{border-bottom:none;padding-bottom:0;font-size:.68rem}.fx-device.gate .comp-section-label:before,.fx-device.compressor .comp-section-label:before{border:1.5px solid var(--border-strong)}.fx-device.gate .comp-section-row,.fx-device.compressor .comp-section-row{justify-content:center;align-items:flex-start}.fx-device.compressor .comp-section.comp-dynamics{flex:0 0 calc((3 * var(--knob-lg)) + (2 * var(--fx-control-row-gap)) + 18px)}.fx-device.compressor .comp-section.comp-timing{flex:1 1 0}.fx-device.saturator .fx-device-head,.fx-device.limiter .fx-device-head,.fx-device.sampleDelay .fx-device-head,.fx-device.utility .fx-device-head,.fx-device.reverb .fx-device-head,.fx-device.algoverb .fx-device-head{background:var(--card)}.fx-device.saturator .fx-device-body,.fx-device.limiter .fx-device-body,.fx-device.sampleDelay .fx-device-body,.fx-device.utility .fx-device-body,.fx-device.reverb .fx-device-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:.45rem;display:flex}.fx-device.saturator .comp-main,.fx-device.saturator .comp-graph-main,.fx-device.limiter .comp-main,.fx-device.limiter .comp-graph-main,.fx-device.sampleDelay .comp-main,.fx-device.sampleDelay .comp-graph-main,.fx-device.utility .comp-main,.fx-device.utility .comp-graph-main,.fx-device.reverb .comp-main,.fx-device.reverb .comp-graph-main{flex:1;min-width:0;min-height:0}.fx-device.saturator .comp-sections,.fx-device.limiter .comp-sections,.fx-device.sampleDelay .comp-sections,.fx-device.utility .comp-sections,.fx-device.reverb .comp-sections{max-height:var(--fx-paneled-sections-max-height);flex:none;align-items:flex-start;gap:0}.fx-device.saturator .comp-section,.fx-device.limiter .comp-section,.fx-device.sampleDelay .comp-section,.fx-device.utility .comp-section,.fx-device.reverb .comp-section{box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;min-height:100px;padding:2px 9px}.fx-device.saturator .comp-section-label,.fx-device.limiter .comp-section-label,.fx-device.sampleDelay .comp-section-label,.fx-device.utility .comp-section-label,.fx-device.reverb .comp-section-label,.fx-device.eq .comp-section-label{border-bottom:none;padding-bottom:0;font-size:.68rem}.fx-device.saturator .comp-section-label:before,.fx-device.limiter .comp-section-label:before,.fx-device.sampleDelay .comp-section-label:before,.fx-device.utility .comp-section-label:before,.fx-device.reverb .comp-section-label:before,.fx-device.eq .comp-section-label:before{border:1.5px solid var(--border-strong)}.fx-device.saturator .comp-section-row,.fx-device.limiter .comp-section-row,.fx-device.sampleDelay .comp-section-row,.fx-device.utility .comp-section-row,.fx-device.reverb .comp-section-row{justify-content:center;align-items:flex-start}.fx-device.saturator .comp-section+.comp-section,.fx-device.limiter .comp-section+.comp-section,.fx-device.sampleDelay .comp-section+.comp-section,.fx-device.utility .comp-section+.comp-section,.fx-device.reverb .comp-section+.comp-section{border-left:var(--fx-section-divider-width) solid var(--fx-section-divider-color)}.fx-device.saturator .comp-section.comp-output,.fx-device.utility .comp-section.comp-output,.fx-device.reverb .comp-section.comp-output,.fx-device.palette-device .comp-section.palette-output{--grp:#f59e0b!important}.fx-device.compressor .comp-link-head{border-width:1.5px;font-weight:700}.fx-device.compressor .comp-link-head.on{border-color:var(--border-strong);color:var(--text-h);background:#22d3ee}.fx-device.compressor .comp-makeup-head{margin-left:auto}.fx-device.gate .comp-head-look,.fx-device.compressor .comp-head-look,.fx-device.limiter .comp-head-look{height:16px;transform:translateY(var(--fx-head-look-y-offset));align-items:baseline;gap:.2rem;line-height:1;display:inline-flex}.fx-device.gate .comp-head-look-label,.fx-device.compressor .comp-head-look-label,.fx-device.limiter .comp-head-look-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.55rem}.fx-device.gate .comp-head-look-edit,.fx-device.compressor .comp-head-look-edit,.fx-device.limiter .comp-head-look-edit{color:var(--grp,var(--text));font-size:.58rem;font-family:var(--mono);align-items:baseline;gap:1px;margin:0;display:inline-flex}.fx-device.gate .comp-head-look-edit .eq-edit-num,.fx-device.compressor .comp-head-look-edit .eq-edit-num,.fx-device.limiter .comp-head-look-edit .eq-edit-num{width:3.2ch;color:var(--grp,var(--text));text-align:right;background:0 0;border:none;padding:0;font-size:.58rem}.fx-device.gate .comp-head-look-edit .eq-edit-num:focus,.fx-device.compressor .comp-head-look-edit .eq-edit-num:focus,.fx-device.limiter .comp-head-look-edit .eq-edit-num:focus{box-shadow:inset 0 -1px 0 var(--grp,var(--primary))}.fx-device.compressor .comp-auto-wrap{justify-content:center;display:flex;position:relative}.fx-device.compressor .comp-auto-chip{z-index:2;height:14px;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;top:10px;right:-18px}.fx-device.compressor .comp-auto-chip:before{content:"";border-top:1px solid var(--border-strong);transform-origin:0;width:5px;position:absolute;top:9.2px;left:3.7px;transform:rotate(127.4deg)}.fx-device.compressor .comp-auto-chip.on{color:var(--grp,var(--fx-accent,var(--primary)))}.fx-device.compressor .comp-auto-chip.on:before{border-top-color:var(--grp,var(--fx-accent,var(--primary)))}.dl-select-menu{z-index:220;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-md);flex-direction:column;gap:1px;max-width:min(320px,100vw - 16px);max-height:min(320px,55vh);padding:4px;display:flex;position:fixed;overflow:hidden auto}.dl-select-group{flex-direction:column;gap:1px;min-width:0;display:flex}.dl-select-option{box-sizing:border-box;text-align:left;width:100%;min-height:28px;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:none;padding:5px 10px;font-size:.68rem;display:block;overflow:hidden}.dl-select-option:hover{background:var(--surface-2)}.dl-select-option.active{color:var(--primary);font-weight:700}.dl-select-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px 2px;font-size:.58rem;font-weight:600}button.dl-select-trigger,button.fmt-select,button.io-field-select,button.out-select,button.util-chan,button.comp-select,button.mix-audition,button.av-mod-select{appearance:none;text-align:left;background-image:none}button.io-field-select,button.out-select,button.comp-select,button.mix-audition{align-items:center;gap:4px;width:100%;max-width:100%;display:inline-flex}button.util-chan,button.fmt-select{align-items:center;gap:3px;display:inline-flex}button.util-chan .dl-select-value,button.fmt-select .dl-select-value,button.io-field-select .dl-select-value,button.out-select .dl-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}button.fmt-select .dl-select-value{flex:none}button.fmt-select svg,button.util-chan svg,button.io-field-select svg,button.out-select svg{color:var(--muted);flex:none}.fb-devices{border-radius:var(--r-sm);flex:1;align-items:stretch;gap:5px;min-width:0;min-height:0;margin:6px 5px;display:flex}.fx-device.delay.fx-nested{flex-direction:column;width:460px;overflow:hidden}.fx-feedback-rack .fx-device.filter.fx-nested{width:var(--fx-filter-nested-width);min-width:var(--fx-filter-nested-width);max-width:var(--fx-filter-nested-width)}.fx-nested-x{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:0;display:inline-flex}.fx-nested-x:hover{color:#f87171}.fx-device-head .sc-key~.fx-nested-x{margin-left:.35rem}.fb-slot{flex-direction:column;flex:none;align-items:center;gap:4px;width:22px;padding:2px 0;display:flex}.fb-slot .chain-meter{border:1px solid var(--border);border-radius:2px;flex:auto;width:14px;min-height:0;display:block}.fx-device.collapsed,.fx-device.fx-nested.collapsed{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:8px;width:30px;min-width:0;max-width:none;padding:8px 0;overflow:hidden}.fx-device.collapsed:hover{background:var(--surface)}.fx-strip-power{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;width:11px;height:11px;padding:0}.fx-strip-power.on{background:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary))}.fx-strip-name{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text-h);white-space:nowrap;font-size:.8rem;font-weight:700}.fx-device.saturator .comp-graph-main{min-height:90px}.util-display{flex:1 1 0;gap:.3rem;min-width:0;min-height:0;display:flex}.util-viz{flex:1 1 0;min-width:0;min-height:0;position:relative}.util-canvas{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;height:100%;display:block;position:absolute;inset:0}.util-corr{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex:none;width:30px;height:100%;display:block}.util-ctls{z-index:2;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:6px;align-items:center;gap:.35rem;max-width:calc(100% - 8px);padding:2px 5px;display:inline-flex;position:absolute;top:4px;left:4px;overflow:hidden}.util-ctl-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.55rem}.util-seg{padding:2px}.util-seg .seg-btn{text-transform:none;height:auto;padding:1px 7px;font-size:.58rem}.uv-corner{z-index:2;align-items:center;gap:2px;display:inline-flex;position:absolute}.uv-tr{top:4px;right:5px}.uv-tl{top:4px;left:5px}.uv-tc{top:4px;left:50%;transform:translate(-50%)}.uv-corner .seg-btn{text-transform:none;white-space:nowrap;align-items:center;height:16px;padding:0 6px;font-size:.55rem;line-height:1;display:inline-flex}.uv-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:1px;font-size:.5rem}.uv-sel{align-items:center;display:inline-flex;position:relative}.uv-sel-btn{height:16px;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0 4px;font-size:.55rem;line-height:1;display:inline-flex}.uv-sel-btn:hover{color:var(--text-h)}.uv-sel-btn svg{color:var(--muted);flex:none;width:10px;height:10px}.uv-sel-val{font-weight:600}.uv-menu{z-index:5;background:var(--card);border:1px solid var(--border-strong);border-radius:5px;flex-direction:column;gap:1px;margin-top:3px;padding:2px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #0000004d}.uv-menu-r{left:auto;right:0}.uv-menu-item{text-align:left;white-space:nowrap;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 9px;font-size:.6rem}.uv-menu-item:hover{background:var(--surface-2)}.uv-menu-item.on{color:var(--primary);font-weight:700}.sono-ctls .uv-sel-btn,.sono-ctls .uv-lbl,.sono-ctls .uv-sel-btn svg{color:#fff}.util-tip{z-index:6;pointer-events:none;white-space:nowrap;background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);font-family:var(--mono);flex-direction:column;gap:1px;padding:.22rem .42rem;font-size:.58rem;line-height:1.4;display:flex;position:absolute;transform:translate(12px,-50%)}.util-tip[data-side=l]{transform:translate(calc(-100% - 12px),-50%)}.util-tip .t-f{color:var(--text-h);font-weight:700}.util-tip .t-n{color:var(--primary)}.util-tip .t-a{color:var(--muted)}.util-chan{box-sizing:border-box;appearance:none;width:max-content;max-width:100%;height:1.4rem;font-size:.62rem;font-weight:600;font-family:var(--mono);color:var(--grp,var(--text));cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 100%/9px no-repeat;border:none;margin:0;padding:0 13px 0 1px;line-height:1}.fx-device.utility .comp-section-row .comp-ctl-toggle{align-self:end;gap:2px}.fx-device.utility .comp-section-row .comp-mixbtn{height:1.4rem;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.fx-device.utility .comp-section-row .comp-mixbtn.on{color:var(--grp,var(--primary));background:0 0;border:none}.fx-device.utility .comp-section-row .comp-ctl-edit{align-items:center}.fx-device.compressor .comp-section-row .comp-ctl-toggle{align-self:end;gap:2px}.fx-device.compressor .comp-section-row .comp-mixbtn{justify-content:center;align-items:center;height:1.4rem;display:inline-flex}.uv-zoom{z-index:2;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.util-fader{background:var(--surface-2);border:1px solid var(--border);cursor:ns-resize;touch-action:none;border-radius:3px;width:6px;height:86px;position:relative}.util-fader-fill{background:color-mix(in srgb, var(--primary) 55%, transparent);border-radius:3px;position:absolute;bottom:0;left:0;right:0}.util-fader-handle{background:var(--text);border:1px solid var(--border-strong);pointer-events:none;border-radius:2px;height:4px;position:absolute;left:-3px;right:-3px;box-shadow:0 1px 2px #00000073}.util-fader.util-fader-h{cursor:ew-resize;width:100%;height:6px}.util-fader-h .util-fader-fill{height:auto;inset:0 auto 0 0}.util-fader-h .util-fader-handle{width:4px;height:auto;inset:-3px auto -3px 0}.uv-time{z-index:2;align-items:center;display:flex;position:absolute;bottom:6px;left:10px;right:10px}.comp-body{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex}.comp-main{flex:auto;gap:.4rem;min-height:0;display:flex}.comp-graph-main{flex:auto;min-width:0;display:flex;position:relative}.comp-canvas{border:var(--fx-visualizer-border-width) solid var(--fx-visualizer-border-color);border-radius:var(--fx-visualizer-radius);flex:auto;width:100%;min-width:0;height:100%;display:block}.comp-grstrip{border:var(--fx-visualizer-border-width) solid var(--fx-visualizer-border-color);border-radius:var(--fx-visualizer-radius);flex:0 0 30px;width:100%;min-width:0;height:30px;display:block}.comp-thresh{cursor:ns-resize;touch-action:none;z-index:2;height:11px;margin-top:-5.5px;position:absolute;left:0;right:18px}.comp-thresh:before{content:"";border-top:1.5px dashed #3b82f6;position:absolute;top:50%;left:0;right:0}.comp-thresh-tag{font-size:.55rem;font-family:var(--mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:2px;padding:0 3px;position:absolute;top:-.95rem;left:4px}.rv-handle{cursor:ew-resize;touch-action:none;z-index:2;width:11px;margin-left:-5.5px;position:absolute;top:0;bottom:0}.rv-handle:before{content:"";border-left:1.5px dashed var(--rv-handle,#f472b6);position:absolute;top:0;bottom:0;left:50%}.rv-handle-end:before{border-left-style:solid}.fx-device.algoverb{--rv-handle:#f472b6}.fx-device.delay{--rv-handle:#34d399}.rv-handle-end .comp-thresh-tag{left:auto;right:4px}.rv-ir-row{flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.rv-ir-row .comp-mixbtn{flex:none}.rv-ir-row .comp-mixbtn:disabled{opacity:.5;cursor:default}.rv-ir-name{min-width:0;font-size:.55rem;font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.rv-ir-err{color:#f87171;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.55rem;overflow:hidden}.comp-sections{flex:none}.comp-fader{flex-direction:column;flex:none;align-items:center;gap:2px;width:30px;display:flex}.comp-fader-col{cursor:ns-resize;touch-action:none;flex:auto;width:16px;min-height:0;position:relative}.comp-fader-meter{border:1px solid var(--border);border-radius:3px;width:100%;height:100%;display:block}.comp-fader-handle{background:var(--text);border:1px solid var(--border-strong);pointer-events:none;border-radius:2px;height:4px;margin-top:-2px;position:absolute;left:-3px;right:-3px;box-shadow:0 1px 2px #00000073}.comp-fader-label{color:var(--muted);text-transform:uppercase;font-size:.55rem;font-weight:700}.comp-fader-val{font-size:.55rem;font-family:var(--mono);color:var(--text)}.comp-gr{flex:none;width:28px}.comp-ctl.comp-ctl-toggle{align-self:end;gap:4px}.comp-mixbtn{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:3px;padding:1px 6px;font-size:.55rem;font-weight:600;line-height:1.2}.comp-mixbtn.on{background:var(--grp,var(--primary));border-color:var(--grp,var(--primary));color:var(--on-primary)}.lvl-meter{grid-template-rows:auto auto;grid-template-columns:1.4rem 1fr;align-items:center;column-gap:.25rem;display:grid}.lvl-label{color:var(--muted);text-transform:uppercase;grid-row:1/span 2;font-size:.6rem;font-weight:700}.lvl-canvas{border-radius:2px;grid-column:2;width:100%;height:.55rem;display:block;overflow:hidden}.lvl-val{font-family:var(--mono);color:var(--text);text-align:right;grid-column:2;font-size:.58rem;line-height:1}.lvl-meter.vertical{flex-direction:column;align-items:center;gap:2px;display:flex}.lvl-meter.vertical .lvl-label{grid-row:auto;font-size:.55rem}.lvl-meter.vertical .lvl-canvas{border:1px solid var(--border);flex:auto;grid-column:auto;width:16px;height:auto;min-height:0}.lvl-meter.vertical .lvl-val{text-align:center;font-size:.55rem;line-height:inherit;grid-column:auto}.comp-head-seg{flex:none;align-items:center;gap:2px;height:1.5rem;margin:0 0 0 .4rem;padding:2px;display:inline-flex}.comp-head-seg .seg-btn{text-transform:none;flex:none;height:calc(1.5rem - 4px);padding:0 .4rem;font-size:.6rem}.comp-inline-seg{gap:1px;height:1.4rem;padding:1px}.comp-inline-seg .seg-btn{text-transform:none;flex:none;height:auto;padding:0 5px;font-size:.58rem}.comp-inline-seg .seg-btn.on{background:var(--grp,var(--card));color:#0a0e16;box-shadow:none}.comp-head-seg .comp-det-peak.on,.comp-head-seg .comp-det-rms.on{color:#11151c;box-shadow:none;background:#22d3ee}.comp-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;height:1.5rem;padding:0 .5rem;font-size:.6rem;font-weight:600}.comp-toggle.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.comp-select{border-radius:var(--r-sm);color:var(--text);cursor:pointer;background:0 0;border:none;padding:.18rem .3rem;font-size:.68rem}.comp-head-sc{height:1.5rem;color:var(--muted);flex:0 auto;align-items:center;gap:.3rem;min-width:0;margin:0 0 0 .4rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.fx-device-head .comp-head-sc:first-of-type{margin-left:auto}.sc-key{flex:none;align-items:center;margin-left:auto;display:inline-flex}.sc-btn{border:1px solid var(--border-strong);background:var(--card);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:5px;place-items:center;padding:0;display:inline-grid}.sc-btn:hover{color:var(--text);border-color:var(--text)}.sc-btn.on{color:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary))}.sc-menu{z-index:200;background:var(--card);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;gap:6px;min-width:150px;padding:7px;display:flex;position:fixed;box-shadow:0 6px 18px #0000004d}.sc-menu .comp-select{border:1px solid var(--border);background:var(--surface-2);width:100%;max-width:none;height:1.7rem}.sc-menu .comp-select:disabled{opacity:.45;cursor:default}.sc-menu-fields{gap:8px;display:flex}.sc-menu-fields .comp-ctl{flex:1 1 0;min-width:0}.sc-listen{border:1px solid var(--border-strong);background:var(--surface-2);height:1.7rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:inline-flex}.sc-listen:hover{color:var(--text);border-color:var(--text)}.sc-listen.on{color:var(--on-primary,#fff);background:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary))}.comp-head-sc .comp-select{box-sizing:border-box;max-width:9rem;height:1.5rem;margin:0;padding:0 .25rem;font-size:.62rem;line-height:1}.help-btn{border:1px solid var(--border-strong);background:var(--card);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:5px;flex:none;place-items:center;margin-left:auto;padding:0;display:inline-grid}.help-btn:hover{color:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary))}.fx-device-head .sc-key~.help-btn,.fx-device-head .help-btn~.fx-nested-x{margin-left:.35rem}.full-window-btn{border:1px solid var(--border-strong);background:var(--card);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:5px;flex:none;place-items:center;margin-left:auto;padding:0;display:inline-grid}.full-window-btn:hover{color:var(--fx-accent,var(--primary));border-color:var(--fx-accent,var(--primary))}.fx-device-head .sc-key~.full-window-btn,.fx-device-head .help-btn~.full-window-btn{margin-left:.35rem}.dev-help-scrim{z-index:1000;background:#040609f0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:calc(50vh - 181px);transition:padding-top .3s;animation:.14s dev-help-fade;display:flex;position:fixed;inset:0}.dev-help-scrim.open{padding-top:4vh}@keyframes dev-help-fade{0%{opacity:0}to{opacity:1}}.dev-help-collapse{opacity:0;will-change:grid-template-rows, opacity;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .2s;display:grid}.dev-help-collapse.open{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .25s .3s}.dev-help-collapse>.dev-help-top{overflow:hidden}.dev-help-lines{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dev-help-line{fill:none;stroke:var(--border-strong);stroke-width:1.25px;transition:opacity .12s,stroke .12s,stroke-width .12s}.dev-help-line.dimmed{opacity:.18}.dev-help-line.active{stroke:var(--fx-accent,var(--primary));stroke-width:1.9px}.dev-help-arrowhead{fill:var(--fx-accent,var(--primary))}.dev-help-close{width:34px;height:34px;color:var(--muted);cursor:pointer;z-index:3;background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.dev-help-close:hover{color:var(--text)}.dev-help-toggle{width:34px;height:34px;color:var(--muted);cursor:pointer;z-index:3;background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;right:60px}.dev-help-toggle:hover{color:var(--text)}.dev-help-toggle.on{color:var(--fx-accent,var(--primary));background:color-mix(in srgb, var(--fx-accent,var(--primary)) 16%, transparent)}.dev-help-zoom-readout{z-index:3;border:1px dashed var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);cursor:pointer;text-align:center;min-width:40px;padding:3px 8px;font-size:.66rem;position:absolute;top:25px;right:104px}.dev-help-zoom-readout:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-2);border-style:solid}.dev-help-main{z-index:1;flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}.dev-help-top{text-align:center;flex-direction:column;align-items:center;gap:11px;max-width:720px;display:flex}.dev-help-title{z-index:3;opacity:0;pointer-events:none;max-width:300px;transition:opacity .2s;position:absolute;top:16px;left:24px}.dev-help-title.open{opacity:1;pointer-events:auto;transition:opacity .25s .3s}.dev-help-title h2{letter-spacing:-.01em;color:#ffffffeb;margin:0;font-size:1.15rem;font-weight:700}.dev-help-title p{color:var(--muted);margin:5px 0 0;font-size:.76rem;line-height:1.45}.dev-help-flow{max-width:min(720px,92vw);height:auto;color:var(--muted)}.dhf-edge{stroke:var(--muted);stroke-width:1.3px}.dhf-box{fill:var(--surface-2);stroke:var(--border-strong);stroke-width:1px;transition:fill .1s,stroke .1s}.dhf-box.io{stroke:var(--fx-accent,var(--primary))}.dhf-label{fill:var(--text);font-size:11px;font-weight:600}.dhf-hit{cursor:pointer;outline:none}.dhf-hit:hover .dhf-box{stroke:var(--fx-accent,var(--primary))}.dhf-hit:focus-visible .dhf-box{stroke:var(--fx-accent,var(--primary));stroke-width:1.6px}.dhf-box.on{fill:var(--fx-accent,var(--primary));stroke:var(--fx-accent,var(--primary))}.dhf-box.on+.dhf-label{fill:var(--on-primary,#fff)}.dhf-branch{fill:none;stroke:var(--fx-accent,var(--primary));stroke-width:1.2px;stroke-dasharray:3 2.5;opacity:.85;color:var(--fx-accent,var(--primary))}.dhf-branch-label{fill:var(--fx-accent,var(--primary));text-transform:uppercase;letter-spacing:.04em;font-size:9.5px;font-weight:700}.dev-help-internals{max-width:620px;min-height:3.2em;color:var(--muted);text-align:center;margin:0;font-size:.78rem;line-height:1.45}.dev-help-stage-name{color:var(--fx-accent,var(--primary));font-weight:700}.dev-help-stage{position:relative}.dev-help-device{border:1px solid var(--border-strong);height:340px;box-shadow:0 18px 50px #0000008c}.fx-device.dev-help-device.dev-help-device-flow{width:auto;height:auto;max-height:none;box-shadow:none;background:0 0;border:none;overflow:visible!important}.dev-help-device-flow .fx-device-head{background:0 0;border-bottom:none}.dev-help-scrim:has(.dev-help-device-flow){padding-bottom:40px;overflow-y:auto}.dev-help-card{z-index:2;background:var(--card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;padding:6px 10px;transition:opacity .12s,border-color .12s,box-shadow .12s;display:flex;position:absolute;box-shadow:0 4px 14px #0006}.dev-help-card.left{text-align:right;align-items:flex-end}.dev-help-card.bottom{text-align:center;align-items:center}.dev-help-card.dimmed{opacity:.22}.dev-help-card.active{border-color:var(--fx-accent,var(--primary));box-shadow:0 4px 18px #00000080, 0 0 0 1px var(--fx-accent,var(--primary));z-index:3}.dev-help-anchor{text-transform:uppercase;letter-spacing:.05em;color:var(--fx-accent,var(--primary));font-size:.6rem;font-weight:700}.dev-help-text{color:var(--text);font-size:.71rem;line-height:1.3}.av-head-right{align-items:center;gap:.65rem;margin-left:auto;display:inline-flex}.fx-device.algoverb .av-head-right~.sc-key{margin-left:.35rem}.av-head-safe{height:var(--fx-header-control-height);border:1.5px solid var(--border-strong);background:var(--card);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:.62rem;font-weight:600;display:inline-flex}.av-head-safe.on{color:#062018;background:#34d399;border-color:#34d399}.av-panic{height:var(--fx-header-control-height);color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #ef4444;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:.62rem;font-weight:600;display:inline-flex}.av-panic:hover{color:#fff;background:#ef4444}.av-head-btn{height:var(--fx-header-control-height);border:1.5px solid var(--border-strong);background:var(--card);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;padding:0 6px;display:inline-flex}.av-head-btn:hover{color:var(--text-h);border-color:var(--grp,var(--primary))}.av-ab-toggle{height:var(--fx-header-control-height);border:1.5px solid var(--border-strong);border-radius:6px;display:inline-flex;overflow:hidden}.av-ab-toggle button{background:var(--card);color:var(--muted);cursor:pointer;border:none;padding:0 6px;font-size:.62rem;font-weight:700}.av-ab-toggle button:first-child{border-right:1.5px solid var(--border-strong)}.av-ab-toggle button.on{background:var(--grp,var(--primary));color:var(--on-primary,#fff)}.av-rack{border:1px solid var(--border);border-radius:var(--r-sm);background:color-mix(in srgb, var(--grp,#f472b6) 6%, transparent);flex:auto;align-items:stretch;gap:5px;min-width:0;min-height:0;padding:5px;display:flex;overflow-x:auto}.av-flow{flex:auto;align-items:stretch;gap:28px;min-width:0;min-height:0;padding:12px;display:flex;position:relative;overflow:visible}.av-flow-mod-row{padding:0 12px;display:flex}.av-flow-node{z-index:1;flex:none;display:flex;position:relative}.av-flow-branches{flex:none;align-items:stretch;gap:28px;display:flex;position:relative}.av-flow-node.av-flow-er{position:absolute;bottom:calc(100% + 22px);left:0}[data-flow-node=limiter] .comp-graph-main{flex:0 100px;min-height:90px}[data-flow-node=limiter] .av-stage{max-height:320px}.av-flow-mod-node .av-stage{width:auto;max-width:none}.av-flow-mod-node .av-stage-params{width:auto}.av-flow-mod-node .av-mod{flex-direction:row;align-items:flex-start}.av-flow-mod-node .av-mod-sources{flex-direction:column;flex:none;gap:8px;display:flex}.av-flow-mod-node .av-mod-routes-section{flex:none}.av-flow-mod-node .av-mod-routes{flex-flow:column wrap;max-height:150px}.av-flow-cables{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.av-flow-cable{fill:none;stroke:var(--grp,#f472b6);stroke-width:2.5px;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--grp,#f472b6) 60%, transparent))}.av-flow-jack{fill:var(--grp,#f472b6);opacity:.9}.av-flow-mod-line{fill:none;stroke:#a78bfa;stroke-width:1.3px;stroke-dasharray:3 3;opacity:.75}.av-outcol{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.av-outcol .av-outmeter{flex:auto;width:28px;min-height:0}.av-strip{border:1px solid var(--border-strong);background:var(--card);cursor:pointer;border-radius:7px;flex-direction:column;flex:none;align-items:center;gap:7px;width:28px;padding:8px 0;display:flex}.av-strip:hover{border-color:var(--grp,var(--primary))}.av-strip-dot{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.av-strip-dot:before{content:"";background:var(--grp,#f472b6);border-radius:50%;width:8px;height:8px}.av-strip-name{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text);white-space:nowrap;font-size:.62rem;font-weight:600}.av-strip.off{opacity:.55}.av-strip.off .av-strip-dot:before{box-shadow:inset 0 0 0 1.5px var(--grp,#f472b6);background:0 0}.av-strip-dot.solo:before{background:#eab308}.av-strip-loop{background:var(--fx-accent,#f472b6);border-radius:2px;flex:none;width:7px;height:7px;margin-top:auto}.av-stage{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:8px;flex-direction:column;flex:none;width:190px;display:flex;overflow:hidden}.av-stage.wide{width:520px}.av-stage-loop-group{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:8px;flex:none;align-items:stretch;display:flex;overflow:hidden}.av-stage-loop-group .av-stage{background:0 0;border:none;border-radius:0}.av-stage-head{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 8px;display:flex}.av-stage-name{color:var(--text-h);font-size:.7rem;font-weight:600}.av-color-stage{width:auto}.av-color-stage.bypassed{opacity:.55}.av-color-rack{background:color-mix(in srgb, var(--fx-accent,#f472b6) 8%, transparent);flex:auto;align-items:stretch;gap:5px;min-width:0;min-height:0;padding:5px;display:flex}.av-stage-chips{gap:4px;margin-left:auto;display:flex}.av-stage-viz{flex:56px;min-height:36px;padding:5px 7px 3px}.av-stage-viz .comp-canvas{border:1px solid var(--border);border-radius:5px;width:100%;height:100%}.av-stage-viz.off{opacity:.45}.av-sectionrow{flex-wrap:wrap;gap:6px 16px;display:flex}.av-stage-params{flex-direction:column;flex:0 auto;gap:6px;min-height:2rem;padding:4px 8px 8px;display:flex;overflow-y:auto}.av-morph{flex-direction:column;gap:2px;padding:1px 0;display:flex}.av-morph-slider{appearance:none;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:2px;width:100%;height:4px;margin:3px 0}.av-morph-slider::-webkit-slider-thumb{appearance:none;background:var(--fx-accent,#f472b6);border:2px solid var(--surface-2);cursor:pointer;border-radius:50%;width:13px;height:13px}.av-morph-slider::-moz-range-thumb{background:var(--fx-accent,#f472b6);border:2px solid var(--surface-2);cursor:pointer;border-radius:50%;width:13px;height:13px}.av-morph-slider:focus-visible{outline:2px solid var(--fx-accent,#f472b6);outline-offset:2px}.av-morph-ticks{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;font-size:.5rem;display:flex}.av-morph-ticks .on{color:var(--fx-accent,#f472b6);font-weight:700}.av-branch-rail{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:8px;flex:none;align-items:stretch;display:flex;overflow:hidden}.av-branch-tabs{border-right:1px solid var(--border-strong);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:22px;padding:4px 0;display:flex}.av-branch-tab{cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:6px 3px;display:flex}.av-branch-tab-name{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.03em;color:var(--muted);white-space:nowrap;font-size:.6rem;font-weight:700}.av-branch-tab:hover .av-branch-tab-name{color:var(--text-h)}.av-branch-tab.active .av-branch-tab-name{color:var(--fx-accent,#f472b6)}.av-branch-tab-power{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;width:9px;height:9px;padding:0}.av-branch-tab-power:hover{border-color:var(--fx-accent,#f472b6)}.av-branch-tab-power.on{background:var(--fx-accent,#f472b6);border-color:var(--fx-accent,#f472b6);box-shadow:0 0 4px var(--fx-accent,#f472b6)}.av-branch-pane{align-items:stretch;gap:5px;min-width:0;min-height:0;padding:5px;display:flex}.av-branch-pane>.av-stage,.av-branch-pane>.av-strip{border:none;border-radius:0}.av-branch-pane>.av-stage:not(:last-child),.av-branch-pane>.av-strip:not(:last-child),.av-branch-pane>.av-stage-loop-group:not(:last-child){border-right:1px solid var(--border)}.av-loop-unit{border-left:1px solid var(--border-strong);flex:none;align-items:stretch;display:flex}.av-loop-unit.active{background:color-mix(in srgb, var(--fx-accent,#f472b6) 8%, transparent)}.av-loop-rail-tabs{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:22px;padding:4px 0;display:flex}.av-loop-rail-tabs.idle-empty{justify-content:flex-start}.av-loop-unit:not(.active) .fb-rail{padding-top:4px}.av-loop-unit .fb-rail{border-left:1px solid var(--border-strong)}.av-loop-rail-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-accent,#f472b6);white-space:nowrap;margin-top:4px;font-size:.5rem}.av-loop-rail-tab{cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:6px 3px;display:flex}.av-loop-rail-tab-name{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.03em;color:var(--muted);white-space:nowrap;font-size:.6rem;font-weight:700}.av-loop-rail-tab:hover .av-loop-rail-tab-name{color:var(--text-h)}.av-loop-rail-tab.active .av-loop-rail-tab-name{color:var(--fx-accent,#f472b6)}.av-loop-rail-power{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;width:9px;height:9px;padding:0}.av-loop-rail-power:hover{border-color:var(--fx-accent,#f472b6)}.av-loop-rail-power.on{background:var(--fx-accent,#f472b6);border-color:var(--fx-accent,#f472b6);box-shadow:0 0 4px var(--fx-accent,#f472b6)}.av-loop-devices{background:color-mix(in srgb, var(--fx-accent,#f472b6) 10%, transparent);border-radius:var(--r-sm);align-items:stretch;gap:5px;min-height:0;margin:0 5px 0 1px;padding:0 5px;display:flex}.av-loop-meta{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:color-mix(in srgb, var(--fx-accent,#f472b6) 8%, var(--surface-2));flex-direction:column;flex:none;width:130px;display:flex;overflow:hidden}.av-loop-meta-head{border-bottom:1px solid var(--border-strong);align-items:center;gap:5px;padding:4px 6px;display:flex}.av-loop-meta-name{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:700}.av-loop-meta-body{flex-direction:column;flex:auto;gap:7px;min-height:0;padding:7px;display:flex;overflow-y:auto}.fx-device.palette-device{background:var(--card);width:210px}.fx-device.palette-device .fx-palette-content-row{flex-direction:row;align-items:flex-start;width:100%;min-width:0;display:flex}.fx-device.palette-device .fx-palette-content-row .fx-device-body{flex:1 1 0;min-width:0;overflow:hidden}.fx-device.palette-device .fx-device-body{flex:none}.fx-device.palette-device .comp-sections{align-items:flex-start;gap:0;max-height:none}.fx-device.palette-device .comp-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:0;padding:4px 8px 5px}.fx-device.palette-device .comp-section:not(.palette-output){flex:1 1 0}.fx-device.palette-device .comp-section+.comp-section{border-left:var(--fx-section-divider-width) solid var(--fx-section-divider-color)}.fx-device.palette-device .comp-section-label{border-bottom:none;padding-bottom:0}.palette-viz{flex:0 0 40px;min-height:40px;padding:4px 5px 0}.palette-viz .comp-canvas{width:100%;height:100%}.palette-fields{flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.35rem;padding:5px;display:grid}.fx-device.palette-device.filter-device{width:300px}.fx-device.palette-device.filter-device .comp-main{min-height:160px}.fx-device.palette-device.filter-device .comp-sections{max-height:none}.palette-filter-label{align-items:center;gap:5px;display:flex}.palette-type-select{height:auto;padding:1px 2px;font-size:10px}.fx-device.palette-device.filter-device .filter-curve-graph{min-height:120px}.filter-curve-graph{flex:auto;min-height:30px;display:flex;position:relative}.av-loop-collapsed{align-items:stretch;display:flex}.av-loop-strip{border-left:1px solid var(--border-strong);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:8px;width:26px;padding:7px 0;display:flex}.av-loop-unit>.av-loop-collapsed:first-child .av-loop-strip:first-child{border-left:none}.av-loop-strip:hover{background:var(--surface-2)}.av-loop-strip-power{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;width:11px;height:11px;padding:0}.av-loop-strip-power.on{background:var(--fx-accent,#f472b6);border-color:var(--fx-accent,#f472b6)}.av-loop-strip-name{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text);white-space:nowrap;font-size:.62rem;font-weight:600}.av-loop-rail-empty{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.05em;white-space:nowrap;color:var(--muted);text-transform:uppercase;font-size:.55rem}.av-core-module-x{width:14px;height:14px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;place-items:center;padding:0;font-size:.8rem;display:grid}.av-core-module-x:hover{color:#ef4444}.av-core-add{text-transform:capitalize;border:1px dashed var(--border-strong);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:6px;padding:2px 7px;font-size:.62rem}.av-core-add:hover{border-color:var(--fx-accent,#f472b6);color:var(--text-h);border-style:solid}.av-loop-meta-viz{flex:auto;min-width:0;min-height:42px;padding:5px}.av-loop-meta-viz .comp-canvas{border:1px solid var(--border);border-radius:4px;width:100%;height:100%}.av-mod{flex-direction:column;gap:8px;display:flex}.fx-device .comp-section.av-core{--grp:#a78bfa!important}.av-mod-routes{flex-direction:column;gap:5px;display:flex}.av-mod-route{border:1px solid var(--border-strong);background:var(--card);border-radius:7px;align-items:center;gap:6px;padding:3px 6px;display:flex}.av-mod-select{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:4px;padding:1px 3px;font-size:.62rem}.av-mod-arrow{color:var(--muted);font-size:.7rem}.av-seg{display:inline-flex}.av-seg .seg-btn{padding:1px 7px;font-size:.62rem}.av-fieldrow,.av-toggles{flex-wrap:wrap;gap:12px;display:flex}.av-chip{border:1px solid var(--border-strong);background:var(--card);width:16px;height:16px;color:var(--muted);cursor:pointer;border-radius:4px;place-items:center;font-size:.58rem;font-weight:700;display:grid}.av-chip:hover{border-color:var(--grp,var(--primary));color:var(--text-h)}.av-chip.solo.on{color:#1a1206;background:#eab308;border-color:#eab308}.av-insert-rail{border-radius:var(--r-sm);background:var(--surface);border:1px solid #1f3a2e;flex:none;align-items:stretch;display:flex}.av-insert-rail.expanded{background:color-mix(in srgb, #34d399 6%, var(--surface))}.av-insert-tab{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:22px;padding:4px 0;display:flex}.av-insert-collapsed+.av-insert-tab{border-left:1px solid #1f3a2e}.av-insert-toggle{color:#34d399;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;height:18px;padding:0;display:flex}.av-insert-toggle:hover{color:var(--text-h)}.av-insert-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.1em;color:#34d399;text-transform:uppercase;white-space:nowrap;font-size:.55rem}.av-insert-empty{color:#34d399;cursor:pointer;font-size:.75rem;line-height:1}.av-insert-collapsed{align-items:stretch;display:flex}.av-insert-strip{cursor:pointer;border-left:1px solid #1f3a2e;flex-direction:column;flex:none;align-items:center;gap:7px;width:26px;padding:7px 0;display:flex}.av-insert-collapsed .av-insert-strip:first-child{border-left:none}.av-insert-strip:hover{background:var(--surface-2)}.av-insert-power{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;width:10px;height:10px;padding:0}.av-insert-power.on{background:var(--fx-accent,#34d399);border-color:var(--fx-accent,#34d399)}.av-insert-strip-name{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text);white-space:nowrap;font-size:.6rem;font-weight:600}.av-insert-devices{background:color-mix(in srgb, var(--fx-accent,#34d399) 10%, transparent);border-radius:var(--r-sm);align-items:stretch;gap:5px;min-height:0;margin:0 5px 0 1px;padding:0 5px;display:flex}.av-insert-spacer{flex:none}.av-insert-overlay{z-index:50;align-items:stretch;height:0;display:flex;position:fixed;top:0;left:0}.comp-sections{flex-wrap:nowrap;align-items:stretch;gap:0 .4rem;max-height:4rem;display:flex}.comp-section{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:.2rem;min-width:0;padding:.2rem .4rem .25rem;display:flex}.fx-device .comp-section{--grp:var(--fx-accent)!important}.comp-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--grp,var(--muted));border-bottom:1px solid var(--grp,var(--border));align-items:center;gap:.25rem;padding-bottom:2px;font-size:.55rem;font-weight:700;display:inline-flex}.comp-section-label:before{content:"";background:var(--grp,var(--muted));border-radius:50%;flex:none;width:6px;height:6px}.comp-section-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.35rem;display:grid}.fx-device.sampler .comp-section-row.smp-tune-row,.fx-device.sampler .comp-section-row.smp-output-row{align-items:flex-end;gap:var(--fx-control-row-gap);flex-direction:row;display:flex}.comp-section-row.comp-row-three-knob{grid-template-columns:repeat(3, var(--knob-lg));grid-auto-flow:initial;grid-auto-columns:initial;justify-content:center;gap:var(--fx-control-row-gap)}.comp-section-row.comp-row-three-knob>.knob-unit{justify-self:center}.comp-section-row.comp-row-two-knob-lg{grid-template-columns:repeat(2, var(--knob-lg));grid-auto-flow:initial;grid-auto-columns:initial;justify-content:center;gap:var(--fx-control-row-gap)}.comp-section-row.comp-row-two-knob-lg>.knob-unit,.comp-section-row.comp-row-two-knob-lg>.comp-auto-wrap{width:var(--knob-lg);justify-self:center}.comp-section-row.comp-row-two-knob-lg>.knob-unit .knob,.comp-section-row.comp-row-two-knob-lg>.comp-auto-wrap .knob{width:var(--knob-lg);height:var(--knob-lg)}.comp-section.comp-three-knob>.comp-section-label{align-self:flex-start}.comp-section.comp-three-knob>.comp-section-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.comp-section.comp-three-knob>.comp-section-head .comp-section-label{margin-right:auto}.comp-section-row.comp-row-three-knob>.knob-unit:first-child .knob{width:var(--knob-lg);height:var(--knob-lg)}.comp-section-row.comp-row-three-knob>.knob-unit:nth-child(n+2) .knob{width:var(--knob-md);height:var(--knob-md)}.comp-ctl{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.comp-ctl-label{color:var(--muted);align-items:center;gap:.3rem;padding-left:0;font-size:.55rem;display:inline-flex}.comp-ctl-edit.disabled{opacity:.4;pointer-events:none}.comp-auto{letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:3px;flex:none;padding:1px 3px;font-size:.45rem;font-weight:700;line-height:1}.comp-auto.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.comp-ctl-edit{height:1.4rem;font-size:.62rem;line-height:1;font-family:var(--mono);color:var(--grp,var(--muted));align-items:baseline;gap:.15rem;margin:0;display:inline-flex}.comp-ctl-edit .eq-edit-num{text-align:left;width:4em;color:var(--grp,var(--text));background:0 0;border:none;padding:0;font-size:.62rem}.comp-ctl-edit .eq-edit-num:focus{box-shadow:inset 0 -1px 0 var(--grp,var(--primary))}:root{--knob-sm:40px;--knob-md:50px;--knob-lg:60px}.knob-unit{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.knob-unit.disabled{opacity:.4;pointer-events:none}.knob-label{color:var(--muted);white-space:nowrap;font-size:.55rem}.knob{width:var(--knob-md);height:var(--knob-md);cursor:ns-resize;touch-action:none;position:relative}.knob-sm .knob{width:var(--knob-sm);height:var(--knob-sm)}.knob-lg .knob{width:var(--knob-lg);height:var(--knob-lg)}.knob svg{width:100%;height:100%;overflow:visible}.knob-track{fill:none;stroke:var(--border-strong);stroke-width:5px;stroke-linecap:round;opacity:.55}.knob-fill{fill:none;stroke:var(--grp,var(--primary));stroke-width:6px;stroke-linecap:round}.knob-cap{fill:var(--card)}.knob-cap-ring{fill:none;stroke:var(--border-strong);stroke-width:2.2px}.knob-pointer{stroke:var(--text-h);stroke-width:3.4px;stroke-linecap:round}.knob-tick{stroke:var(--text);stroke-width:2px;stroke-linecap:round;opacity:.6}.knob-value{font:700 .62rem var(--mono);color:var(--grp,var(--text));cursor:text;display:block}.knob-value-input{width:3.4em;font:700 .62rem var(--mono);color:var(--grp,var(--text));text-align:center;border:none;border-bottom:1px solid var(--grp,var(--primary));background:0 0;outline:none}[data-theme|=sketch]{--font-hand:"Fuzzy Bubbles", "Comic Sans MS", "Chalkboard SE", cursive;--fx-visualizer-border-width:2px;--fx-visualizer-border-color:var(--border-strong);--fx-visualizer-radius:12px 16px 13px 17px}[data-theme|=sketch] .fx-device-name,[data-theme|=sketch] .fx-strip-name,[data-theme|=sketch] .comp-section-label,[data-theme|=sketch] .comp-ctl-label,[data-theme|=sketch] .knob-label,[data-theme|=sketch] .knob-value,[data-theme|=sketch] .knob-value-input,[data-theme|=sketch] .mod-rail-label,[data-theme|=sketch] .rack-cap-label,[data-theme|=sketch] .dl-select-trigger,[data-theme|=sketch] .dl-select-option,[data-theme|=sketch] .fx-device-head .seg-btn,[data-theme|=sketch] .av-head-btn,[data-theme|=sketch] .av-head-safe,[data-theme|=sketch] .av-panic,[data-theme|=sketch] .av-ab-toggle button{font-family:var(--font-hand)}[data-theme|=sketch] .fx-device-name,[data-theme|=sketch] .fx-strip-name{text-transform:uppercase}[data-theme|=sketch] .fx-device{border-width:2px;border-color:var(--border-strong);box-shadow:var(--shadow-md);border-radius:14px 18px 15px 20px}[data-theme|=sketch] .fx-device.selected{box-shadow:0 0 0 2px var(--fx-accent,var(--primary)), var(--shadow-md)}[data-theme|=sketch] .clip-container-instance{--clip-container-lane-inset:2px;border-width:2px;border-color:var(--border-strong);box-shadow:none;border-radius:10px 14px 11px 15px}[data-theme|=sketch] .clip-container-instance.selected{box-shadow:0 0 0 2px var(--fx-accent,var(--primary))}[data-theme|=sketch] .fx-chain{padding:8px}[data-theme|=sketch] .fx-device.fx-nested{box-shadow:none}[data-theme|=sketch] .fx-device.fx-nested.selected{box-shadow:0 0 0 2px var(--fx-accent,var(--primary))}[data-theme|=sketch] .fx-pad-rack .fx-device,[data-theme|=sketch] .fx-mod-rack .fx-device,[data-theme|=sketch] .fx-voicefx-rack .fx-device,[data-theme|=sketch] .fx-feedback-rack .fx-device{box-shadow:none}[data-theme|=sketch] .fx-pad-rack .fx-device.selected,[data-theme|=sketch] .fx-mod-rack .fx-device.selected,[data-theme|=sketch] .fx-voicefx-rack .fx-device.selected,[data-theme|=sketch] .fx-feedback-rack .fx-device.selected{box-shadow:0 0 0 2px var(--fx-accent,var(--primary))}[data-theme|=sketch] .knob-track,[data-theme|=sketch] .knob-fill,[data-theme|=sketch] .knob-cap-ring{filter:url(#pencil)}[data-theme|=sketch] .fx-power,[data-theme|=sketch] .fx-power.on{border-width:2px;border-color:var(--border-strong);width:23px;height:23px;box-shadow:none;border-radius:50%}[data-theme|=sketch] .clip-container-header .fx-power,[data-theme|=sketch] .clip-container-header .fx-power.on{width:11px;height:11px;box-shadow:none;border-width:1px}[data-theme|=sketch] .clip-editor-details-title .fx-power,[data-theme|=sketch] .clip-editor-details-title .fx-power.on{width:18px;height:18px;box-shadow:none;border-width:1px}[data-theme|=sketch] .osk-qwerty-range-band .fx-power.osk-qwerty-power,[data-theme|=sketch] .osk-qwerty-range-band .fx-power.on.osk-qwerty-power{width:min(100% - 6px,12px);max-width:12px;height:min(100% - 4px,12px);max-height:12px;box-shadow:none;border-width:1px}[data-theme|=sketch] .fx-device.delay>.fx-delay-frame>.fx-device-head .seg-btn.on{background:var(--fx-accent,var(--primary));color:var(--text-h)}[data-theme|=sketch] .fx-feedback-rack{border-color:var(--border-strong);border-left-width:2px}[data-theme|=sketch] .fx-mod-rack{border-color:var(--border-strong);border-right-width:2px}[data-theme|=sketch] .fx-device.filter .fx-filter-content-row>.fx-mod-rack{border-right-width:2px;border-right-color:var(--border-strong)}[data-theme|=sketch] .rack-cap{border-color:var(--border-strong);border-bottom-width:2px}[data-theme|=sketch] .fx-device.delay .fx-delay-main .comp-section+.comp-section,[data-theme|=sketch] .fx-device.filter .comp-section+.comp-section,[data-theme|=sketch] .fx-device.gate .comp-section+.comp-section,[data-theme|=sketch] .fx-device.compressor .comp-section+.comp-section,[data-theme|=sketch] .fx-device.palette-device .comp-section+.comp-section{border-left-color:var(--border-strong);border-left-style:solid;border-left-width:2px}[data-theme|=sketch] .fx-device-head{border-bottom-color:var(--border-strong);border-bottom-style:solid;border-bottom-width:2px}[data-theme|=sketch] .fx-device.filter .comp-ctl-label,[data-theme|=sketch] .fx-device.filter .comp-section-label,[data-theme|=sketch] .fx-device.filter .comp-ctl-edit input,[data-theme|=sketch] .fx-device.filter .util-chan{font-family:var(--font-hand)}[data-theme|=sketch] .fx-device.filter .comp-canvas,[data-theme|=sketch] .fx-device.filter .filter-curve-graph .comp-canvas{filter:none;border-radius:var(--r-sm)}[data-theme|=sketch] .fx-device.filter .fx-power,[data-theme|=sketch] .fx-device.filter .fx-power.on{border-width:2px;border-color:var(--border-strong);width:23px;height:23px;box-shadow:none;border-radius:50%}[data-theme|=sketch] .fx-device.palette-device.filter-device .fx-device-name,[data-theme|=sketch] .fx-device.palette-device.filter-device .comp-section-label,[data-theme|=sketch] .fx-device.palette-device.filter-device .comp-ctl-label,[data-theme|=sketch] .fx-device.palette-device.filter-device .comp-ctl-edit input,[data-theme|=sketch] .fx-device.palette-device.filter-device .util-chan{font-family:var(--font-hand)}[data-theme|=sketch] .fx-device.palette-device.filter-device .comp-canvas,[data-theme|=sketch] .fx-device.palette-device.filter-device .filter-curve-graph .comp-canvas{filter:none;border-radius:var(--r-sm)}[data-theme|=sketch] .fx-device.palette-device.filter-device .fx-power,[data-theme|=sketch] .fx-device.palette-device.filter-device .fx-power.on{border-width:2px;border-color:var(--border-strong);width:23px;height:23px;box-shadow:none;border-radius:50%}[data-theme|=sketch] .dl-select-menu{font-family:var(--font-hand);border:2px solid var(--border-strong);background:var(--card);box-shadow:3px 3px 0 var(--border-strong);border-radius:10px 13px 11px 14px;padding:4px}[data-theme|=sketch] .dl-select-option{font-family:var(--font-hand);color:var(--text-h);border-radius:6px;padding:7px 8px 7px 24px;font-size:.7rem;font-weight:700;position:relative}[data-theme|=sketch] .dl-select-option:hover{background:color-mix(in srgb, var(--border-strong) 14%, transparent)}[data-theme|=sketch] .dl-select-option.active{color:var(--text-h);background:color-mix(in srgb, var(--border-strong) 22%, transparent);font-weight:700}[data-theme|=sketch] .dl-select-option.active:before{content:"✓";font:700 13px var(--font-hand);color:var(--text-h);position:absolute;top:50%;left:8px;transform:translateY(-50%)}[data-theme|=sketch] .util-chan{font-family:var(--font-hand);border:2px solid var(--border-strong);background:var(--card);height:auto;color:var(--text-h);border-radius:6px;padding:4px 20px 4px 7px;font-size:.68rem;font-weight:700}[data-theme|=sketch] .mixer-strip .vchannel-head .track-label,[data-theme|=sketch] .mrl-label,[data-theme|=sketch] .mixer-strip .vol-db,[data-theme|=sketch] .mixer-strip .vstrip-peak,[data-theme|=sketch] .chip,[data-theme|=sketch] .out-select,[data-theme|=sketch] .send-btn,[data-theme|=sketch] .mixer-panel-main .fx-strip-name{font-family:var(--font-hand)}[data-theme|=sketch] .pan-bar{background:0 0;border-width:2px;border-radius:5px;height:14px}[data-theme|=sketch] .vol-db{border-width:2px;border-radius:5px;height:22px}[data-theme|=sketch] .main-bar .main-strip .mixer-buttons .chip{border-width:0;border-radius:0;width:30px;height:auto}[data-theme|=sketch] .main-bar .main-strip .mixer-buttons .chip.on{border-radius:0}[data-theme|=sketch] .main-bar .main-strip .vol-db{border-width:0 1px;border-radius:0;height:auto}[data-theme|=sketch] .mixer-buttons .chip{border-width:2px;border-radius:6px;width:22px;height:22px}[data-theme|=sketch] .mixer-buttons .chip.fx{border-radius:6px;width:auto;min-width:22px}[data-theme|=sketch] .mixer-strip .th-fader{border-width:2px;border-radius:6px}[data-theme|=sketch] .mixer-strip{border-color:var(--border-strong)}[data-theme|=sketch] .mixer-strip.bus.group{border-color:color-mix(in srgb, #38bdf8 60%, var(--border-strong))}[data-theme|=sketch] .mixer-strip.bus.aux{border-color:color-mix(in srgb, #a78bfa 65%, var(--border-strong))}[data-theme|=sketch] .mixer-strip .th-fader,[data-theme|=sketch] .pan-bar{border-color:var(--border-strong)}[data-theme|=sketch] .mixer-row-labels{border-right-color:var(--border-strong)}[data-theme|=sketch] .mrl-menu-btn,[data-theme|=sketch] .out-select,[data-theme|=sketch] .send-btn,[data-theme|=sketch] .vchannel .mcs-insert,[data-theme|=sketch] .mixer-panel-main .vchannel,[data-theme|=sketch] .chip{border-color:var(--border-strong)}[data-theme|=sketch] .chip:not(.fx):not(:has(svg)){translate:-.5px 1px}[data-theme|=sketch] .track-label{font-family:var(--font-hand)}[data-theme|=sketch] .card.player .timeline-frame,[data-theme|=sketch] .card.player.expanded .loud-tl,[data-theme|=sketch] .card.player.expanded .fx-panel-wrap,[data-theme|=sketch] .card.player.expanded .keyboard-drawer,[data-theme|=sketch] .card.player.expanded .studio-side-panel,[data-theme|=sketch] .card.player.expanded .studio-browser-panel,[data-theme|=sketch] .card.player.expanded .main-bar{border-width:2px;border-color:var(--border-strong);border-radius:10px 14px 11px 15px}[data-theme|=sketch] .card.player.expanded .timing-strip-controls-tempo,[data-theme|=sketch] .card.player.expanded .timing-strip-meter .timing-strip-controls{border-radius:10px 14px 11px 15px}[data-theme|=sketch] .card.player.expanded .track-controls:has(.channel){border-radius:10px 14px 11px 15px}[data-theme|=sketch] .lane-divider{background:var(--border-strong);height:2px}[data-theme|=sketch] .timeline-header-edge{background:var(--border-strong);width:2px}[data-theme|=sketch] .card.player.expanded .timing-strip-controls-tempo,[data-theme|=sketch] .card.player.expanded .timing-strip-meter .timing-strip-controls{background:var(--card);border:none}[data-theme|=sketch] .card.player.expanded .track-controls:has(.channel){background:var(--card);border:none}[data-theme|=sketch] .card.player.expanded .ch-stack .pan-bar{border-width:2px;border-color:var(--border-strong);border-radius:6px;height:24px}[data-theme|=sketch] .card.player.expanded .ch-stack .vol-db,[data-theme|=sketch] .card.player.expanded .ch-stack .track-io-btn{border-width:2px;border-color:var(--border-strong);border-radius:6px;height:30px}[data-theme|=sketch] .card.player.expanded .th-fader{border:2px solid var(--border-strong);border-radius:6px}[data-theme|=sketch] .card.player.expanded .ch-stack .mixer-buttons .chip{width:24px;height:24px}[data-theme|=sketch] .card.player.expanded .ch-stack .mixer-buttons .chip.fx{width:auto;min-width:24px}[data-theme|=sketch] .card.player:not(.expanded) .track-controls{--th-header-chip:22px}[data-theme|=sketch] .card.player:not(.expanded) .th-controls-col .chip{translate:none}[data-theme|=sketch] .card.player:not(.expanded) .th-meter-slot{border:2px solid var(--border-strong);border-radius:6px}[data-theme|=sketch] .routing-lane-label,[data-theme|=sketch] .rn-sidebar-label,[data-theme|=sketch] .rn-fx-name,[data-theme|=sketch] .rn-chip,[data-theme|=sketch] .routing-actions button,[data-theme|=sketch] .routing-zoom-readout,[data-theme|=sketch] .rv-ctx-item,[data-theme|=sketch] .rv-send-level{font-family:var(--font-hand)}[data-theme|=sketch] .routing-node,[data-theme|=sketch] .rn-fx-strip,[data-theme|=sketch] .rn-chip,[data-theme|=sketch] .routing-actions button,[data-theme|=sketch] .routing-zoom-readout,[data-theme|=sketch] .rv-ctx-menu,[data-theme|=sketch] .rv-ctx-sub{border-width:2px;border-color:var(--border-strong)}[data-theme|=sketch] .routing-node:hover,[data-theme|=sketch] .routing-node.selected{border-color:var(--k)}[data-theme|=sketch] .routing-node{border-radius:10px 13px 11px 14px}[data-theme|=sketch] .rv-ctx-menu,[data-theme|=sketch] .rv-ctx-sub,[data-theme|=sketch] .rv-del-modal{border-radius:10px 14px 11px 15px}[data-theme|=sketch] .routing-actions button,[data-theme|=sketch] .routing-zoom-readout{border-radius:10px 13px 11px 14px}[data-theme|=sketch] .rn-chip,[data-theme|=sketch] .rn-fx-key{border-radius:6px}[data-theme|=sketch] .rn-sidebar{border-radius:9px 0 0 12px}[data-theme|=sketch] .routing-node{box-shadow:var(--shadow-md)}[data-theme|=sketch] .routing-node.selected{box-shadow:0 0 0 2px var(--k), var(--shadow-pop)}[data-theme|=sketch] .rv-ctx-menu,[data-theme|=sketch] .rv-ctx-sub,[data-theme|=sketch] .rv-del-modal{box-shadow:var(--shadow-pop)}[data-theme|=sketch] .routing-node[data-kind=group]{border-color:color-mix(in srgb, var(--rv-group) 60%, var(--border-strong))}[data-theme|=sketch] .routing-node[data-kind=aux]{border-color:color-mix(in srgb, var(--rv-aux) 65%, var(--border-strong))}[data-theme|=sketch] .routing-node[data-kind=master]{border-color:color-mix(in srgb, var(--rv-master) 60%, var(--border-strong))}.eq-editor{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex}.eq-curve{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex;position:relative}.eq-canvas{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex:auto;width:100%;min-height:0;display:block}.eq-menu{z-index:200;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;gap:1px;min-width:7.5rem;padding:.2rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.eq-menu-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.74rem}.eq-menu-item:hover{background:var(--surface-2)}.eq-menu-item.on{color:var(--primary);font-weight:700}.eq-menu-item.danger{color:var(--danger);border-top:1px solid var(--border);border-radius:0 0 4px 4px;margin-top:1px}.smp-wave-ctx{min-width:14rem}.smp-wave-ctx .eq-menu-sep{background:var(--border);height:1px;margin:2px 0}.smp-wave-ctx .smp-ctx-sample-start{color:var(--primary-h,var(--primary))}.smp-wave-ctx .smp-ctx-sample-end{color:var(--error)}.smp-wave-ctx .smp-ctx-loop{color:var(--sampler-accent)}.eq-controls{flex-direction:column;flex:none;gap:.25rem;min-height:4rem;display:flex}.eq-band-tabs{border-bottom:1px solid var(--sel,var(--border));flex-wrap:wrap;align-items:flex-end;gap:.4rem;min-height:1.04rem;padding-bottom:2px;transition:border-color .12s;display:flex}.eq-band-tab{font-family:var(--mono);text-align:center;min-width:1rem;color:var(--grp,var(--muted));opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:1}.eq-band-tab:hover{opacity:.85}.eq-band-tab.on{opacity:1;background:color-mix(in srgb, var(--grp) 16%, transparent)}.eq-band-tab.solo{opacity:1;box-shadow:0 0 0 1px var(--grp,var(--muted))}.eq-controls-row{justify-content:space-between;align-items:flex-end;gap:.6rem;min-height:2.2rem;display:flex}.eq-band-ctl{align-items:flex-start;gap:.7rem;min-width:0;display:flex}.eq-band-ctl .comp-ctl{padding-top:1px}.eq-band-ctl .comp-ctl-toggle:last-child{margin-left:.2rem}.eq-hint{color:var(--muted);align-self:center;font-size:.62rem}.eq-analyzer{--grp:var(--fx-accent);flex-direction:column;flex:none;align-items:flex-start;gap:.3rem;display:flex}.eq-an-btns{align-items:center;gap:.25rem;display:flex}.eq-an-btn{border:1px solid var(--border-strong);background:var(--card);color:var(--muted);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.eq-an-btn.on{background:var(--fx-accent,var(--primary));color:#0a0e16;border-color:var(--fx-accent,var(--primary))}.eq-an-btn.ref.on{background:#ef4444;border-color:#ef4444}.eq-tip{z-index:6;pointer-events:none;white-space:nowrap;background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);font-family:var(--mono);flex-direction:column;gap:0;padding:.18rem .4rem;font-size:.58rem;line-height:1.3;display:flex;position:absolute;transform:translate(12px,-50%)}.eq-tip[data-side=l]{transform:translate(calc(-100% - 12px),-50%)}.eq-tip-f{color:var(--text-h);font-weight:700}.eq-tip-n{color:var(--primary)}.eq-tip-a{color:var(--muted)}.mention-pop{z-index:200;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 28px #00000047}.mention-crumbs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.1rem;padding:.4rem .5rem;display:flex}.mention-crumb-wrap{align-items:center;gap:.1rem;min-width:0;display:inline-flex}.mention-crumb{color:var(--text-h);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:4px;max-width:9rem;padding:.05rem .2rem;font-size:.78rem;font-weight:600;overflow:hidden}.mention-crumb:hover{background:var(--surface-2)}.mention-crumb.root{color:var(--primary);font-weight:700}.mention-search{border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding:.4rem .55rem;display:flex}.mention-search input{background:0 0;border:none;flex:1;min-width:0;margin:0;padding:.25rem 0;font-size:.85rem}.mention-search input:focus{outline:none}.mention-list{flex:1;min-height:0;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.mention-foot,.mention-search,.mention-crumbs{flex-shrink:0}.mention-empty{color:var(--muted);padding:.5rem .6rem;font-size:.8rem}.mention-row{border-radius:var(--r-sm);align-items:stretch;padding-right:1.85rem;display:flex}.mention-row:has(.mention-drill){padding-right:0}.mention-row.active{background:var(--primary-soft,var(--surface-2))}.mention-opt{border-radius:var(--r-sm);min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.45rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.mention-opt.current .mention-opt-label{color:var(--primary);font-weight:600}.mention-drill{border-radius:var(--r-sm);width:1.7rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;margin:.15rem .15rem .15rem 0;padding:0;display:grid}.mention-row.active .mention-drill{border-color:var(--border-strong);background:var(--card)}.mention-drill:hover{color:var(--primary);border-color:var(--primary)}.mention-sec{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.45rem .5rem .1rem;font-size:.66rem;font-weight:700}.mention-sec:first-child{padding-top:.2rem}.mention-ghost{color:var(--muted);align-items:center;gap:.35rem;padding:.2rem .5rem .35rem .55rem;font-size:.75rem;display:flex}.mention-opt-hint{color:var(--muted);flex-shrink:0;font-size:.72rem}.mention-opt-hint.mono{font-family:var(--mono);color:var(--primary)}.mention-level{margin-left:.2rem;font-size:.72rem}.mention-tip{color:var(--text);background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding:.35rem .4rem .35rem .55rem;font-size:.75rem;display:flex}.mention-tip span{flex:1}.mention-tip .icon-btn{flex-shrink:0}.mention-foot.narrate{color:var(--text);flex-direction:column;align-items:flex-start;gap:.15rem;font-size:.74rem}.mention-scrim{z-index:450;background:#00000059;position:fixed;inset:0}.mention-pop.sheet{z-index:451;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;box-shadow:0 -8px 28px #00000047}.mention-pop.sheet .mention-crumbs{padding-right:.35rem}.mention-pop.sheet .mention-crumbs:before{content:"";background:var(--border-strong);border-radius:2px;width:2.2rem;height:4px;margin-left:-1.1rem;position:absolute;top:.3rem;left:50%}.mention-pop.sheet .mention-crumbs{padding-top:.8rem;position:relative}.mention-close{margin-left:auto}.mention-pop.sheet .mention-search input{font-size:16px}.mention-pop.sheet .mention-opt{padding:.55rem .6rem;font-size:.95rem}.mention-pop.sheet .mention-crumbs{padding-top:.7rem;padding-bottom:.25rem}.mention-pop.sheet .mention-search{padding-top:.3rem;padding-bottom:.3rem}.mention-pop.sheet .mention-sec{padding-top:.3rem}.mention-pop.sheet .mention-ghost{padding-top:.1rem;padding-bottom:.2rem}.mention-pop.sheet .mention-drill{width:2.75rem}.mention-pop.sheet .mention-row{padding-right:2.75rem}.mention-pop.sheet .mention-row:has(.mention-drill){padding-right:0}.mention-pop.sheet .mention-foot{padding-bottom:max(.4rem, env(safe-area-inset-bottom))}.mention-foot .link{font-size:inherit;padding:0}.inline-icon{vertical-align:-2px}.mention-foot kbd{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-h);border-radius:4px;padding:0 .28rem;font-size:.7rem}.mention-opt.scope-whole{border-bottom:1px solid var(--border);border-radius:var(--r-sm) var(--r-sm) 0 0;margin-bottom:.15rem}.mention-opt.scope-whole .mention-opt-label{color:var(--primary);font-weight:600}.mention-opt.scope-track{padding-left:1rem}.mention-opt-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mention-opt-more{color:var(--muted);flex-shrink:0}.mention-new{text-transform:uppercase;letter-spacing:.03em;color:var(--primary);flex-shrink:0;font-size:.65rem;font-weight:700}.mention-hint{color:var(--muted);margin:0;padding:.4rem .6rem;font-size:.75rem}.mention-inline{resize:none;flex:1;min-width:0;margin:0}.mix-audition{max-width:11rem;margin:0}.mix-audition.sm{max-width:9rem;padding:.2rem .4rem;font-size:.8rem}.mention-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .55rem;display:flex}.mention-foot .primary.sm{align-items:center;gap:.25rem;width:auto;margin:0;padding:.25rem .55rem;display:inline-flex}.comment-body{white-space:pre-wrap}.mention-chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-h);vertical-align:baseline;cursor:pointer;border-radius:999px;align-items:center;gap:.2rem;margin:0 .05rem;padding:.02rem .4rem;font-size:.82rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}a.mention-chip:hover{border-color:var(--primary);color:var(--primary)}.mention-chip.mix{color:var(--primary);border-color:var(--primary);background:var(--primary-soft,var(--surface-2))}.mention-chip.mix:hover:not(:disabled){background:var(--primary);color:#fff}.mention-chip:disabled{opacity:.55;cursor:default}.mention-chip.time{font-family:var(--mono);color:var(--primary);background:var(--primary-soft);border-color:#0000;font-weight:500}.mention-chip.time:hover{background:var(--primary);color:#fff}.mention-editable{font:inherit;width:100%;min-height:calc(var(--rows,2) * 1.4em + 1rem);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);color:var(--text);white-space:pre-wrap;word-wrap:break-word;cursor:text;padding:.5rem .6rem;overflow-y:auto}.mention-editable:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.mention-editable:empty:before{content:attr(data-placeholder);color:var(--muted)}.mention-chip-inline{cursor:default;-webkit-user-select:none;user-select:none}.waveform{cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;min-width:0;overflow:hidden}.waveform canvas{width:100%;display:block}.lanes-scroll .waveform{background:0 0;border:none;border-radius:0}.clip-lane{flex:1;min-width:0;position:relative;overflow:hidden}.clip-lane .waveform{flex:none;width:100%}.recording-preview{--recording-accent:var(--error,#dc2626);z-index:24;pointer-events:none;background:0 0;position:absolute;inset:0;overflow:hidden}.recording-preview-container.clip-container-instance{border:2px solid var(--recording-accent);background:color-mix(in srgb, var(--recording-accent) 16%, transparent);min-width:18px;box-shadow:inset 0 0 0 1px #ffffff14, 0 0 0 1px color-mix(in srgb, var(--recording-accent) 28%, transparent);border-radius:3px;top:1px;bottom:1px;overflow:hidden}.recording-preview-container-header.clip-container-header{border-bottom:1px solid color-mix(in srgb, var(--recording-accent) 58%, transparent);background:color-mix(in srgb, var(--recording-accent) 30%, var(--card));min-width:96px;color:var(--text-h);font:700 9px/1 var(--mono);letter-spacing:.02em;white-space:nowrap;cursor:default;gap:5px;padding:0 5px;overflow:hidden}.recording-preview-container-header b{color:#fff;letter-spacing:.08em}.recording-preview-container-body.clip-container-body{background:color-mix(in srgb, var(--recording-accent) 7%, var(--surface-2));position:relative;overflow:hidden}.recording-preview-audio-segment svg{width:100%;height:100%;display:block;overflow:hidden}.recording-preview-audio-segment path{fill:color-mix(in srgb, var(--recording-accent) 76%, transparent);stroke:color-mix(in srgb, #fff 45%, var(--recording-accent));stroke-width:.7px;vector-effect:non-scaling-stroke}.recording-preview-midi-notes{position:absolute;inset:0}.recording-preview-midi-notes i{z-index:2;background:color-mix(in srgb, #fff 42%, var(--recording-accent));min-width:3px;height:7px;box-shadow:0 0 0 1px color-mix(in srgb, var(--recording-accent) 78%, transparent);border-radius:3px;position:absolute}.recording-preview-midi-notes i.active{box-shadow:0 0 0 1px var(--recording-accent), 0 0 9px color-mix(in srgb, var(--recording-accent) 88%, transparent);background:#fff}.clip-lane.review-plan-visible{align-self:stretch}.clip-lane.review-plan-visible>.waveform,.clip-lane.review-container-playback-visible>.waveform{width:auto;height:auto;margin:0;position:absolute;inset:37px 0 0}.clip-edit-overlay{touch-action:none;position:absolute;inset:16px 0 0}.clip-header-row{height:16px;position:relative;overflow:hidden}.clip-header-row.review-plan-hidden{display:none}.clip-header{box-sizing:border-box;white-space:nowrap;color:var(--text-muted);background:var(--surface-3,var(--surface-2));border:1px solid var(--clip-border,#5b54e059);border-radius:var(--r-sm) var(--r-sm) 0 0;cursor:pointer;border-bottom:none;align-items:center;gap:3px;font-size:.62rem;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.clip-header:hover{background:color-mix(in srgb, var(--primary) 12%, var(--surface-3,var(--surface-2)))}.clip-header.selected{border-color:var(--clip-border-selected,var(--primary));background:color-mix(in srgb, var(--primary) 18%, var(--surface-3,var(--surface-2)))}.clip-header-timebase{cursor:pointer;opacity:.85;color:inherit;background:0 0;border:none;flex:none;align-items:center;margin:0;padding:0 0 0 4px;line-height:1;display:inline-flex}.clip-header-timebase svg{stroke-width:2px;width:11px;height:11px}.clip-header-timebase:hover{opacity:1;color:var(--primary)}.clip-header-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.clip-header-warp{border:1px solid color-mix(in srgb, var(--primary) 52%, var(--border));color:var(--primary);letter-spacing:.025em;border-radius:3px;flex:none;padding:0 3px;font-size:.54rem;font-weight:700;line-height:1.25}.warp-method-description{color:var(--muted);margin:2px 0 0;font-size:.66rem;line-height:1.35}.clip-header-gain{cursor:pointer;opacity:.75;color:inherit;line-height:1;font-size:inherit;background:0 0;border:none;flex:none;margin:0;padding:0 4px 0 0}.clip-header-gain:hover{opacity:1;color:var(--primary)}.clip-edit-state{color:var(--primary);white-space:nowrap;font-size:.66rem;font-weight:700}.clip-snap-guide{background:var(--primary);opacity:.8;pointer-events:none;z-index:2;width:1px;position:absolute;top:0;bottom:0}.clip-duplicate-ghost{z-index:3;pointer-events:none;border:2px dashed var(--primary);border-radius:var(--r-sm);background:color-mix(in srgb, var(--primary) 14%, transparent);opacity:.75;position:absolute;top:0;bottom:0}.clip-lane{position:relative}.clip-container-instance{--clip-container-lane-inset:1px;top:var(--clip-container-lane-inset);bottom:var(--clip-container-lane-inset);z-index:6;border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:2px;flex-direction:column;min-width:8px;display:flex;position:absolute;overflow:hidden}.clip-container-instance.dragging .clip-container-header{cursor:grabbing}.clip-container-instance.read-only .clip-container-header,.clip-container-instance.read-only .clip-container-name{cursor:default}.clip-container-empty-hint{-webkit-user-select:none;user-select:none}.clip-container-name-input{-webkit-user-select:text;user-select:text}.clip-container-header{z-index:16;background:var(--surface-3);cursor:grab;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:.35rem;height:16px;padding:0 .35rem;font-size:.66rem;display:flex;position:relative}.clip-container-instance.selected{border-color:var(--fx-accent,var(--primary));box-shadow:0 0 0 1px var(--fx-accent,var(--primary))}.clip-container-instance.empty{border-style:dashed;border-color:color-mix(in srgb, var(--text-muted) 40%, transparent)}.clip-container-mode-pill{background:var(--surface-2);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex:none;padding:0 .3rem;font-size:.58rem}.clip-container-name,.clip-container-name-input{min-width:0;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;overflow:hidden}.clip-container-body{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.clip-container-empty{justify-content:center;align-items:center;display:flex}.clip-container-empty-hint{color:var(--text-muted);text-align:center;padding:0 .35rem;font-size:.62rem}.clip-container-instance.sibling:not(.selected):after{content:"";background:color-mix(in srgb, var(--primary) 18%, transparent);pointer-events:none;z-index:2;position:absolute;inset:0}.clip-container-pool-status{--pool-badge-color:hsl(calc(var(--pool-accent,200) * 1deg) 62% 52%);border:1px solid color-mix(in srgb, var(--pool-badge-color) 65%, var(--border));width:15px;height:14px;color:var(--text-h);cursor:pointer;background:0 0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.clip-container-pool-status.inspector{border-radius:var(--r-sm);width:24px;height:24px}.clip-container-pool-status.inspector svg{width:14px;height:14px}.clip-container-pool-status.pooled{border-color:color-mix(in srgb, var(--pool-badge-color) 65%, var(--border));background:0 0}.clip-container-pool-status:hover,.clip-container-pool-status[aria-expanded=true]{border-color:var(--pool-badge-color);background:0 0}.clip-container-pool-status.unique{border:1px solid color-mix(in srgb, var(--muted) 45%, var(--border));color:var(--muted);background:0 0}.clip-container-pool-status.unique:hover,.clip-container-pool-status.unique[aria-expanded=true]{border-color:var(--text-muted);background:0 0}.clip-container-pool-menu{z-index:10002;border:1px solid var(--border);border-radius:var(--r-sm);background-color:var(--surface-2,#e9dfc3);min-width:10.5rem;color:var(--text);padding:.2rem 0;box-shadow:0 6px 18px #0000004d}.clip-container-pool-menu button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.35rem .55rem;font-size:.7rem;display:block}.clip-container-pool-menu button:hover,.clip-container-pool-menu button:focus-visible{background:var(--surface-2)}.clip-container-pool-target-overlay{z-index:40;border-radius:inherit;border:2px solid #0000;position:absolute;inset:0}.clip-container-pool-target-overlay.source{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);cursor:not-allowed;animation:.9s ease-in-out infinite alternate clip-container-pool-source-pulse}.clip-container-pool-target-overlay.eligible{border:1px dashed color-mix(in srgb, var(--primary) 65%, transparent);cursor:copy}.clip-container-pool-target-overlay.eligible:hover{border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface-1) 55%, transparent)}.clip-container-pool-target-overlay.ineligible{cursor:not-allowed}@keyframes clip-container-pool-source-pulse{0%{box-shadow:inset 0 0 0 0 color-mix(in srgb, var(--primary) 35%, transparent)}to{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--primary) 65%, transparent)}}@media (prefers-reduced-motion:reduce){.clip-container-pool-target-overlay.source{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--primary) 55%, transparent);animation:none}}.clip-editor-grid-actions{background:var(--surface-1);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.15rem;padding:.35rem;display:flex;box-shadow:0 4px 16px #0000002e}.clip-container-menu-wrap{flex:none;margin-left:auto;position:relative}.clip-container-menu-btn{width:16px;height:14px;color:inherit;cursor:pointer;opacity:.75;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.clip-container-menu-btn:hover{opacity:1}.clip-container-menu{z-index:20;border:1px solid var(--border);border-radius:var(--r-sm);background-color:var(--surface-2,#e9dfc3);min-width:9rem;padding:.2rem 0;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 4px 14px #00000040}.clip-container-menu button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.28rem .5rem;font-size:.66rem;display:block}.clip-container-menu button:hover{background:var(--surface-2)}.clip-container-menu button.danger{color:var(--danger,#e55)}.clip-container-loop-toggle{width:20px;height:16px;color:var(--text-muted);opacity:.75;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.clip-container-loop-toggle.on{color:var(--primary);background:color-mix(in srgb, var(--primary) 20%, transparent);opacity:1}.clip-container-loop-toggle:hover{opacity:1}.clip-container-resize-w,.clip-container-resize-e{z-index:20;pointer-events:auto;cursor:col-resize;touch-action:none;width:12px;position:absolute;top:0;bottom:0}.clip-container-resize-w:after,.clip-container-resize-e:after{content:"";background:color-mix(in srgb, var(--text-muted) 50%, transparent);opacity:0;border-radius:1px;width:2px;height:14px;transition:opacity .12s;position:absolute;top:50%;transform:translateY(-50%)}.clip-container-resize-w:after{left:4px}.clip-container-resize-e:after{right:4px}.clip-container-resize-w:hover:after,.clip-container-resize-e:hover:after{opacity:1}.clip-container-resize-w{left:0}.clip-container-resize-e{right:0}.clip-container-mode-pill{cursor:pointer}.clip-container-mode-pill:hover{filter:brightness(1.15)}.clip-container-focused{position:relative}.clip-container-midi-preview.composite{pointer-events:none;width:100%;left:0}.clip-container-midi-preview{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;overflow:hidden}.clip-container-midi-preview i{background:var(--wave-played,#5b54e0);opacity:.75;border-radius:2px;min-width:2px;height:3px;position:absolute}.clip-container-loop-boundaries{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.clip-container-loop-boundary{border-left:1px dashed #e85fd0b3;width:0;margin-left:-.5px;position:absolute;top:0;bottom:0}.clip-container-loop-boundary.loopEnd{border-left-color:#e85fd073}.pool-clip-strip{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.clip-container-grid-overlay{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.clip-container-grid-overlay .timeline-gridline{width:1px;top:0;bottom:0;left:calc(var(--gl) * 100%);background:var(--grid);position:absolute;transform:translate(-.5px)}.clip-container-grid-overlay .timeline-gridline.tier-beat{background:color-mix(in srgb, var(--grid) 72%, transparent)}.clip-container-grid-overlay .timeline-gridline.tier-sub{background:color-mix(in srgb, var(--grid) 42%, transparent)}.pool-clip-strip-lane .pool-clip-strip-body{--tl-inset:0px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pool-clip-strip-lane .pool-clip-strip-body .waveform{background:0 0;border:none;border-radius:0;flex:1;min-height:0}.clip-container-instance.sequence-mode .clip-container-body{overflow:hidden}.clip-lane:has(.clip-container-instance){min-height:52px}.clip-lane:has(.clip-container-instance)>.waveform{pointer-events:none}.clip-lane:has(.clip-container-instance)>.midi-clip-preview{pointer-events:none}.clip-container-instance .waveform{pointer-events:none}.clip-pencil-rubber-band{top:var(--clip-container-lane-inset,1px);bottom:var(--clip-container-lane-inset,1px);z-index:3;border:1px dashed var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);pointer-events:none;position:absolute}.clip-header-row.container-native{display:none}.clip-context-menu{z-index:1000;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;gap:.4rem;min-width:200px;padding:.6rem;font-size:.82rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.clip-context-menu:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.clip-ctx-row{align-items:center;gap:.5rem;display:flex}.clip-ctx-row input[type=range]{flex:1;min-width:0}.clip-ctx-row input[type=number]{width:4.5rem}.clip-ctx-val{color:var(--text-muted);text-align:right;min-width:1.5rem}.clip-ctx-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;text-align:left;padding:.35rem .5rem}.clip-ctx-timebase{align-items:center;gap:.35rem;display:flex}.clip-ctx-timebase svg{flex:none;width:13px;height:13px}.clip-ctx-btn:hover{background:var(--surface-3,var(--surface-2))}.clip-ctx-btn.danger{color:var(--danger,#d33)}.clip-context-menu .clip-ctx-sep{border-top:1px solid var(--border);margin:.2rem .35rem}.cursor-tool-palette{z-index:220;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;gap:6px;min-width:200px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.cursor-tool-menu-section{flex-direction:column;gap:2px;display:flex}.cursor-tool-menu-heading{color:var(--text-muted);letter-spacing:.03em;padding:.2rem .45rem .05rem;font-size:.62rem;font-weight:700}.cursor-tool-hotkey{min-width:1.45rem;color:var(--text-muted);font-family:var(--mono);flex:none;font-size:.62rem}.cursor-tool-icon{flex:none;display:block}.cursor-tool-select-button{height:24px;color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.28rem;margin:0;padding:.18rem .35rem;font-size:.68rem;display:inline-flex}.cursor-tool-select-button:hover,.cursor-tool-select-button[aria-expanded=true]{background:var(--surface-2)}.cursor-tool-wrap{border:1px solid var(--border);background:var(--card);border-radius:4px;align-items:center;display:inline-flex;overflow:hidden}.cursor-tool-wrap>*+*{border-left:1px solid var(--border)}.cursor-tool-button-prefix{color:var(--text-muted);font-weight:700}.cursor-tool-button-label{text-overflow:ellipsis;max-width:7.5rem;overflow:hidden}.cursor-tool-chevron{color:var(--text-muted);font-size:.8rem;line-height:.7}.cursor-tool-dropdown{z-index:220;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.cursor-tool-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:.45rem;padding:.35rem .45rem;font-size:.72rem;display:flex}.cursor-tool-option:hover,.cursor-tool-option.active{background:var(--surface-2);color:var(--primary)}.ruler{cursor:pointer;flex:1;min-width:0}.ruler canvas{width:100%;display:block}.ruler-strip{margin:0}.ruler-gutter{justify-content:space-between;align-items:center;gap:4px}.ruler-gutter-tools{flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex}.ruler-gutter .fmt-select{margin-right:5px}.ruler-gutter-summary{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:0 4px;font-size:.72rem;line-height:1.2;overflow:hidden}.fmt-select{field-sizing:content;border:1px solid var(--border);background:var(--card);width:auto;height:18px;color:var(--text);cursor:pointer;border-radius:3px;flex:none;margin:0;padding:0 .25rem;font-size:.66rem;line-height:1;display:inline-block}.snap-toggle{border:1px solid var(--border);background:var(--card);min-width:22px;height:18px;color:var(--muted);cursor:pointer;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0 5px;font-size:.58rem;font-weight:600;line-height:1;display:inline-flex}.snap-toggle:hover{border-color:var(--border-strong);color:var(--text)}.snap-toggle.on{background:var(--primary);border-color:var(--primary);color:#fff}.snap-toggle.on.relative{box-shadow:inset 0 -2px #ffffff8c}.grid-settings-btn{border:1px solid var(--border);background:var(--card);height:18px;color:var(--muted);cursor:pointer;border-radius:3px;flex:none;align-items:center;gap:3px;padding:0 5px;font-size:.58rem;font-weight:600;display:inline-flex}.grid-settings-btn:hover{border-color:var(--border-strong);color:var(--text)}.grid-settings-btn.on{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--card))}.grid-settings-summary{text-overflow:ellipsis;white-space:nowrap;max-width:3.2rem;overflow:hidden}.grid-pop{z-index:211;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--card);flex-direction:column;gap:4px;width:292px;max-width:calc(100vw - 16px);padding:.4rem .45rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.grid-pop-menu{flex-direction:column;display:flex}.grid-pop-divider{background:var(--border);height:1px;margin:2px 0}.grid-pop-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:2px 4px 0;font-size:.58rem;font-weight:600}.grid-pop-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;padding:4px 6px;font-size:.68rem;display:flex}.grid-pop-row:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.grid-pop-row-compact{padding:3px 4px;font-size:.62rem}.grid-pop-check{width:.85rem;color:var(--primary);flex-shrink:0;font-size:.62rem;line-height:1}.grid-pop-row-label{flex:1;min-width:0}.grid-pop-fixed-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.grid-pop-fixed-grid .grid-pop-row{white-space:nowrap;gap:2px}.grid-pop-fixed-grid .grid-pop-check{width:.65rem}.grid-pop-seg{width:100%;padding:2px}.grid-pop-seg .seg-btn{text-transform:none;white-space:nowrap;flex:1 1 0;min-width:0;height:18px;padding:0 .35rem;font-size:.6rem}.grid-pop-chips{flex-wrap:wrap;gap:3px;display:flex}.grid-pop-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:.58rem;font-weight:600;line-height:1.2}.grid-pop-chip:hover{border-color:var(--border-strong);color:var(--text)}.grid-pop-chip.on{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast,#fff)}.grid-pop-custom{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:.6rem;display:flex}.grid-pop-custom.on .grid-pop-input{border-color:var(--primary)}.grid-pop-input{border:1px solid var(--border);background:var(--surface);width:2.6rem;color:var(--text);border-radius:4px;margin:0;padding:2px 4px;font-size:.6rem}.grid-pop-input:focus-visible{outline:2px solid var(--primary-soft);outline-offset:1px;border-color:var(--primary)}.grid-pop-hint{color:var(--muted);margin:0;font-size:.58rem}.grid-pop-hint.warn{color:var(--warn)}.comment{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--r-sm);padding:.7rem 2.2rem .7rem .9rem;position:relative}.comment.addressed{border-left-color:var(--ok)}.comment p{margin:.4rem 0}.comment-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.addr-check{border:1.5px solid var(--border-strong);color:#fff;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;padding:0;display:grid;position:absolute;top:.55rem;right:.55rem}.addr-check.on{background:var(--ok);border-color:var(--ok)}.addr-check:not(.on):not(:disabled):hover{border-color:var(--ok)}.addr-check:disabled{cursor:default}.pc .icon-btn,.reply .icon-btn{vertical-align:middle;padding:.12rem;display:inline-grid}.ts{font-family:var(--mono);background:var(--primary-soft);color:var(--primary);cursor:pointer;border:none;border-radius:5px;padding:.1rem .4rem;font-size:.8rem}.comment-actions{align-items:center;gap:.2rem;margin-top:.3rem;display:flex}.reply{border-left:2px solid var(--border);margin:.4rem 0 0 .8rem;padding-left:.6rem;font-size:.9rem}.reply-box{margin-top:.5rem}.reply-box>.primary{width:auto;margin-top:.4rem}.reply-box>.row{margin-top:.4rem}.container.narrow{max-width:680px}.kb-lib-tools{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0 1.25rem;display:flex}.kb-lib-tools .search-box{flex:220px;min-width:0}.kb-lib-chips{flex-wrap:wrap;gap:.35rem;display:flex}.kb-lib-section{margin-top:2rem}.kb-lib-h2{align-items:center;gap:.4rem;margin:0 0 .6rem;font-size:1.1rem;display:flex}.kb-lib-h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1rem 0 .5rem;font-size:.72rem;font-weight:700}.kb-lib-group:first-of-type .kb-lib-h3{margin-top:0}.kb-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.kb-card{text-decoration:none;display:block}.kb-card-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.kb-card-head strong{min-width:0}.kb-card-head .pill{flex:none}.kb-card-tags{margin:.35rem 0 0}.kb-series{flex-direction:column;margin-bottom:1rem;display:flex}.kb-series-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.kb-series-title{min-width:0}.kb-series-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:.2rem;font-size:.68rem;font-weight:700;display:block}.kb-series-title h2{margin:0;font-size:1.3rem;line-height:1.2}.kb-series-cta{flex:none;align-items:center;gap:.2rem;width:auto;margin:0;padding:.35rem .75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.kb-series-desc{max-width:60ch;margin:.6rem 0 0;font-size:.9rem}.kb-series-progress{align-items:center;gap:.6rem;margin:.75rem 0 0;display:flex}.kb-series-bar{background:var(--surface-2);border-radius:999px;flex:1;max-width:180px;height:4px;overflow:hidden}.kb-series-bar>span{background:var(--primary);border-radius:inherit;height:100%;display:block}.kb-series-steps{margin:.9rem 0 0;padding:0;list-style:none;display:grid}.kb-step a{border-radius:var(--r-sm);color:var(--text);align-items:center;gap:.7rem;margin:0 -.5rem;padding:.45rem .5rem;font-size:.92rem;line-height:1.3;text-decoration:none;display:flex}.kb-step a:hover{background:var(--surface-2);color:var(--text-h)}.kb-step+.kb-step a{border-top:.5px solid var(--border);border-radius:0}.kb-step:last-child a{border-bottom-left-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm)}.kb-step-num{font-variant-numeric:tabular-nums;width:1.5rem;height:1.5rem;color:var(--muted);border:1px solid var(--border-strong);background:var(--card);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.kb-step.done .kb-step-num{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.kb-step.done .kb-step-title{color:var(--muted)}.kb-step.next .kb-step-num{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.kb-step.next .kb-step-title{color:var(--text-h);font-weight:600}.kb-step-title{flex:1;min-width:0}.kb-step-pill{flex:none}@media (width<=640px){.kb-library .page-title{font-size:1.35rem}.kb-lib-tools .search-box{flex-basis:100%}.kb-lib-chips{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.kb-lib-chips::-webkit-scrollbar{display:none}.kb-card-head{flex-direction:column;align-items:flex-start;gap:.3rem}.kb-series{padding:1rem}.kb-series-head{display:contents}.kb-series-title h2{font-size:1.15rem}.kb-series-cta{order:10;justify-content:center;width:100%;margin-top:1rem}.kb-series-bar{max-width:none}.kb-step a{margin:0 -.25rem;padding:.5rem .25rem}}.pathway-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.pathway-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.6rem;padding:.55rem .2rem;display:flex}.pathway-row.busy{opacity:.6}.pathway-reorder{flex-direction:column;flex-shrink:0;margin-top:-.1rem;display:flex}.pathway-reorder .icon-btn{padding:.05rem .2rem}.pathway-main{flex-direction:column;flex:14rem;gap:.2rem;min-width:0;display:flex}.pathway-title{align-items:center;gap:.25rem;min-width:0;display:flex}.pathway-title strong{overflow-wrap:anywhere;font-size:.95rem}.pathway-title .icon-btn{color:var(--muted);opacity:0;transition:opacity .12s}.pathway-row:hover .pathway-title .icon-btn,.pathway-title .icon-btn:focus-visible{opacity:1}@media (hover:none){.pathway-title .icon-btn{opacity:1}}.pathway-meta{align-items:center;gap:.3rem}.pathway-desc{max-width:60ch}.pathway-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.6rem;margin-left:auto;padding-top:.15rem}.pathway-details{flex-direction:column;flex:100%;gap:.5rem;padding:.25rem 0 .2rem;display:flex}.pathway-details label{margin:0}.pathway-details input,.pathway-details textarea{margin-top:.25rem}@media (width<=560px){.pathway-row{flex-wrap:wrap}.pathway-actions{flex-basis:100%;justify-content:flex-start;margin-left:0;padding-left:2rem}}.kb-article-page{scroll-behavior:smooth;grid-template-columns:680px 240px;justify-content:center;align-items:start;gap:2.5rem;display:grid}.kb-article-col{min-width:0;max-width:680px}.kb-toc-rail{top:calc(var(--header-h) + 1.5rem);max-height:calc(100vh - var(--header-h) - 3rem);gap:1.25rem;padding-bottom:1rem;display:grid;position:sticky;overflow-y:auto}.kb-toc-section{gap:.4rem;display:grid}.kb-toc-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.kb-toc-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.kb-toc-sublist{border-left:1px solid var(--border);margin:.2rem 0 .4rem .9rem;padding-left:.6rem}.kb-toc-link{border-radius:var(--r-sm);color:var(--muted);border-left:2px solid #0000;padding:.2rem .5rem;font-size:.85rem;line-height:1.35;text-decoration:none;display:block}.kb-toc-link:hover{color:var(--text-h);background:var(--surface-2)}.kb-toc-link.active{color:var(--primary);border-left-color:var(--primary);background:var(--primary-soft);font-weight:600}.kb-toc-disclosure{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.85rem;display:flex}.kb-toc-disclosure:hover{color:var(--text-h);background:var(--surface-2)}.kb-toc-disclosure.current{color:var(--text-h);font-weight:600}.kb-toc-quiz{text-decoration:none}.kb-toc-chevron{flex-shrink:0;transition:transform .15s}.kb-toc-chevron.open{transform:rotate(90deg)}.kb-toc-spinner{margin:.2rem 0 .4rem 1.7rem}.kb-article canvas,.kb-article svg,.kb-article img,.kb-article video{max-width:100%}.kb-quiz-questions>li,.kb-quiz-questions>li>.row,.kb-quiz-questions>li>.row>span{min-width:0}.kb-quiz-questions select{max-width:100%}.kb-pathway-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1rem;display:flex}.kb-nav-prev,.kb-nav-next{align-items:center;gap:.3rem;min-width:0;text-decoration:none;display:inline-flex}.kb-nav-next{width:auto;margin:0}.kb-toc-mobile{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin:0 0 1.25rem;display:none}.kb-toc-mobile>summary{color:var(--text-h);cursor:pointer;align-items:center;gap:.4rem;padding:.55rem .8rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.kb-toc-mobile>summary::-webkit-details-marker{display:none}.kb-toc-mobile>summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:.45rem;height:.45rem;margin-left:auto;transition:transform .15s;transform:rotate(45deg)}.kb-toc-mobile[open]>summary{border-bottom:1px solid var(--border)}.kb-toc-mobile[open]>summary:after{transform:rotate(-135deg)}.kb-toc-mobile>ol,.kb-toc-mobile>ul{margin:0;padding:.4rem .5rem}.kb-toc-mobile-steps{counter-reset:kb-step;list-style:none}.kb-toc-mobile-steps>li{counter-increment:kb-step}.kb-toc-mobile-steps>li>a,.kb-toc-mobile-steps>li>span{border-radius:var(--r-sm);color:var(--muted);align-items:center;gap:.4rem;padding:.35rem .4rem;font-size:.88rem;line-height:1.3;text-decoration:none;display:flex}.kb-toc-mobile-steps>li>a:before,.kb-toc-mobile-steps>li>span:before{content:counter(kb-step);font-variant-numeric:tabular-nums;flex:none;width:1.3rem;font-size:.72rem;font-weight:700}.kb-toc-mobile-steps>li.current>span{color:var(--primary);background:var(--primary-soft);font-weight:600}@media (width<=1100px){.kb-article-page{grid-template-columns:minmax(0,680px);gap:0}.kb-toc-rail{display:none}.kb-toc-mobile{display:block}.kb-article-col{width:100%;max-width:none}}@media (width<=640px){.kb-article-title.page-title{font-size:1.6rem;line-height:1.2}.kb-kicker{font-size:.68rem}.kb-pathway-nav{flex-direction:column-reverse;align-items:stretch}.kb-nav-next,.kb-nav-prev{justify-content:center}}[data-theme|=sketch] .kb-toc-heading{font-family:var(--font-hand);letter-spacing:.02em}[data-theme|=sketch] .kb-toc-link.active{border-left-width:3px}[data-theme|=sketch] .kb-toc-sublist{border-left-width:2px;border-left-color:var(--border-strong)}.profile-form{flex-direction:column;gap:1.15rem;display:flex}.profile-form>label,.profile-form>.field,.profile-id-fields>label,.profile-id-fields>.field{margin-top:0}.field{display:block}.field-label{color:var(--text-h);margin-bottom:.45rem;font-size:.9rem;display:block}.avatar.xl{width:72px;height:72px;font-size:1.45rem}.profile-identity{align-items:flex-start;gap:1.1rem;display:flex}.profile-id-fields{flex-direction:column;flex:1;gap:1.15rem;min-width:0;display:flex}.swatches{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.swatch{cursor:pointer;border:2px solid var(--border);width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--card);border-radius:50%;margin:0;padding:0;transition:transform .1s,border-color .1s}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:var(--text-h)}.swatch.custom{background:conic-gradient(#f43f5e,#f59e0b,#eab308,#10b981,#06b6d4,#6366f1,#a855f7,#f43f5e);position:relative;overflow:hidden}.swatch.custom input[type=color]{cursor:pointer;opacity:0;border:none;width:200%;height:200%;padding:0;position:absolute;inset:-4px}.swatch-reset{margin-left:.15rem;font-size:.8rem}.mode-toggle{border:1px solid var(--border);border-radius:var(--r-pill);gap:2px;padding:2px;display:inline-flex}.mode-toggle-btn{border-radius:var(--r-pill);cursor:pointer;color:var(--text);background:0 0;border:none;padding:.35rem .9rem;font-size:.82rem;transition:background .1s,color .1s}.mode-toggle-btn.on{background:var(--primary);color:var(--on-primary)}.preset-cards{flex-wrap:wrap;gap:.6rem;display:flex}.preset-card{border-radius:var(--r-sm);border:2px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;gap:.35rem;width:92px;padding:.5rem;transition:border-color .1s;display:flex}.preset-card:hover{border-color:var(--border-strong)}.preset-card.on{border-color:var(--text-h)}.preset-card-swatch{border-radius:6px;height:28px;display:flex;overflow:hidden}.preset-card-swatch span{flex:1}.preset-card-label{color:var(--text);text-align:left;font-size:.78rem}.contrast-field input[type=range]{width:100%;margin-top:.35rem}.contrast-field-labels{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.appearance-note{margin:.3rem 0 0}.link-rows{flex-direction:column;gap:.5rem;display:flex}.link-row{align-items:center;gap:.4rem;display:flex}.link-row input{margin-top:0}.link-row .link-label{flex:0 0 30%}.link-row .link-url{flex:1;min-width:0}.add-link{align-self:flex-start;align-items:center;gap:.3rem;margin-top:.1rem;display:inline-flex}.links-preview{margin:.7rem 0 0}.links-preview a{color:var(--primary)}.account-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.account-field{flex:1;min-width:0}.account-row input{margin-top:0}.push-row{align-items:center}.push-row button{white-space:nowrap;flex:none;width:auto;margin:0}.account-value{color:var(--text-h);padding:.5rem 0;font-size:.95rem}.account-value.mask{letter-spacing:.18em;color:var(--muted)}.account-actions{flex-shrink:0;gap:.5rem}.account-actions .primary{width:auto;margin-top:0}.account-note{margin:.7rem 0 0}.account-sep{border:none;border-top:1px solid var(--border);margin:1.1rem 0}.modal-scrim{z-index:200;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:400px;padding:1.25rem;box-shadow:0 24px 60px #0006}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.2rem;display:flex}.modal-actions .primary{width:auto;margin-top:0}.rv-del-modal{max-width:440px}.rv-del-flows{flex-direction:column;gap:.45rem;max-height:200px;margin-top:1rem;display:flex;overflow-y:auto}.rv-del-flow{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.rv-del-chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:160px;padding:.15rem .65rem;font-size:.78rem;font-weight:600;overflow:hidden}.rv-del-chip.members{color:var(--muted);background:0 0;font-weight:500}.rv-del-chip.doomed{color:#f87171;background:#f8717114;border-color:#f871718c;text-decoration:line-through}.rv-del-arrow{color:var(--muted);flex:none;font-size:.8rem}.rv-del-note{margin-top:.8rem;margin-bottom:0}.rv-del-modal .modal-actions button:not(.primary):not(.ghost){background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text)}.rv-del-modal .modal-actions button:not(.primary):not(.ghost):hover{border-color:var(--muted)}.nd-dialog{max-width:440px}.nd-sub{margin:.6rem 0 0}.nd-compare{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:.75rem}.nd-row{align-items:center;gap:.55rem;display:flex}.nd-row+.nd-row{margin-top:.5rem}.nd-play{background:var(--surface-2);border:1px solid var(--border);width:26px;height:26px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.nd-play:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.nd-play:disabled{opacity:.35;cursor:default}.nd-tag{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:0 0 6.5rem;font-size:.72rem;overflow:hidden}.nd-wave{flex:auto;min-width:0;height:34px}.nd-wave rect{fill:var(--muted)}.nd-wave.mine rect{fill:var(--primary)}.nd-wave.stored rect{fill:var(--muted)}.nd-playhead{stroke:var(--text);stroke-width:1.5px;opacity:.85}.storage-browser{margin-top:.4rem}.sb-node{border-left:1px solid #0000}.sb-row{border-radius:var(--r-sm);align-items:center;gap:.5rem;padding:.3rem;display:flex}.sb-row.row-click{cursor:pointer}.sb-row.row-click:hover{background:var(--surface-2)}.sb-row .caret-col{text-align:center;width:18px;color:var(--muted);flex:none}.sb-row .caret-col svg{vertical-align:-2px}.sb-label{font-size:.86rem;font-weight:600}.sb-children{border-left:1px solid var(--border);margin-left:.5rem;padding-left:.3rem}.sb-search-results{flex-direction:column;gap:.9rem;display:flex}.sb-search-row .sb-path{margin:0 0 .2rem}.file-audition-row{border-bottom:1px solid var(--border);padding:.35rem .3rem .35rem 1.7rem}.file-audition-row:last-child{border-bottom:none}.far-main{align-items:center;gap:.5rem;display:flex}.far-play-spacer{flex:none;width:26px}.far-key{font-family:var(--mono,monospace);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.76rem;overflow:hidden}.far-bytes{flex:none;margin-left:auto}.file-audition-row .nd-row{margin-top:.4rem;padding-left:32px}.file-audition-row audio,.file-audition-row video{width:100%;max-width:420px;margin-top:.4rem;display:block}.file-audition-row video{max-height:200px}.pill.warn{background:var(--warn-soft,var(--surface-2));color:var(--warn,var(--muted))}.nd-strength{align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.nd-hint{opacity:.7;margin-left:auto}.nd-actions{flex-direction:column;gap:.5rem;margin-top:1.1rem;display:flex}.nd-actions .primary{justify-content:center;width:100%;margin-top:0}.nd-actions .as-button{justify-content:center;width:100%}.nd-foot{margin:.9rem 0 0;line-height:1.4}.xsmall{font-size:.7rem}.nd-play.sm{width:20px;height:20px}.ndl-dialog{flex-direction:column;max-width:560px;max-height:min(82vh,720px);display:flex}.ndl-list{flex-direction:column;gap:.6rem;margin:.75rem -.25rem 0;padding:0 .25rem;display:flex;overflow-y:auto}.ndl-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem}.ndl-head{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.ndl-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.88rem;overflow:hidden}.ndl-foot{align-items:center;gap:.6rem;min-height:22px;margin-top:.6rem;display:flex}.ndl-null{align-items:center;gap:.4rem;display:flex}.ndl-null .spin{flex:none}.ndl-null-ok{color:var(--primary);font-size:.72rem}.ndl-null-res{color:var(--muted);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.link-btn{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.ndl-seg{border:1px solid var(--border);border-radius:var(--radius);width:100%;margin-top:.5rem;display:flex;overflow:hidden}.ndl-seg button{text-align:center;white-space:normal;border:0;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;flex:1;padding:.4rem .5rem;font-size:.72rem;line-height:1.2}.ndl-seg button:first-child{border-left:0}.ndl-seg button.on{background:var(--primary);color:#fff}.ndl-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;margin-top:1rem;padding-top:.85rem;display:flex}.ndl-bulk{gap:.5rem;display:flex}.ndl-bar .primary{width:auto;margin-top:0}.up-dialog{flex-direction:column;max-width:560px;max-height:min(82vh,720px);display:flex}.up-dialog .modal-head{align-items:baseline}.up-detect{align-items:center;gap:.45rem;margin-top:.6rem;display:flex}.up-list{flex-direction:column;gap:.55rem;margin:.85rem -.25rem 0;padding:0 .25rem;display:flex;overflow-y:auto}.up-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem}.up-row.up-active{border-color:var(--primary)}.up-row-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.up-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;overflow:hidden}.up-bar{background:var(--border);border-radius:3px;height:5px;margin-top:.45rem;overflow:hidden}.up-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .25s}.up-bar-fill.done{background:var(--accent,var(--primary));opacity:.65}.up-row-detail{margin-top:.35rem;display:block}.up-err-text{color:#ef6b6b}.up-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .5rem;font-size:.72rem;display:inline-flex}.up-out-new,.up-out-reuse{background:var(--primary-soft);color:var(--primary)}.up-out-dedup{background:var(--border);color:var(--muted)}.up-out-err{color:#ef6b6b;background:#ef6b6b26}.up-bar-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1rem;padding-top:.85rem;display:flex}.up-foot-actions{gap:.5rem;display:flex}.up-bar-foot .primary{width:auto;margin-top:0}.up-foot-err{width:100%;margin:.5rem 0 0}.dedup-slider{align-items:center;gap:.7rem;margin-top:.6rem;display:flex}.dedup-slider input[type=range]{flex:auto;max-width:320px}.dedup-val{text-align:right;min-width:1.5rem}.dedup-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.dedup-stats>div{flex-direction:column;display:flex}.dedup-stats strong{font-size:1.35rem}.member-names{flex-direction:column;min-width:0;line-height:1.2;display:inline-flex}.member-canvas-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:400;display:block;overflow:hidden}.grades-name-col .member-canvas-name{margin-top:.1rem}.grades-page{max-width:1100px}.grades-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:.4rem 0 .9rem;display:flex}.grades-head-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.grades-warn{margin:0 0 .8rem}.grades-table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);overflow-x:auto}.grades-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.86rem}.grades-table th,.grades-table td{border-bottom:1px solid var(--border);vertical-align:top;text-align:left;padding:.55rem .8rem}.grades-table thead th{background:var(--surface-2);color:var(--text-h);z-index:1;font-weight:600;position:sticky;top:0}.grades-table tbody tr:last-child td{border-bottom:0}.grades-name-col{background:var(--card);z-index:2;min-width:12rem;position:sticky;left:0}.grades-table thead .grades-name-col{background:var(--surface-2);z-index:3}.grades-name{font-weight:600}.grades-unlinked{color:var(--warn);vertical-align:middle;margin-left:.35rem;display:inline-flex}.grades-col-title{white-space:nowrap}.grades-col-meta{font-weight:500}.grades-cell{min-width:9rem}.grades-score{font-variant-numeric:tabular-nums;color:var(--text-h);font-weight:600}.grades-score.fail{color:var(--error)}.grades-sub{display:block}.grades-push{letter-spacing:.03em;text-transform:uppercase;border-radius:var(--r-pill);background:0 0;border:none;align-items:center;gap:.2rem;margin-top:.25rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-flex}.grades-push.ok{color:var(--ok);background:var(--ok-soft)}.grades-push.todo{color:var(--primary);background:var(--primary-soft);cursor:pointer}.grades-push.stale{color:var(--warn);background:var(--warn-soft,color-mix(in srgb, var(--warn) 15%, transparent));cursor:pointer}.grades-push.todo:hover,.grades-push.stale:hover{filter:brightness(.95)}.grades-push.muted{color:var(--muted);padding-left:0}.link-btn.xs{margin-top:.15rem;font-size:.7rem}.canvas-page{max-width:900px}.canvas-page .card+.card{margin-top:1rem}.canvas-conn.connected{border-color:var(--ok)}.canvas-conn-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.canvas-conn-ok{color:var(--ok);flex:none}.canvas-conn-text{flex:auto;min-width:0}.canvas-conn-form{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.canvas-conn:not(.connected) .canvas-conn-form{border-top:0;padding-top:0}.canvas-conn-grid{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}@media (width<=640px){.canvas-conn-grid{grid-template-columns:1fr}}.canvas-roster-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.canvas-roster-source{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.canvas-roster-upload{margin-top:.25rem}.canvas-roster-paste{margin-top:.6rem}.canvas-roster-paste>summary{cursor:pointer}.canvas-roster-counts{margin:.9rem 0 .4rem}.canvas-roster-table-wrap{overflow-x:auto}.canvas-roster-table{min-width:640px;margin-top:0}.canvas-roster-table th{white-space:nowrap}.canvas-roster-table td{vertical-align:middle}.canvas-roster-name{font-weight:600}.canvas-roster-email{white-space:nowrap}.canvas-roster-setup{white-space:nowrap;align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.canvas-roster-setup.ok{color:var(--ok)}.canvas-roster-setup.pending{color:var(--warn)}.canvas-roster-actions{border-top:1px solid var(--border);flex-direction:column;gap:.7rem;margin-top:1rem;padding-top:.9rem;display:flex}.canvas-roster-delivery{flex-wrap:wrap;align-items:center;gap:.25rem .9rem;display:flex}.canvas-roster-delivery .field-label{margin:0;line-height:1.3}.canvas-roster-delivery label{white-space:nowrap;cursor:pointer;align-items:center;gap:.35rem;margin:0;line-height:1.3;display:inline-flex}.canvas-roster-delivery label input[type=radio]{width:auto;margin:0}.canvas-roster-delivery>.muted{flex-basis:100%}.canvas-roster-buttons{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.canvas-roster-selftest{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.canvas-roster-selftest>summary{cursor:pointer}.dedup-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.85rem}.dedup-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:.4rem .6rem;font-weight:500}.dedup-table td{border-bottom:1px solid var(--border);padding:.45rem .6rem}.dedup-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.pill.dedup-reuse,.pill.dedup-supersede{background:var(--primary-soft);color:var(--primary)}.pill.dedup-new{background:var(--surface-2);color:var(--muted)}.mm-dialog{max-width:420px}.mm-identity{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.7rem;margin-top:1rem;padding:.75rem;display:flex}.mm-identity .avatar{flex:none;width:40px;height:40px;font-size:.85rem}.mm-id-text{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.mm-id-text strong{color:var(--text-h)}.mm-badges{flex-wrap:wrap;gap:.3rem;display:flex}.pill.admin{background:var(--primary);color:var(--on-primary)}.mm-section{margin-top:1.1rem}.mm-section .nav-label{margin:0 0 .45rem}.pill.role-pick{cursor:pointer;align-items:center;gap:.2rem;padding-right:.4rem;display:inline-flex;position:relative}.pill.role-pick svg{pointer-events:none;opacity:.85}.pill.role-pick:focus-within{box-shadow:0 0 0 2px var(--focus)}.pill.role-pick select{opacity:0;cursor:pointer;appearance:none;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.pill.role-pick select:focus{box-shadow:none}.pill.role-pick select:disabled{cursor:default}.mm-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mm-actions .as-button{align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.mm-remove{color:var(--error);background:var(--error-soft);border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.88rem;font-weight:600;transition:border-color .12s;display:inline-flex}.mm-remove:hover:not(:disabled){border-color:var(--error)}.mm-remove:disabled{opacity:.6;cursor:default}.member-modal{max-width:460px}.member-search{margin-top:.9rem;position:relative}.member-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.member-search input{width:100%;margin:0;padding:.6rem .7rem .6rem 2.1rem}.member-hits{border:1px solid var(--border);border-radius:var(--r-sm);margin-top:.4rem;overflow:hidden}.hit-empty{margin:0;padding:.6rem .7rem}.hit{text-align:left;cursor:pointer;width:100%;color:var(--text-h);background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.hit+.hit{border-top:1px solid var(--border)}.hit:hover:not(:disabled){background:var(--surface-2)}.hit:disabled{cursor:default}.hit:disabled .hit-action{opacity:.6}.hit-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.hit-text strong{font-size:.88rem;font-weight:600}.hit-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hit-action{color:var(--primary);flex-shrink:0;font-weight:600}.avatar.sm.invite-ico{background:var(--primary-soft);color:var(--primary)}.studio-submit-dialog{max-width:440px}.team-picker{margin:.75rem 0 .25rem}.team-picker-heading{margin:0 0 .2rem;font-size:.95rem}.team-picker .check-list{max-height:14rem;overflow-y:auto}.team-picker-summary{margin:.4rem 0 0}.studio-submit-dialog .team-picker{margin-top:.25rem}.claim-post-list,.post-team-list{margin-top:.5rem}.post-claim{z-index:1;justify-content:flex-end;height:0;margin-top:.65rem;display:flex;position:relative}.post-claim+.post-comments{margin-top:0}.post-claim+.post-comments>.pc:first-child{padding-right:9.5rem}.claim-credit-btn{align-items:center;gap:.3rem;display:inline-flex}.claim-done{align-items:center;display:inline-flex}.studio-claim-credit{margin-top:.35rem}.claim-post-list{grid-template-columns:1fr}.claim-post-list label{align-items:flex-start}.claim-post-list input[type=radio]{flex-shrink:0;width:auto;margin:.2rem 0 0}.post-team-dialog{max-width:520px}.studio-submit-dialog h2{margin:0 0 1rem;font-size:1.15rem}.studio-submit-summary{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0;font-size:.92rem;display:grid}.studio-submit-summary dt{color:var(--muted)}.studio-submit-summary dd{overflow-wrap:anywhere;min-width:0;margin:0}.studio-submit-warn{color:var(--warning,#b7791f)}.studio-submit-fields{border-top:1px solid var(--border);gap:.75rem;margin-top:1.1rem;padding-top:1rem;display:grid}.studio-submit-fields p{margin:0}.studio-submit-field{gap:.3rem;margin:0;font-size:.85rem;display:grid}.studio-submit-field>span{color:var(--muted)}button.studio-submit-select{text-align:left;width:100%;height:2.4rem;color:var(--text-h);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;appearance:none;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:0 .7rem;font-size:.95rem;font-weight:500;display:flex}button.studio-submit-select:disabled{opacity:.55;cursor:default}button.studio-submit-select .dl-select-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}button.studio-submit-select svg{width:14px;height:14px;color:var(--muted);flex:none}.dl-select-menu.studio-submit-menu{max-width:min(440px,100vw - 16px)}.dl-select-menu.studio-submit-menu .dl-select-option{min-height:32px;padding:6px 10px;font-size:.9rem}.studio-submit-note{margin:.9rem 0 0}.modal-members{max-height:320px;margin-top:1rem;overflow-y:auto}.modal-members .m-name{align-items:center;gap:.55rem;min-width:0;display:flex}.modal-members li.is-allowed{background:var(--primary-soft)}.modal-members li.access-empty{justify-content:flex-start}.thread-access-manage{margin-top:.4rem}.agree{color:var(--text);align-items:flex-start;gap:.5rem;font-size:.88rem;display:flex}.agree input[type=checkbox]{flex-shrink:0;width:auto;margin:.15rem 0 0}.agree a{color:var(--primary)}.step-indicator{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:.72rem}.step-actions{justify-content:flex-end;margin-top:1rem}.daw-add-row{margin-top:.5rem}.daw-add-row input{flex:1;margin-top:0}.legal{padding:1.5rem 0 3rem}.legal h2{margin:.25rem 0}.legal h3{margin-top:1.6rem}.legal p,.legal li{line-height:1.6}.legal a{color:var(--primary)}.admin-users{align-items:flex-start;gap:1.25rem;display:flex}.user-list-col{flex:0 0 36%;min-width:0}.user-detail-col{flex:1;min-width:0}.search-box{margin-bottom:.6rem;position:relative}.search-box>svg{color:var(--muted);pointer-events:none;position:absolute;top:.62rem;left:.6rem}.search-box input{margin:0;padding-left:2rem}.admin-user-list{flex-direction:column;gap:.1rem;max-height:70vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.admin-user-list li{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:.6rem;padding:.45rem .5rem;display:flex}.admin-user-list li:hover{background:var(--surface-2)}.admin-user-list li.on{background:var(--primary-soft)}.admin-user-list .meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.admin-user-list .meta strong{align-items:center;gap:.35rem;font-size:.9rem;display:flex}.admin-user-list .meta .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-list .badge{padding:.05rem .32rem;font-size:.6rem}.badge.danger{background:var(--error);color:#fff}.avatar.sm{width:30px;height:30px;font-size:.72rem}.stat-mini-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:.6rem;margin:1rem 0;display:grid}.stat-mini-grid>div>div{color:var(--text-h);font-weight:600}.danger-zone{border:1px solid var(--error);border-radius:var(--r-sm);margin-top:1.1rem;padding:.75rem .85rem}.link.danger{color:var(--error)}.gate-actions{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.gate-actions>button{width:100%;margin:0}.mfa-qr{justify-content:center;margin:.6rem 0;display:flex}.mfa-qr svg,.mfa-qr img{border-radius:var(--r-sm);background:#fff;width:180px;height:180px;padding:8px}.account-legal{margin-top:.6rem}.account-legal a{color:var(--muted)}.ghost.as-button.danger{color:var(--error);border-color:var(--error)}.ghost.as-button.danger:hover{background:var(--error-soft)}.primary.danger{background:var(--error);border-color:var(--error)}.primary.danger:hover{filter:brightness(.95)}.combined-strip{background:var(--surface-2);border-radius:var(--r-sm);align-items:flex-end;gap:1px;height:64px;padding:3px;display:flex}.combined-strip>span{border-radius:1px;flex:1;min-height:2px}.bar-chart-wrap{margin-top:.4rem;position:relative}.bar-tip{white-space:nowrap;background:var(--text-h);color:var(--bg);border-radius:var(--r-sm);pointer-events:none;z-index:9999;padding:3px 7px;font-size:.72rem;font-weight:600;position:fixed;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 2px 8px #00000040}.listener-list{flex-direction:column;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.listener-list li{align-items:center;gap:.7rem;font-size:.85rem;display:flex}.listener-list .lname{text-overflow:ellipsis;white-space:nowrap;flex:0 0 34%;overflow:hidden}.listener-list .lbar{background:var(--surface-2);border-radius:4px;flex:1;height:8px;overflow:hidden}.listener-list .lbar>span{background:var(--primary);height:100%;display:block}.listener-list .lpct{text-align:right;color:var(--muted);flex:0 0 2.6rem}.listener-list li.listener-block{display:block}.listener-row{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:.7rem;padding:.3rem .35rem;font-size:.85rem;display:flex}.listener-row:hover,.listener-row.on{background:var(--surface-2)}.listener-detail{padding:.2rem .35rem .65rem}.heat-strip{border-radius:var(--r-sm);gap:1px;height:24px;display:flex;overflow:hidden}.heat-strip>span{flex:1;min-width:2px}.heat-axis{color:var(--muted);justify-content:space-between;margin-top:.2rem;font-size:.7rem;display:flex}.seg-toggle{background:var(--surface-2);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex}.seg-toggle button{color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:.35rem .95rem;font-size:.85rem;font-weight:600}.seg-toggle button.on{background:var(--card);color:var(--text-h);box-shadow:0 1px 3px #0000001f}.list-filters{flex-direction:column;gap:.4rem;margin-bottom:.6rem;display:flex}.list-filters .row{gap:.5rem}.list-filters .row .search-box{flex:1;min-width:0;margin-bottom:0}.list-filters .row .search-box input{height:40px}.list-filters select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);cursor:pointer;padding:.45rem .5rem;font-size:.82rem}.list-filters>select{width:100%}.list-filters .row select{flex:none;width:auto;min-width:150px;height:40px;margin:0;padding:0 .6rem}.admin-credits{max-width:560px}.merge-list{border:1px solid var(--border);border-radius:var(--r-sm);margin:.4rem 0 0;padding:0;list-style:none;overflow:hidden}.merge-list li{justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.88rem;display:flex}.merge-list li+li{border-top:1px solid var(--border)}.merge-list li.on{background:var(--primary-soft)}.merge-list label{cursor:pointer;align-items:center;gap:.55rem;min-width:0;margin:0;display:flex}.merge-list input[type=checkbox]{flex:none;width:auto;margin:0}.merge-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.merge-bar input{flex:1;min-width:150px;height:38px;margin:0}.merge-bar button{flex:none;width:auto;margin:0;padding:.5rem 1rem}.metric-table-wrap{overflow-x:auto}.metric-table{border-collapse:collapse;width:100%;font-size:.85rem}.metric-table th,.metric-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .7rem}.metric-table thead th{color:var(--muted);font-weight:600}.metric-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.metric-table th.sortable:hover{color:var(--text-h)}.metric-table th.sortable.on{color:var(--primary)}.metric-table tbody tr:hover{background:var(--surface-2)}.metric-table td.namecell{color:var(--text-h);font-weight:500}.metric-table td.wrap-cell{white-space:normal;min-width:120px;max-width:240px}.metric-table td.late-cell{color:var(--error);font-weight:600}.metric-table.expandable .row-click,.metric-table.clickable .row-click{cursor:pointer}.metric-table tr.is-allowed,.row-detail .metric-table.nested tbody tr.is-allowed{background:var(--primary-soft)}.metric-table.expandable .row-click.on{background:var(--surface-2)}.metric-table .caret-col{text-align:center;width:30px;color:var(--muted);padding-right:0}.metric-table .caret-col svg{vertical-align:-2px}.metric-table .detail-row:hover{background:0 0}.metric-table .detail-row>td{background:var(--surface-2);border-bottom:1px solid var(--border);padding:0}.row-detail{padding:.75rem 1rem 1.1rem}.version-block{margin-top:.5rem}.version-block .ver-label{color:var(--text-h);margin-bottom:.15rem;font-weight:600}.person-stats{color:var(--text-h);flex-direction:column;gap:.3rem;margin:0 0 .7rem;padding:0;font-size:.85rem;list-style:none;display:flex}.person-stats .credit-label{min-width:150px;margin-right:.5rem;display:inline-block}.disclosure-list{color:var(--text-h);flex-direction:column;gap:.15rem;margin:.15rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.disclosure-list a{color:var(--primary);word-break:break-all}.metric-table .pill.ai{margin-left:.4rem}.listener-zone{margin-top:.4rem}.row-detail .metric-table.nested{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.row-detail .metric-table.nested tbody tr.row-click:hover,.row-detail .metric-table.nested tbody tr.row-click.on,.row-detail .metric-table.nested .detail-row>td{background:var(--surface-2)}.row-detail .metric-table.nested th,.row-detail .metric-table.nested td{border-bottom-color:var(--border)}.row-detail .metric-table.nested tbody tr:last-child td{border-bottom:none}.listened{color:var(--muted);align-items:center;gap:.2rem;margin-left:.35rem;font-size:.68rem;display:inline-flex}.listened svg{opacity:.7}.issue-fab{z-index:400;background:var(--card);border:1px solid var(--border-strong);border-radius:999px;width:42px;height:42px;position:fixed;bottom:1.1rem;right:1.1rem;box-shadow:0 8px 24px #00000047}.issue-fab:hover{background:var(--surface-2);color:var(--primary)}.issue-pick-highlight{z-index:401;pointer-events:none;outline:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:3px;position:fixed}.issue-pick-bar{z-index:402;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-pill);align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.85rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.issue-report-dialog{max-width:480px;max-height:85vh;overflow-y:auto}.issue-report-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.kb-preview-page{max-width:1400px;margin:0 auto;padding:1.25rem 1rem 2rem}.kb-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.kb-preview-controls{gap:.5rem;margin-bottom:.75rem;display:grid}.kb-preview-label{gap:.35rem;margin:0;font-size:.85rem;display:grid}.kb-preview-label input,.kb-preview-label select{width:100%}.kb-preview-nav{margin-bottom:.75rem}.kb-preview-watch{align-items:center;gap:.4rem;margin:0;font-size:.82rem;display:flex}.kb-preview-watch input{width:auto;margin:0}.kb-preview-panes{align-items:start;gap:.75rem;display:grid}.kb-preview-split{grid-template-columns:1fr 1fr}.kb-preview-edit,.kb-preview-preview{grid-template-columns:1fr}.kb-preview-editor textarea{resize:vertical;width:100%;min-height:70vh;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.45}.kb-preview-render{min-height:200px}.review-processing-overlay{z-index:1100;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.review-processing-card{border:1px solid color-mix(in srgb, var(--primary) 38%, var(--border-strong));border-radius:var(--r-lg);background:var(--card);width:min(760px,100%);max-height:min(860px,100vh - 2.5rem);box-shadow:var(--shadow-pop);padding:clamp(1.2rem,3vw,2.2rem);overflow:auto}.review-processing-kicker{color:var(--primary);font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;display:flex}.review-processing-live-dot{background:var(--primary);width:.55rem;height:.55rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 35%, transparent);border-radius:50%;animation:1.25s ease-out infinite review-processing-pulse}.review-processing-card h1{max-width:620px;color:var(--text-h);margin:.65rem 0 .35rem;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.08}.review-processing-status{min-height:2.6em;color:var(--muted);margin:0;line-height:1.45}.review-processing-visual{border:1px solid var(--border);border-radius:var(--r-sm);background:color-mix(in srgb, var(--surface-2) 76%, var(--card));gap:.42rem;margin:1.25rem 0 1rem;padding:.8rem;display:grid;position:relative;overflow:hidden}.review-processing-scanline{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 22%, transparent), transparent);width:15%;animation:2.4s linear infinite review-processing-scan;position:absolute;top:0;bottom:0;left:-15%}.review-processing-lane{align-items:center;gap:.55rem;min-height:2rem;display:flex}.review-processing-lane-label{width:1.4rem;color:var(--muted);font:600 .58rem var(--mono)}.review-processing-wave{align-items:center;gap:3px;width:100%;height:1.8rem;display:flex}.review-processing-wave i{background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 30%, transparent));transform-origin:50%;border-radius:999px;flex:1;min-width:2px;max-width:12px;animation:.9s ease-in-out infinite alternate review-processing-wave}.review-processing-flow{color:var(--muted);font:600 .58rem var(--mono);text-transform:uppercase;justify-content:center;align-items:center;gap:.45rem;margin-top:.3rem;display:flex}.review-processing-flow span{background:var(--primary);width:1.3rem;height:2px;animation:1.1s ease-in-out infinite review-processing-flow}.review-processing-flow b{color:var(--primary);font-weight:700}.review-processing-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin:.9rem 0 1.2rem;display:grid}.review-processing-grid div{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);min-width:0;padding:.55rem .45rem}.review-processing-grid strong,.review-processing-grid span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.review-processing-grid strong{color:var(--text-h);font:700 .82rem var(--mono)}.review-processing-grid span{color:var(--muted);margin-top:.2rem;font-size:.58rem}.review-processing-stages{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.review-processing-stage{min-width:0;color:var(--muted);align-items:center;gap:.3rem;font-size:.64rem;line-height:1.2;display:flex}.review-processing-stage-mark{border:1px solid var(--border-strong);width:1.25rem;height:1.25rem;font:700 .58rem var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.review-processing-stage.complete,.review-processing-stage.active{color:var(--text-h)}.review-processing-stage.complete .review-processing-stage-mark{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary)}.review-processing-stage.active .review-processing-stage-mark{border-color:var(--primary);color:var(--primary);animation:1.25s ease-out infinite review-processing-pulse}.review-processing-stage em{color:var(--primary);font:600 .52rem var(--mono);text-transform:uppercase;margin-left:auto}.review-processing-footnote{color:var(--muted);margin:1.1rem 0 0;font-size:.68rem;line-height:1.4}.review-processing-continue{width:100%;margin:1rem 0 0}@keyframes review-processing-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 38%, transparent)}70%{box-shadow:0 0 0 .45rem #0000}to{box-shadow:0 0 #0000}}@keyframes review-processing-scan{0%{transform:translate(0)}to{transform:translate(760%)}}@keyframes review-processing-wave{0%{opacity:.55;transform:scaleY(.72)}to{opacity:1;transform:scaleY(1.08)}}@keyframes review-processing-flow{0%,to{opacity:.3;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}@media (width<=640px){.review-processing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-processing-stages{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.review-processing-live-dot,.review-processing-scanline,.review-processing-wave i,.review-processing-flow span,.review-processing-stage.active .review-processing-stage-mark{animation:none}}@media (width<=960px){.kb-preview-split{grid-template-columns:1fr}.kb-preview-editor textarea{min-height:40vh}}.structural-analysis-wrap{display:block}.structural-analysis-ribbon{grid-template-columns:var(--tc-w,13rem) minmax(0, 1fr);background:color-mix(in srgb, var(--surface-2) 72%, var(--card));min-height:42px;display:grid}.structural-analysis-gutter{border-right:1px solid var(--border);color:var(--text-h);font:700 .62rem var(--mono);flex-direction:column;justify-content:center;gap:.1rem;padding:.35rem .55rem;display:flex}.structural-analysis-gutter small{color:var(--muted);font:600 .5rem var(--mono);text-transform:uppercase}.structural-analysis-track{min-height:42px;position:relative;overflow:hidden}.structural-analysis-section{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--primary) 65%, var(--border-strong));background:color-mix(in srgb, var(--primary) 12%, var(--card));min-width:2px;color:var(--text-h);font:700 .58rem var(--mono);white-space:nowrap;border-radius:4px;padding:.25rem .35rem;position:absolute;top:4px;bottom:4px;overflow:visible}.structural-analysis-section.repeated{border-style:dashed;border-color:var(--warn,#d89c3d);background:color-mix(in srgb, var(--warn,#d89c3d) 13%, var(--card))}.structural-analysis-section span,.structural-analysis-section small{text-overflow:ellipsis;display:block;overflow:hidden}.structural-analysis-section small{color:var(--muted);font:600 .48rem var(--mono);text-transform:uppercase;margin-top:.12rem}.structural-analysis-handle{background:var(--primary);opacity:0;cursor:col-resize;z-index:2;border:0;width:7px;padding:0;position:absolute;top:-4px;bottom:-4px}.structural-analysis-section:hover .structural-analysis-handle,.structural-analysis-ribbon.editable .structural-analysis-handle{opacity:.72}.structural-analysis-handle.start{left:-4px}.structural-analysis-handle.end{right:-4px}.structural-analysis-summary{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.7rem}.structural-analysis-summary .panel-head{border:0;padding:0}.structural-analysis-actions{margin-top:.45rem}@media (width<=700px){.structural-analysis-ribbon{grid-template-columns:8rem minmax(0,1fr)}.structural-analysis-section small{display:none}}.timing-strip{align-items:stretch;min-height:2rem}.timing-strip-meter+.lane-divider{background:color-mix(in srgb, var(--border-strong) 60%, transparent);height:1px}.timing-strip-meter{flex:none;align-items:stretch;min-height:0}.timing-strip-meter,.timing-strip-tempo{overflow:hidden}.timing-strip-meter .timing-lane-wrap{flex:none;height:calc(1.25rem + 4px);min-height:calc(1.25rem + 4px)}.timing-strip-tempo>.timing-strip-controls-tempo{align-self:stretch}.timing-strip-label{letter-spacing:.04em;text-transform:uppercase;flex:1;min-width:0;font-size:.75rem}.card.player.expanded .timing-strip-label{text-align:left;padding-left:0}.card.player:not(.expanded) .timing-strip-label{padding-left:var(--th-header-chip-gap,.15rem)}.timing-strip-controls{cursor:context-menu;min-width:0}.timing-strip-add-btn{cursor:pointer;flex:none;width:18px;height:18px;margin-right:5px}.timing-strip-import-btn{align-self:center;margin-right:.35rem}.timing-strip-header-end{flex-direction:column;flex:none;justify-content:space-between;align-self:stretch;align-items:center;margin-right:5px;padding:0;display:flex}.timing-strip-header-end .timing-strip-add-btn{flex:none;margin-right:0}.timing-strip-meter .timing-strip-header-end{flex-direction:row;align-self:center;align-items:center;margin-right:5px}.timing-strip-range{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;pointer-events:none;font-size:.62rem;line-height:1}.timing-strip-range-max{margin-top:2px}.timing-strip-add-btn svg{pointer-events:none}.timing-lane-col{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.timing-lane-insert-point{width:0;top:0;bottom:0;left:calc(var(--tl-inset,0px) + var(--ip) * (100% - var(--tl-inset,0px)));pointer-events:none;z-index:12;border-left:2px dashed #b9afff;position:absolute}.timing-lanes-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:flex-start;align-items:center;padding:.1rem .15rem .1rem 0;display:inline-flex}.timing-lanes-toggle:hover{color:var(--text)}.rv-ctx-menu .rv-ctx-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:.35rem .55rem .15rem;font-size:.68rem}.rv-ctx-menu .rv-ctx-sep{border-top:1px solid var(--border);margin:.2rem .35rem}.timing-lane-wrap{flex:1;height:1.75rem;min-height:1.75rem;position:relative}.timing-lane-wrap.tempo-automation-wrap{min-height:2.5rem}.tempo-lane-resize-s{cursor:ns-resize;z-index:2;background:0 0;height:6px;position:absolute;bottom:0;left:0;right:0}.timing-lane{background:color-mix(in srgb, var(--surface-2) 80%, transparent);border-radius:0;height:100%;position:relative;overflow:hidden}.timing-lane-empty{min-height:100%}.timing-lane-meter,.tempo-automation-lane{overflow:hidden}.tempo-clip-region{background:color-mix(in srgb, var(--timing-tempo,#3b82f6) 14%, transparent);border:1px solid color-mix(in srgb, var(--timing-tempo,#3b82f6) 35%, transparent);pointer-events:auto;border-radius:3px;position:absolute;top:0;bottom:0}.tempo-clip-region.selected{background:color-mix(in srgb, var(--timing-tempo,#3b82f6) 22%, transparent);border-color:color-mix(in srgb, var(--timing-tempo,#3b82f6) 65%, transparent);z-index:1}.tempo-loop-region{border:1px dashed color-mix(in srgb, var(--timing-tempo,#3b82f6) 55%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:2px;bottom:2px}.tempo-clip-resize-e{cursor:ew-resize;width:8px;height:100%;position:absolute;top:0;right:0}.tempo-automation-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.tempo-automation-line{fill:none;stroke:var(--timing-tempo,#3b82f6);stroke-width:2px;vector-effect:non-scaling-stroke}.tempo-grid-line{vector-effect:non-scaling-stroke;stroke-width:1px;pointer-events:none}.tempo-automation-handle{pointer-events:all;cursor:grab}.tempo-automation-event,.tempo-automation-point,.tempo-automation-event-locked{cursor:ew-resize}.tempo-automation-event,.tempo-automation-point{fill:color-mix(in srgb, var(--timing-tempo,#3b82f6) 32%, #fff);stroke:var(--timing-tempo,#3b82f6);stroke-width:2px}.tempo-automation-event.selected,.tempo-automation-point.selected{stroke:var(--accent,#fff);stroke-width:2.5px}.tempo-automation-segment-hit{fill:none;stroke:#0000;stroke-width:12px;pointer-events:none}.tempo-automation-lane.alt-curve .tempo-automation-segment-hit{pointer-events:stroke;cursor:ns-resize}.automation-lane{background:color-mix(in srgb, var(--automation-tint,transparent) 14%, color-mix(in srgb, var(--surface-2) 60%, transparent));position:relative;overflow:hidden}.automation-lane-empty{min-height:100%}.automation-lane-svg{display:block}.automation-lane-baseline{stroke:var(--muted);stroke-width:1px;stroke-dasharray:5 4;opacity:.75;pointer-events:none}.automation-lane-curve{fill:none;stroke:var(--accent,#98f);stroke-width:1.5px}.automation-lane-modulation{fill:none;stroke:#0078ff80;stroke-width:1.5px;stroke-dasharray:4 2}.automation-lane-composite{fill:none;stroke:var(--accent);stroke-width:1px;stroke-dasharray:2 3;opacity:.6}.automation-lane-readhead{stroke:var(--text-h);stroke-width:1px;opacity:.65;pointer-events:none}.automation-lane-readout{fill:var(--text-h);stroke:var(--bg);stroke-width:1.5px;pointer-events:none}.automation-lane-point{cursor:pointer;transition:r .1s}.automation-lane-point:hover{r:5}.automation-lane-point.dragging{r:6;fill:var(--text)!important}.automation-lane-point.selected{r:5;stroke:var(--text);stroke-width:2px}.automation-lane-point.curve{stroke-dasharray:2 2}.automation-lane-tooltip{z-index:300;background:var(--text-h);color:var(--bg);font-family:var(--mono);pointer-events:none;white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 2px 10px #00000059}.automation-lanes-strip{--accent:var(--primary,#a78bfa);grid-template-columns:var(--tc-w,120px) minmax(0, 1fr);background:color-mix(in srgb, var(--automation-tint,transparent) 14%, color-mix(in srgb, var(--surface-2) 34%, transparent));padding:0;display:grid}.automation-lanes-strip.track-bar-continuation{position:relative}.automation-lanes-strip.track-bar-continuation:before{content:"";z-index:2;background:var(--automation-track-bar-accent,var(--border-strong));pointer-events:none;width:10px;position:absolute;top:0;bottom:0;left:0}.automation-lanes-strip.track-bar-continuation.child-track-bar-continuation:before{background:var(--automation-parent-bar-accent,var(--container-accent,#f59e0b))}.automation-lanes-strip.track-bar-continuation.child-track-bar-continuation:after{content:"";z-index:2;background:var(--automation-track-bar-accent,var(--border-strong));pointer-events:none;width:5px;position:absolute;top:0;bottom:0;left:10px}.automation-lanes-strip.track-bar-continuation .automation-lane-head-label{padding-left:38px}.automation-lanes-head{display:contents}.automation-lane-head-label{box-sizing:border-box;min-height:40px;color:var(--text-dim);background:color-mix(in srgb, var(--automation-tint,transparent) 14%, color-mix(in srgb, var(--surface-2) 60%, transparent));grid-column:1;align-items:center;gap:5px;padding:4px 8px;font-size:.68rem;font-weight:600;display:flex}.automation-lane-head-label.orphan,.automation-lane-row.orphan{opacity:.55;filter:grayscale(.75)}.automation-mode-pill{background:var(--surface-3,var(--surface-2));border-radius:3px;flex:none;gap:1px;display:inline-flex;overflow:hidden}.auto-mode-btn{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:1px 4px;font-size:9px;line-height:1.4;transition:background .12s,color .12s}.auto-mode-btn.active{background:color-mix(in srgb, var(--accent,#a78bfa) 50%, transparent);color:var(--text)}.auto-mode-btn:hover:not(.active){color:var(--text)}.automation-lane-add-mod{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;font-size:10px}.automation-lane-add-mod:hover{color:var(--text)}.automation-lane-curve-hit{stroke:#0000;stroke-width:12px}.automation-lane-marquee{fill:color-mix(in srgb, var(--accent) 16%, transparent);stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 2;pointer-events:none}.midi-controller-lane{border-top:1px solid var(--border);background:var(--surface-2);position:relative}.midi-controller-lane-toolbar{box-sizing:border-box;align-items:center;gap:5px;min-height:0;padding:2px 5px;display:flex}.midi-controller-lane-toolbar select{min-width:9rem;max-width:17rem;height:20px;font-size:10px}.midi-controller-lane-select{height:20px;font-size:10px}.midi-controller-search{border:1px solid var(--border);background:var(--surface);width:7rem;height:20px;color:var(--text);border-radius:3px;padding:1px 5px;font-size:10px}.midi-controller-lane-canvas{overflow:hidden}.midi-controller-lane.collapsed .midi-controller-lane-toolbar{border-bottom:0}.midi-controller-lanes{flex-direction:column;display:flex}.midi-controller-lane-grid{position:absolute;inset:0}.midi-controller-lane-resize-handle{z-index:3;cursor:ns-resize;border-top:1px dashed var(--border-strong,#555);height:5px;margin:0;transition:border-color .15s;position:absolute;top:-3px;left:0;right:0}.midi-controller-lane-resize-handle:hover{border-top-color:var(--accent,#98f)}.automation-lane-resize-handle{z-index:3;cursor:ns-resize;height:5px;margin:0;position:absolute;bottom:-3px;left:0;right:0}.automation-lane-resize-handle:hover{background:var(--accent,#98f);opacity:.4}.midi-controller-add-lane{box-sizing:border-box;width:100%;min-height:22px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface-2);justify-content:center;font-size:11px}.midi-controller-add-lane:hover{color:var(--text);background:var(--surface-3,var(--surface-2))}.automation-lane-row{grid-column:2;align-items:center;gap:4px;min-width:0;display:flex}.automation-lane-row+.automation-lane-row{border-top:1px solid var(--border)}.timing-instance{color:#fff;cursor:grab;opacity:.92;border:1px solid #00000040;border-radius:3px;padding:0 4px;font-size:10px;position:absolute;top:2px;bottom:2px}.timing-instance.selected{outline:2px solid var(--accent,#fff);z-index:2}.timing-instance-label{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.timing-event{color:#fff;cursor:pointer;z-index:3;opacity:.95;border:1px solid #0000004d;border-radius:2px;justify-content:center;align-items:center;min-width:1.25rem;height:1rem;padding:0 4px;font-size:9px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.timing-event-meter{background:var(--primary);border-color:color-mix(in srgb, var(--primary-h,var(--primary)) 55%, #000)}.timing-event-meter.editing{cursor:text;z-index:6;border-radius:2px;min-width:3.5rem;height:auto;padding:0 2px;transform:translateY(-50%)scale(1.05)}.timing-event.selected{outline:2px solid var(--accent,#fff);z-index:4}.timing-event-locked{cursor:default}.timing-event-label{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:3rem;display:block;overflow:hidden}.timing-event-input{width:auto;min-width:2rem;max-width:5rem;color:inherit;font:inherit;text-align:center;background:#0003;border:0;border-radius:3px;padding:1px 3px;line-height:1.2}.timing-event-input:focus{outline:1px solid #fff9}.tempo-drag-tooltip strong{font-variant-numeric:tabular-nums;margin-bottom:0}.timing-inspector{z-index:30;gap:.5rem;width:min(18rem,90vw);padding:.75rem;display:grid;position:absolute;top:4.5rem;right:1rem}.timing-inspector-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.timing-inspector-check{align-items:center;gap:.35rem;display:flex}.drum-rack-panel{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;flex:auto;gap:.5rem;min-width:0;padding:.5rem;display:flex;overflow-y:auto}.dr-header{border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding-bottom:.4rem;display:flex}.dr-header-name{color:var(--text-h);flex:1;font-size:.8rem;font-weight:700}.dr-header-actions{align-items:center;gap:.25rem;display:flex}.dr-icon-btn{white-space:nowrap;border:1px solid var(--border-strong);background:var(--card);width:auto;min-width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:.2rem;padding:0 .4rem;font-size:.65rem;font-weight:600;display:inline-flex}.dr-icon-btn:hover{color:var(--primary);border-color:var(--primary)}.dr-icon-btn.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.dr-content-row{flex-direction:row;flex:auto;align-items:flex-start;min-height:0;display:flex}.dr-main{background:var(--card);flex-direction:column;flex:none;align-self:stretch;width:490px;min-width:0;min-height:0;display:flex;overflow:hidden}.dr-body{flex:auto;align-items:stretch;gap:6px;min-height:0;padding:.4rem;display:flex}.dr-grid{flex:auto;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:4px;min-width:0;min-height:0;display:grid}.dr-overview-col{flex-direction:column;flex:0 0 16px;align-items:stretch;gap:4px;min-height:0;display:flex}.dr-overview-col .dr-overview{flex:auto;min-height:0}.dr-midi-select{border:1px solid var(--border);background:var(--card);width:16px;height:16px;color:var(--text-dim);cursor:pointer;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.dr-midi-select:hover{background:var(--surface-2);color:var(--text-h)}.dr-midi-select.on{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, var(--card))}.dr-overview{border:1px solid var(--border);background:var(--card);cursor:pointer;touch-action:none;border-radius:3px;flex-direction:column;flex:0 0 16px;min-height:0;display:flex;position:relative;overflow:hidden}.dr-overview-tick{background:color-mix(in srgb, var(--border) 60%, transparent);flex:1 1 0}.dr-overview-tick.populated{background:var(--primary)}.dr-overview-window{border:1px solid var(--text-h);background:color-mix(in srgb, var(--primary) 18%, transparent);pointer-events:none;position:absolute;left:0;right:0}.dr-pad{border:1px solid var(--border);background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;--dr-pad-bl:3px;--dr-pad-br:3px;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;transition:border-color 80ms,background 80ms;display:flex;position:relative;overflow:hidden}.dr-pad:not(.populated):hover{border-color:var(--primary)}.dr-pad.populated{justify-content:flex-start;align-items:stretch}.dr-pad.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.dr-pad.drag-over{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 22%, var(--card))}.dr-pad.dr-pad-active{background-color:color-mix(in srgb, var(--dr-pad-flash,var(--primary)) 25%, var(--card))}.dr-pad.dr-pad-hit{background-color:color-mix(in srgb, var(--dr-pad-flash,var(--primary)) 42%, var(--card));box-shadow:none}.dr-pad-pitch.dr-pad-pitch-empty{color:var(--muted);font-size:.58rem;font-weight:600;position:absolute;top:3px;left:5px}.dr-pad-plus{color:var(--muted);opacity:.4}.dr-pad:not(.populated):hover .dr-pad-plus{color:var(--primary);opacity:.9}.dr-pad-band{background:color-mix(in srgb, var(--primary) 14%, var(--surface-2));border-bottom:1px solid var(--border);align-items:center;gap:3px;padding:3px 4px;display:flex}.dr-pad-icon{color:var(--text-h);opacity:.7;flex:none}.dr-pad-name{min-width:0;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.58rem;font-weight:700;line-height:1.1;overflow:hidden}.dr-pad-pitch{color:var(--muted);pointer-events:none;font-size:.52rem;font-weight:500;line-height:1;position:absolute;top:22px;left:4px}.dr-pad-footer{border-top:1px solid var(--border);align-items:stretch;height:18px;margin-top:auto;display:flex;overflow:hidden}.dr-pad-footer>:first-child{border-radius:0 0 0 var(--dr-pad-bl,4px)}.dr-pad-footer>:last-child{border-radius:0 0 var(--dr-pad-br,4px) 0}.dr-pad-mini-btn{border:none;border-right:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:0;flex:1 1 0;place-items:center;padding:0;font-size:.5rem;font-weight:700;display:inline-grid}.dr-pad-mini-btn:last-child{border-right:none}.dr-pad-mini-btn:hover{background:var(--surface-2);color:var(--text-h)}.dr-pad-mini-btn.on-mute{background:var(--error);color:#fff}.dr-pad-mini-btn.on-solo{background:var(--solo);color:#fff}.dr-pad-choke{border-right:1px solid var(--border);flex:1 1 0;align-items:stretch;min-width:0;display:flex}.dr-pad-choke-btn{height:100%;color:var(--muted);cursor:pointer;border-radius:0 0 0 var(--dr-pad-bl,4px);background:0 0;border:none;flex:1 1 0;padding:0;font-size:.52rem;font-weight:700}.dr-pad-choke-btn:hover{background:var(--surface-2);color:var(--text-h)}.dr-choke-picker{z-index:300;box-sizing:border-box;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:3px;display:flex;position:fixed}.dr-choke-opt{border:1px solid color-mix(in srgb, var(--border-strong) 82%, transparent);cursor:pointer;color:#000;border-radius:2px;flex:auto;justify-content:center;align-items:center;height:15px;padding:0;font-size:.55rem;font-weight:700;line-height:1;display:flex}.dr-choke-opt.on{outline:2px solid var(--text-h);outline-offset:-3px}.dr-choke-opt:hover{filter:brightness(1.15)}.dr-pad-play{border:1px solid color-mix(in srgb, var(--text-h) 30%, transparent);background:color-mix(in srgb, var(--card) 82%, transparent);width:22px;height:22px;color:var(--text-h);cursor:pointer;z-index:2;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dr-pad-play:hover{background:var(--dr-pad-flash,var(--primary));border-color:var(--dr-pad-flash,var(--primary));color:#fff}.dr-pad-play:active{transform:translate(-50%,-50%)}.dr-pad-menu{z-index:300;background:var(--card);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;gap:2px;min-width:176px;padding:4px;display:flex;position:fixed;box-shadow:0 10px 30px #00000073}.dr-pad-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 8px;font-size:.78rem;font-weight:600}.dr-pad-menu-item:hover{background:var(--surface-2)}.dr-pad-menu-item:disabled,.dr-pad-menu-item.disabled{color:var(--muted);cursor:not-allowed}.dr-pad-menu-item:disabled:hover,.dr-pad-menu-item.disabled:hover{background:0 0}.dr-pad-menu-danger{color:var(--error,#ef5b5b)}.dr-pad-menu-danger:hover{background:color-mix(in srgb, var(--error,#ef5b5b) 14%, transparent);color:var(--error,#ef5b5b)}.dr-pad-menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 8px 1px;font-size:.58rem}.dr-pad-menu .clip-inspector-color-palette{padding:3px 4px 2px}.dr-pad-rename{border:1px solid var(--border-strong);background:var(--card);width:100%;min-width:0;color:var(--text-h);border-radius:3px;flex:auto;padding:1px 3px;font-family:inherit;font-size:.58rem;font-weight:700;line-height:1.1}.dr-pad-rack-dots{flex-direction:column;align-items:center;gap:3px;padding:2px 0;display:flex}.fb-strip-dot.sampler{--fx-accent:#f59e0b}.fb-strip-dot.simpleSynth{--fx-accent:#60a5fa}.dr-pad-rack-dot{border:1.5px solid var(--border-strong);background:var(--muted);cursor:pointer;border-radius:50%;width:11px;height:11px;padding:0}.dr-pad-rack-dot.filled{background:var(--primary)}.fx-pad-rack.expanded .rack-cap-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.fx-pad-rack .rack-cap.colored{border-bottom-color:var(--border-strong)}.fx-pad-rack .rack-cap.colored .rack-cap-label,.fx-pad-rack .rack-cap.colored .rack-cap-toggle,.fx-pad-rack .rack-cap.colored .rack-cap-toggle:hover{color:#fff}.fx-pad-rack.expanded .fb-devices>.fx-device{flex:auto;min-height:0}.dr-pad-rack-empty{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.55rem}.fx-panel:has(>.drum-rack-panel){background:var(--surface-2);gap:0;padding:0}.fx-panel:has(>.drum-rack-panel)>.drum-rack-panel{box-sizing:border-box;border:2px solid var(--border-strong);background:var(--card);width:270px;box-shadow:var(--shadow-md);border-radius:14px 18px 15px 20px;flex:0 0 270px;gap:0;padding:0;overflow:hidden}.fx-panel:has(>.drum-rack-panel:has(.fx-pad-rack.expanded))>.drum-rack-panel{flex-basis:min(100%,1120px);width:min(100%,1120px)}.fx-panel:has(>.drum-rack-panel) .dr-header{box-sizing:border-box;border-bottom:2px solid var(--border-strong);background:var(--card);flex:0 0 36px;gap:5px;min-height:36px;padding:0 6px}.fx-panel:has(>.drum-rack-panel) .dr-header-name{color:var(--text-h);flex:none;font-size:.95rem;font-weight:700}.fx-panel:has(>.drum-rack-panel) .dr-header-actions{margin-left:auto}.fx-panel:has(>.drum-rack-panel) .dr-header>.fx-power{border-width:2px;width:22px;min-width:22px;height:22px}.fx-panel:has(>.drum-rack-panel) .dr-header>.fx-power svg{width:13px;height:13px}:is(.fx-panel:has(>.drum-rack-panel) .dr-header .help-btn,.fx-panel:has(>.drum-rack-panel) .dr-header .full-window-btn){border-color:var(--border-strong);background:var(--card);width:18px;height:18px;color:var(--text-h);border-radius:5px;padding:0}:is(.fx-panel:has(>.drum-rack-panel) .dr-header .help-btn:disabled,.fx-panel:has(>.drum-rack-panel) .dr-header .full-window-btn:disabled){opacity:1;cursor:default}:is(.fx-panel:has(>.drum-rack-panel) .dr-header .help-btn:hover,.fx-panel:has(>.drum-rack-panel) .dr-header .full-window-btn:hover){border-color:var(--border-strong);color:var(--text-h)}.fx-panel:has(>.drum-rack-panel) .dr-icon-btn{border-color:var(--border-strong);background:var(--card);border-radius:5px;width:18px;min-width:18px;height:18px;padding:0;font-size:0}.fx-panel:has(>.drum-rack-panel) .dr-icon-btn svg{width:10px;height:10px}.fx-panel:has(>.drum-rack-panel) .dr-icon-btn.on{background:var(--primary)}.fx-panel:has(>.drum-rack-panel) .dr-content-row{flex:auto;min-height:0}.fx-panel:has(>.drum-rack-panel) .dr-main{background:var(--card);flex:0 0 490px;width:490px}.fx-panel:has(>.drum-rack-panel) .dr-body{gap:5px;padding:5px 4px 5px 5px}.fx-panel:has(>.drum-rack-panel) .dr-overview{border:2px solid var(--border-strong);background:var(--surface-2);border-radius:3px;flex-basis:19px}.fx-panel:has(>.drum-rack-panel) .dr-overview-tick{background:var(--card);border-bottom:1px solid var(--border)}.fx-panel:has(>.drum-rack-panel) .dr-overview-tick.populated{background:var(--text-h)}.fx-panel:has(>.drum-rack-panel) .dr-overview-window{border:2px solid var(--border-strong);background:color-mix(in srgb, var(--primary) 25%, transparent)}.fx-panel:has(>.drum-rack-panel) .dr-grid{gap:3px}.fx-panel:has(>.drum-rack-panel) .dr-pad{border:2px solid var(--border-strong);background:var(--card);box-shadow:1px 1px 0 color-mix(in srgb, var(--border-strong) 55%, transparent);--dr-pad-bl:5px;--dr-pad-br:8px;border-radius:11px 8px 10px 7px}.fx-panel:has(>.drum-rack-panel) .dr-pad.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary), 1px 1px 0 var(--border-strong)}.fx-panel:has(>.drum-rack-panel) .dr-pad-band{background:var(--surface-2);border-bottom:2px solid var(--border-strong);min-height:24px;padding:2px 4px}.fx-panel:has(>.drum-rack-panel) .dr-pad-icon{color:var(--text-h)}.fx-panel:has(>.drum-rack-panel) .dr-pad-name{font-family:var(--font-hand,var(--font));font-size:.62rem}.fx-panel:has(>.drum-rack-panel) .dr-pad-pitch{font-family:var(--font-hand,var(--font));color:var(--text-h);font-size:.55rem}.fx-panel:has(>.drum-rack-panel) .dr-pad-footer{border-top:2px solid var(--border-strong)}.fx-panel:has(>.drum-rack-panel) .dr-pad-mini-btn{color:var(--text-h);font-family:var(--font-hand,var(--font));border-right:1px solid var(--border-strong);font-size:.62rem}.fx-panel:has(>.drum-rack-panel) .dr-pad-mini-btn:hover{background:var(--surface-2)}:is(.fx-panel:has(>.drum-rack-panel) .fx-mod-rack,.fx-panel:has(>.drum-rack-panel) .fx-pad-rack){background:var(--surface-2);border-color:var(--border-strong)}.fx-panel:has(>.drum-rack-panel) .fx-mod-rack{width:20px}.fx-panel:has(>.drum-rack-panel) .fx-pad-rack{width:20px}.fx-panel:has(>.drum-rack-panel) .rack-cap{border-bottom-width:2px;height:36px}.fx-panel:has(>.drum-rack-panel) .rack-cap-toggle{color:var(--text-h)}.fx-device.drum-rack-device{--fx-accent:#34d399;flex:none;align-self:stretch;width:fit-content;min-width:274px;padding:0;overflow:hidden}.fx-device.drum-rack-device .drum-rack-panel{box-sizing:border-box;width:100%;height:auto;min-height:0;box-shadow:none;border:0;border-radius:0;flex:auto;gap:0;padding:0}.fx-device.drum-rack-device:fullscreen{background:var(--card);width:min(100vw,1120px);min-width:0;height:min(100vh,720px);margin:auto}.fx-device.drum-rack-device .fx-device-head{background:var(--card)}.fx-device.drum-rack-device .fx-device-name{font-size:.95rem}.fx-device.drum-rack-device .fx-device-head .help-btn,.fx-device.drum-rack-device .fx-device-head .full-window-btn{border-width:2px;border-color:var(--border-strong)}.fx-device.drum-rack-device .fx-device-head .help-btn~.full-window-btn{margin-left:0}.fx-device.drum-rack-device .dr-content-row{flex:auto;min-height:0}.fx-device.drum-rack-device .dr-main{flex:0 0 490px;width:490px}.fx-device.drum-rack-device .dr-body{gap:5px;padding:5px 4px 5px 5px}.fx-device.drum-rack-device .dr-overview{border:2px solid var(--border-strong);flex-basis:18px}.fx-device.drum-rack-device .dr-grid{gap:3px}.fx-device.drum-rack-device .dr-pad{border:2px solid var(--border-strong);box-shadow:1px 1px 0 color-mix(in srgb, var(--border-strong) 55%, transparent);--dr-pad-bl:4px;--dr-pad-br:7px;border-radius:10px 7px 9px 6px}.fx-device.drum-rack-device .dr-pad-band{border-bottom:2px solid var(--border-strong);min-height:20px;padding:2px 3px}.fx-device.drum-rack-device .dr-pad-name{font-size:.58rem}.fx-device.drum-rack-device .dr-pad-pitch{font-size:.53rem}.fx-device.drum-rack-device .dr-pad-footer{border-top:2px solid var(--border-strong)}.fx-device.drum-rack-device .dr-pad-mini-btn{font-size:.55rem}.fx-device.drum-rack-device .fx-pad-rack{background:var(--surface-2);border-color:var(--border-strong);width:28px}.fx-device.drum-rack-device .fx-pad-rack.expanded{width:auto}.comment-link{color:var(--primary);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.comment-link:hover{color:var(--text-h)}.link-embed{flex-direction:column;gap:.2rem;width:100%;max-width:560px;margin:.35rem 0 0;display:flex}.link-embed iframe{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2,var(--surface));width:100%;display:block}.link-embed.video iframe{aspect-ratio:16/9;height:auto}.link-embed-source{color:var(--muted);align-self:flex-start;align-items:center;gap:.25rem;font-size:.72rem;text-decoration:none;display:inline-flex}.link-embed-source:hover{color:var(--primary)}