.sequencer-root{--rows-gutter-width:140px;--sq-panel-bg:#f7f9fd;--sq-panel-border:#d6deee;--sq-viewport-bg:#fff;--grid-measure:rgba(10,15,26,.56);--grid-beat:rgba(10,15,26,.32);--grid-sub:rgba(10,15,26,.24);--playhead:#e91e63}@media(prefers-reduced-motion:reduce){.sequencer-root .playhead{box-shadow:none;transition:none}}.global-viewport,.global-viewport>*{box-sizing:border-box;margin:0!important;padding:0!important}.global-viewport{background:var(--sq-panel-bg);border:1px solid var(--sq-panel-border);border-radius:.5rem;display:grid;gap:0;grid-template-areas:"lanes scroller";grid-template-columns:var(--rows-gutter-width) minmax(0,1fr);grid-template-rows:1fr;overflow:hidden;position:relative}.global-viewport>.ruler{background:linear-gradient(180deg,rgba(0,0,0,.035),transparent 60%);border-bottom:1px solid var(--sq-panel-border);height:var(--ruler-height);left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;white-space:nowrap;z-index:5}.global-viewport>.ruler:before{border-left:1px solid var(--sq-panel-border);bottom:0;content:"";left:var(--rows-gutter-width);position:absolute;top:0}.global-viewport>.rows-gutter{background:color-mix(in srgb,var(--sq-panel-bg) 88%,transparent);border-right:1px solid var(--sq-panel-border);grid-area:lanes;min-width:var(--rows-gutter-width);overflow:hidden;padding-top:var(--ruler-height);position:relative;user-select:none;width:var(--rows-gutter-width);z-index:1}.rows-gutter-item{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--sq-panel-border) 85%,transparent);display:grid;gap:.5rem;grid-template-columns:1fr auto;min-height:32px;padding:.45rem .6rem}.rows-gutter-item .rg-title{color:rgba(240,244,255,.92);font-size:.9rem;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rows-gutter-item .rg-tools{display:inline-flex;gap:.25rem}.rows-gutter-item .rg-btn{--btn-bg:color-mix(in srgb,var(--sq-panel-bg) 96%,#ffffff11);--btn-br:color-mix(in srgb,var(--sq-panel-border) 78%,#0000);--btn-tx:rgba(235,240,255,.92);align-items:center;appearance:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 85%,transparent),var(--btn-bg));border:1px solid var(--btn-br);border-radius:8px;box-shadow:inset 0 1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);color:var(--btn-tx);display:inline-flex;font-size:.85rem;gap:.35rem;justify-content:center;line-height:1;padding:.28rem .6rem;transition:transform .08s ease,filter .12s ease,border-color .12s ease}.rows-gutter-item .rg-btn:hover{filter:brightness(1.06)}.rows-gutter-item .rg-btn:active{transform:translateY(1px)}.rows-gutter-item .rg-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--playhead) 60%,transparent);outline-offset:1px}.global-viewport>.scroller{grid-area:scroller;height:var(--row-height);margin-top:var(--ruler-height);max-height:var(--row-height);overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch;background:var(--sq-viewport-bg)}.global-viewport>.scroller>.grid{height:100%;min-width:var(--total-px,800px);position:relative}.global-viewport>.scroller>.grid>canvas{cursor:default;display:block;height:100%;touch-action:none;width:100%}.global-viewport>.scroller>.rows-layer{inset:0;pointer-events:none;position:absolute}.global-viewport>.playhead{background:var(--playhead);bottom:0;left:var(--rows-gutter-width);opacity:.95;pointer-events:none;position:absolute;top:var(--ruler-height);transform:translateX(0);width:2px;will-change:transform;z-index:40}.global-viewport>.scroller::-webkit-scrollbar{height:10px}.global-viewport>.scroller::-webkit-scrollbar-track{background:color-mix(in srgb,var(--sq-panel-bg) 70%,transparent)}.global-viewport>.scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sq-panel-border) 85%,#000);border-radius:8px}.sequencer-root>.track-viewport{all:unset;display:contents}.rows-gutter-item .rg-title{color:color-mix(in srgb,var(--sq-panel-border) 5%,#0c1420)}.sequencer-root .harmony-gutter{display:flex;flex-direction:column;gap:6px}.sequencer-root .harmony-lane{align-items:center;display:flex;gap:.5rem;padding:.25rem .3rem}.sequencer-root .harmony-lane .lane-title{color:rgba(240,244,255,.92);font-size:.88rem;font-weight:600;min-width:64px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.sequencer-root .harmony-lane canvas{background:color-mix(in srgb,var(--sq-panel-bg) 92%,hsla(0,0%,100%,.055));border:1px solid color-mix(in srgb,var(--sq-panel-border) 82%,transparent);border-radius:8px;display:block;height:20px}.sequencer-root .harmony-lane button{--btn-bg:color-mix(in srgb,var(--sq-panel-bg) 96%,#ffffff11);--btn-br:color-mix(in srgb,var(--sq-panel-border) 78%,#0000);--btn-tx:rgba(235,240,255,.92);align-items:center;appearance:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 85%,transparent),var(--btn-bg));border:1px solid var(--btn-br);border-radius:8px;box-shadow:inset 0 1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);color:var(--btn-tx);display:inline-flex;font-size:.8rem;justify-content:center;line-height:1;padding:.28rem .55rem;transition:transform .08s ease,filter .12s ease,border-color .12s ease}.sequencer-root .harmony-lane button:hover{filter:brightness(1.06)}.sequencer-root .harmony-lane button:active{transform:translateY(1px)}.sequencer-root .harmony-lane button:focus-visible{outline:2px solid color-mix(in srgb,var(--playhead) 60%,transparent);outline-offset:1px}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head{align-items:center;backdrop-filter:blur(2px);background:linear-gradient(to bottom,color-mix(in srgb,var(--sq-panel-bg) 96%,transparent),color-mix(in srgb,var(--sq-panel-bg) 96%,transparent));border-bottom:1px solid color-mix(in srgb,var(--sq-panel-border) 70%,transparent);border-radius:8px;display:flex;gap:0;height:30px;margin:0 -2px 6px;padding:4px;position:sticky;top:0;z-index:3}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head .rg-title{display:none}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head .rg-tools{display:inline-flex;flex-wrap:nowrap;gap:0}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head .rg-tools .rg-btn{--btn-bg:color-mix(in srgb,var(--sq-panel-bg) 96%,#ffffff11);--btn-br:color-mix(in srgb,var(--sq-panel-border) 78%,#0000);--btn-tx:rgba(235,240,255,.92);appearance:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 85%,transparent),var(--btn-bg));border:1px solid var(--btn-br);border-radius:0;border-right-width:0;box-shadow:inset 0 1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);color:var(--btn-tx);font-size:.8rem;line-height:1;margin:0;min-width:26px;padding:.28rem .44rem}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head .rg-tools .rg-btn:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head .rg-tools .rg-btn:last-child{border-bottom-right-radius:8px;border-right-width:1px;border-top-right-radius:8px}.sequencer-root .rows-gutter .rows-gutter-item.is-harmony-gutter .rg-head .rg-tools .rg-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--playhead) 60%,transparent);outline-offset:0;position:relative;z-index:1}.sequencer-root .rows-gutter .rows-gutter-item .rg-subslot.harmony-gutter{overflow:auto}.sq-offcanvas,.viz-offcanvas{inset:0;position:fixed;z-index:var(--sq-z-offcanvas,1050)}.ruler-row{font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;height:28px;position:relative;--ruler-bg:hsla(0,0%,100%,.04);--ruler-text:rgba(240,245,255,.95);--ruler-text-stroke:rgba(0,0,0,.45);--grid-measure:rgba(210,220,255,.45);--grid-beat:rgba(210,220,255,.28);--grid-sub:rgba(210,220,255,.18)}.ruler-row canvas{display:block}.ruler-row .capture,.ruler-row .loop-create-capture{cursor:pointer}.ruler-row--compact{height:22px}.theme-dark .ruler-row{--ruler-bg:hsla(0,0%,100%,.04);--ruler-text:rgba(240,245,255,.96);--ruler-text-stroke:rgba(0,0,0,.45);--grid-measure:rgba(210,220,255,.45);--grid-beat:rgba(210,220,255,.28);--grid-sub:rgba(210,220,255,.18)}.theme-light .ruler-row{--ruler-bg:rgba(0,0,0,.04);--ruler-text:rgba(12,20,32,.95);--ruler-text-stroke:hsla(0,0%,100%,.65);--grid-measure:rgba(10,15,26,.45);--grid-beat:rgba(10,15,26,.28);--grid-sub:rgba(10,15,26,.18)}.hc .ruler-row,.ruler--hc{--ruler-bg:rgba(0,0,0,.08);--ruler-text:#fff;--ruler-text-stroke:rgba(0,0,0,.7);--grid-measure:hsla(0,0%,100%,.65);--grid-beat:hsla(0,0%,100%,.45);--grid-sub:hsla(0,0%,100%,.32)}.ruler-row--elevate{box-shadow:0 1px 0 rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08)}@media(min-resolution:2dppx){.ruler-row{font-size:12px}}.sequencer-root .rows-layer{inset:0;pointer-events:none;position:absolute;z-index:5}.sequencer-root .harmony-row,.sequencer-root .loop-row,.sequencer-root .ruler-row,.sequencer-root .tempo-row,.sequencer-root .ts-row{left:0;pointer-events:none;position:absolute;right:0}.sequencer-root .ruler-row{height:28px}.sequencer-root .loop-row{height:30px}.sequencer-root .ts-row{height:36px}.sequencer-root .harmony-row{height:48px}.sequencer-root .tempo-row{height:160px}.sequencer-root .loop-row{z-index:10}.sequencer-root .harmony-row{z-index:15}.sequencer-root .ts-row{z-index:20}.sequencer-root .tempo-row{z-index:12}.sequencer-root .ruler-row{z-index:25}.sequencer-root .loop-row .loop-handle{background:linear-gradient(180deg,rgba(80,160,255,.8),rgba(80,160,255,.5));border-radius:2px;box-shadow:0 0 0 1px rgba(80,160,255,.85);cursor:ew-resize;height:100%;pointer-events:auto;position:absolute;top:0;touch-action:none;width:8px}.sequencer-root .loop-row .loop-handle:before{content:"";inset:0;position:absolute;transform:translateX(-4px);width:16px}.sequencer-root .loop-row .loop-zone{--loop-stroke:rgba(80,160,255,.8);--loop-bg:rgba(80,160,255,.18);background:var(--loop-bg);border:1px solid var(--loop-stroke);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(80,160,255,.15);cursor:grab;height:calc(100% - 4px);min-width:8px;pointer-events:auto;position:absolute;top:2px;touch-action:none}.sequencer-root .loop-row .loop-zone .loop-label{background:hsla(0,0%,100%,.65);border-radius:4px;color:#123;cursor:pointer;font-size:12px;left:8px;line-height:1;max-width:60%;overflow:hidden;padding:2px 6px;pointer-events:auto;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);user-select:none;white-space:nowrap}.sequencer-root .loop-row.dragging .loop-zone{cursor:grabbing}.sequencer-root .harmony-row canvas,.sequencer-root .tempo-row canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.sequencer-root .statusbar{align-items:center;background:color-mix(in srgb,var(--sq-panel-bg) 70%,var(--sq-viewport-bg));border:1px solid var(--sq-panel-border);border-top:none;display:flex;gap:.6rem;padding:.4rem .75rem}.sequencer-root .statusbar .readouts{align-items:center;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem;gap:.5rem;line-height:1}.sequencer-root .statusbar .readouts .readout{background:color-mix(in srgb,var(--sq-viewport-bg) 85%,transparent);border:1px solid color-mix(in srgb,var(--sq-panel-border) 80%,transparent);border-radius:6px;box-shadow:inset 0 1px 0 rgba(0,0,0,.03);padding:.15rem .5rem}.sequencer-root .statusbar .readouts .readout.time{opacity:.95}.sequencer-root .statusbar .readouts .readout.bbs{opacity:.88}.sequencer-root .statusbar .readouts .readout-sep{opacity:.4;padding-inline:.1rem}.sequencer-root .toolbar{align-items:center;background:var(--sq-panel-bg);border:1px solid var(--sq-panel-border);border-bottom:none;border-radius:.5rem .5rem 0 0;display:flex;gap:.5rem;padding:.5rem .75rem}.sequencer-root .toolbar .btn{font-weight:600}.sequencer-root{--pr-lanes-w:130px}.track-header{display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:.45rem .7rem}.trk-header-top{width:100%}.trk-header-top,.trk-title{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.trk-title{flex:1 1 auto;min-width:0}.trk-title .trk-name{font-weight:600}.trk-tempo-badge{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:.35rem;font-size:.7rem;letter-spacing:.03em;opacity:.75;padding:.15rem .4rem}.trk-header-controls{display:flex;flex-direction:column;gap:.35rem;width:100%}.trk-tools-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;width:100%}.trk-tools-row .trk-follow,.trk-tools-row .trk-follow-wrap{margin-left:auto}.trk-tools-row .trk-common{align-items:center;background:color-mix(in srgb,var(--sq-panel-bg) 75%,transparent);border:1px solid hsla(0,0%,100%,.12);border-radius:.45rem;display:flex;flex-wrap:wrap;gap:.35rem;padding:.3rem .5rem}.sq-pattern-preview{display:inline-flex;gap:.15rem;margin-left:.5rem}.sq-pattern-dot{background:hsla(0,0%,100%,.2);border-radius:50%;display:inline-flex;height:.35rem;width:.35rem}.sq-pattern-dot.active{background:hsla(0,0%,100%,.9)}.trk-pan-label,.trk-vol-label,.trk-zoom-val{background:hsla(0,0%,100%,.08);border-radius:.35rem;font-size:.7rem;letter-spacing:.03em;opacity:.8;padding:.12rem .35rem}.trk-pan-input,.trk-vol-input,.trk-zoom-input{margin:0;width:120px}.trk-subdiv{max-width:140px}.trk-del,.trk-mute,.trk-solo{min-width:72px}.trk-extras{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.trk-icon-btn{align-items:center;border-radius:.4rem;display:inline-flex;justify-content:center;padding:.35rem .55rem;position:relative}.trk-icon-btn.active{animation:trk-btn-glow 1.5s ease-in-out infinite;box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}.trk-icon-btn.trk-mute.active,.trk-icon-btn.trk-solo.active{border-color:transparent;color:#111}.trk-icon-btn.trk-mute.active svg,.trk-icon-btn.trk-solo.active svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.trk-icon-btn.trk-mute.active{background:linear-gradient(135deg,#ff4d4d,#ff964d)}.trk-icon-btn.trk-solo.active{background:linear-gradient(135deg,#ffdd57,#9b59b6)}@keyframes trk-btn-glow{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}50%{box-shadow:0 0 8px 4px rgba(255,221,87,.5)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}}.trk-icon-tooltip{background:rgba(12,14,25,.9);border-radius:.35rem;bottom:calc(100% + .35rem);color:#f1f5f9;font-size:.65rem;font-weight:500;left:50%;opacity:0;padding:.15rem .5rem;pointer-events:none;position:absolute;transform:translate(-50%,.25rem);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:10}.trk-icon-btn:focus-visible .trk-icon-tooltip,.trk-icon-btn:hover .trk-icon-tooltip{opacity:1;transform:translate(-50%,-.1rem)}@media(max-width:768px){.track-header{padding:.4rem .55rem}.trk-header-controls{justify-content:flex-start}.trk-tools-row .trk-follow,.trk-tools-row .trk-follow-wrap{margin-left:0}.trk-extras{align-self:flex-start}}.collapse-btn{padding:.15rem 0;text-align:center;width:1.9rem}.trk-color-dot{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);height:10px;width:10px}.track-row .track-viewport>.playhead{background:var(--playhead);bottom:0;left:var(--pr-lanes-w);opacity:.95;pointer-events:none;position:absolute;top:0;transform:translateX(0);width:2px;z-index:10}.pr-selection-card,.track-row .pr-selection-card{background:rgba(7,10,18,.95);border:1px solid hsla(0,0%,100%,.15);border-radius:.5rem;box-shadow:0 18px 48px rgba(0,0,0,.55);color:#f7f7f7;font-size:.8rem;left:0;max-height:80vh;max-width:600px;min-width:260px;opacity:0;overflow:auto;padding:0;pointer-events:auto;position:fixed;resize:both;top:0;transform:translate(0);transition:opacity .2s ease,transform .2s ease;width:min(240px,40vw);z-index:1080}.pr-selection-card.is-visible,.track-row .pr-selection-card.is-visible{opacity:1}.pr-selection-card-controls,.track-row .pr-selection-card-controls{display:flex;flex-direction:column;gap:.35rem;padding:.4rem .6rem 0}.pr-selection-card-control-row,.track-row .pr-selection-card-control-row{align-items:center;display:flex;gap:.35rem;justify-content:space-between}.pr-selection-card-control-label,.track-row .pr-selection-card-control-label{font-size:.7rem;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.pr-selection-card-control-buttons,.track-row .pr-selection-card-control-buttons{display:flex;gap:.35rem}.pr-selection-card-control-button,.track-row .pr-selection-card-control-button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:.35rem;color:inherit;cursor:pointer;font-size:.7rem;min-width:48px;padding:.2rem .45rem;transition:background .15s ease,transform .15s ease}.pr-selection-card-control-button:hover,.track-row .pr-selection-card-control-button:hover{background:hsla(0,0%,100%,.18);transform:translateY(-1px)}.pr-selection-card-header,.track-row .pr-selection-card-header{align-items:center;background:hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.08);border-top-left-radius:inherit;border-top-right-radius:inherit;cursor:move;display:flex;justify-content:space-between;padding:.35rem .55rem;user-select:none}.pr-selection-card-title,.track-row .pr-selection-card-title{font-size:.85rem;font-weight:600}.pr-selection-card-close,.track-row .pr-selection-card-close{background:transparent;border:none;border-radius:50%;color:inherit;font-size:1rem;height:1.6rem;line-height:1;transition:background .2s ease;width:1.6rem}.track-row .pr-selection-card-close:hover{background:hsla(0,0%,100%,.12)}.pr-selection-card-body,.track-row .pr-selection-card-body{padding:.4rem .6rem .55rem}.pr-selection-card-list,.track-row .pr-selection-card-list{display:flex;flex-direction:column;gap:.3rem;max-height:210px;overflow:auto;padding-right:.05rem}.pr-selection-card-row,.track-row .pr-selection-card-row{background:hsla(0,0%,100%,.04);border-radius:.45rem;padding:.35rem}.pr-selection-card-note,.track-row .pr-selection-card-note{font-size:.85rem;font-weight:600}.pr-selection-card-meta,.track-row .pr-selection-card-meta{font-size:.72rem;margin-top:.15rem;opacity:.85}.pr-selection-card-more,.track-row .pr-selection-card-more{font-size:.7rem;opacity:.7;text-align:right}.pr-selection-card-range,.track-row .pr-selection-card-range{border-bottom:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem;padding-bottom:.35rem}.pr-selection-card-range-row,.track-row .pr-selection-card-range-row{color:hsla(0,0%,100%,.75);display:flex;font-size:.75rem;justify-content:space-between}.pr-selection-card-range-label,.track-row .pr-selection-card-range-label{letter-spacing:.12em;opacity:.7;text-transform:uppercase}.pr-selection-card-range-value,.track-row .pr-selection-card-range-value{font-size:.82rem;font-weight:600}.pr-selection-card-tabs,.track-row .pr-selection-card-tabs{display:flex;gap:.3rem;margin-bottom:.25rem}.pr-selection-card-tab,.track-row .pr-selection-card-tab{background:hsla(0,0%,100%,.08);border:1px solid transparent;border-radius:.35rem;color:inherit;cursor:pointer;flex:1;font-size:.75rem;font-weight:600;padding:.25rem .35rem;transition:background .2s ease,border .2s ease}.pr-selection-card-tab:hover,.track-row .pr-selection-card-tab:hover{background:hsla(0,0%,100%,.14)}.pr-selection-card-tab.is-active,.track-row .pr-selection-card-tab.is-active{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.25)}.pr-selection-card-tab-content,.track-row .pr-selection-card-tab-content{min-height:80px}.pr-selection-card-instrument,.track-row .pr-selection-card-instrument{padding-top:.35rem}.pr-selection-card-instrument-form,.track-row .pr-selection-card-instrument-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}.pr-selection-card-instrument-field,.track-row .pr-selection-card-instrument-field{display:flex;flex-direction:column;gap:.15rem}.pr-selection-card-instrument-msg,.track-row .pr-selection-card-instrument-msg{color:hsla(0,0%,100%,.7);font-size:.7rem;min-height:1.2rem}.pr-selection-card-message,.track-row .pr-selection-card-message{color:hsla(0,0%,100%,.7);font-size:.75rem}.pr-selection-card-panel,.track-row .pr-selection-card-panel{display:none}.pr-selection-card-panel.is-visible,.track-row .pr-selection-card-panel.is-visible{display:block}.pr-selection-card-info,.track-row .pr-selection-card-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.35rem}.pr-selection-card-info-row,.track-row .pr-selection-card-info-row{color:hsla(0,0%,100%,.85);display:flex;font-size:.72rem;justify-content:space-between}.pr-selection-card-empty,.track-row .pr-selection-card-empty{background:hsla(0,0%,100%,.04);border-radius:.4rem;color:hsla(0,0%,100%,.75);font-size:.75rem;margin-top:.35rem;padding:.35rem .4rem;text-align:center}.pr-selection-card-info-label,.track-row .pr-selection-card-info-label{letter-spacing:.08em;opacity:.7;text-transform:uppercase}.pr-selection-card-info-value,.track-row .pr-selection-card-info-value{font-weight:600}.pr-selection-card-info-hint,.track-row .pr-selection-card-info-hint{display:block;font-size:.6rem;opacity:.65}.pr-selection-card-generate,.track-row .pr-selection-card-generate{padding-top:.35rem}.pr-selection-card-generate-form,.track-row .pr-selection-card-generate-form{display:flex;flex-direction:column;gap:.35rem}.pr-selection-card-generate-field,.track-row .pr-selection-card-generate-field{display:flex;flex-direction:column}.pr-selection-card-analyze,.pr-selection-card-harmony,.track-row .pr-selection-card-analyze,.track-row .pr-selection-card-harmony{padding-top:.25rem}.sq-circular-rings-editor .sq-ring-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.sq-circular-rings-editor .sq-ring-tabs .btn{border-radius:999px;font-weight:600}.sq-circular-rings-editor .sq-ring-panels{margin-top:.75rem}.sq-circular-rings-editor .sq-ring-panels .sq-ring-panel{width:100%}.sq-ring-panel .sq-ring-details{max-height:999px;opacity:1;transition:max-height .2s ease,opacity .2s ease}.sq-ring-panel .sq-ring-details.is-collapsed{max-height:0;opacity:0;overflow:hidden;pointer-events:none}.sq-circular-rings-editor .sq-ring-panels .sq-ring-panel .card{margin:0}.track-row .pr-grid-host>.playhead,.track-row .pr-wrap>.playhead{transform:translateX(0)}track-row .trk-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sq-panel-border) 85%,#000);border-radius:8px}.av-zone-highlight{background:linear-gradient(120deg,rgba(59,130,246,.35),rgba(59,130,246,.15));border:1px solid rgba(59,130,246,.6);border-radius:4px;box-shadow:inset 0 0 16px rgba(15,23,42,.8),0 0 18px rgba(59,130,246,.55);opacity:.9;transition:opacity .2s ease,transform .2s ease;z-index:20}.av-tempo-tooltip{align-items:center;backdrop-filter:blur(8px);background:rgba(3,7,18,.9);border:1px solid rgba(148,163,184,.4);border-radius:999px;box-shadow:0 8px 18px rgba(15,23,42,.7);color:#e0e7ff;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.05em;padding:.35rem .8rem;pointer-events:auto;position:relative;text-transform:uppercase}.av-tempo-tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(3,7,18,.9);bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.av-eraser-btn{align-items:center;background:hsla(0,91%,71%,.85);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;height:34px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:34px}.av-eraser-btn:hover:not(:disabled){box-shadow:0 6px 14px rgba(15,23,42,.6);transform:translateY(-2px)}.av-eraser-btn:disabled{cursor:not-allowed;opacity:.45}.av-scissors-btn{align-items:center;background:rgba(59,130,246,.85);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;height:34px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:34px}.av-scissors-btn:hover:not(:disabled){box-shadow:0 6px 14px rgba(15,23,42,.6);transform:translateY(-2px)}.av-scissors-btn:disabled{cursor:not-allowed;opacity:.45}.track-row{--row-height:260px}.sequencer-root{--rows-gutter-width:200px;--ruler-height:28px;--row-height:260px;--sq-panel-bg:#0b1220;--sq-panel-border:#1e2a3a;--sq-viewport-bg:var(--sq-panel-bg);--playhead:#f44}.track-row .track-viewport{background:var(--sq-panel-bg);border-radius:.5rem;display:grid;grid-template-areas:"lanes scroller";grid-template-columns:var(--pr-lanes-w) minmax(0,1fr);grid-template-rows:1fr;overflow:hidden;position:relative}.track-row .track-viewport>.rows-gutter{background:color-mix(in srgb,var(--sq-panel-bg) 85%,transparent);border-right:1px solid var(--sq-panel-border);grid-area:lanes;max-height:var(--row-height);min-height:var(--row-height);overflow:hidden}.track-row .track-viewport>.scroller{grid-area:scroller;height:var(--row-height);max-height:var(--row-height);overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch}.track-row .track-viewport>.scroller>.grid{background:var(--sq-panel-bg);height:100%;min-height:var(--row-height);min-width:var(--total-px,800px);position:relative}.track-row .track-viewport>.scroller>.grid>canvas{display:block;height:100%;touch-action:none;width:100%}.track-row .pr-wrap{background:var(--sq-panel-bg);border-radius:.5rem;display:grid;grid-template-areas:"lanes scroller";grid-template-columns:var(--pr-lanes-w) minmax(0,1fr);grid-template-rows:1fr;overflow:hidden;position:relative}.track-row .pr-lanes{background:color-mix(in srgb,var(--sq-panel-bg) 85%,transparent);border-right:1px solid var(--sq-panel-border);grid-area:lanes;max-height:var(--row-height);min-height:var(--row-height);overflow:hidden}.track-row .trk-scroller{grid-area:scroller;height:var(--row-height);max-height:var(--row-height);overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch}.track-row .pr-grid-host{background:var(--sq-panel-bg);height:100%;min-height:var(--row-height);min-width:var(--total-px,800px);position:relative}.track-row .pr-grid-host>canvas{display:block;height:100%;touch-action:none;width:100%}.track-row .pr-wrap>.playhead{left:var(--pr-lanes-w)}.track-row .pr-grid-host>.playhead,.track-row .pr-wrap>.playhead{background:var(--playhead);bottom:0;opacity:.95;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}.track-row .pr-grid-host>.playhead{left:0}.track-row .trk-scroller::-webkit-scrollbar{height:10px}.track-row .trk-scroller::-webkit-scrollbar-track{background:color-mix(in srgb,var(--sq-panel-bg) 70%,transparent)}.track-row .trk-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sq-panel-border) 85%,#000);border-radius:8px}.track-row .pr-lanes .pr-lane{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);border-left:3px solid transparent;color:rgba(240,244,255,.85);display:flex;font-size:12px;gap:8px;height:20px;padding:0 10px}.track-row .pr-lanes .pr-lane .dot{border-radius:50%;flex:0 0 8px;height:8px;width:8px}.track-row .pr-lanes .pr-lane.has-color{border-left-color:var(--lane-color,rgba(240,244,255,.35))}.track-row .pr-lanes .pr-lane.has-color .dot{background:var(--lane-color,rgba(240,244,255,.85))}.track-row .pr-lanes .pr-lane.pr-lane-note{color:rgba(240,244,255,.8);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;justify-content:flex-end}.pr-row.row-av .pr-gutter{display:none}.pr-row.row-av .av-ws-host{height:140px;position:relative}.pr-row.row-av .av-empty{background:rgba(0,0,0,.3);border-radius:.4rem;bottom:12px;font-size:.9rem;left:12px;opacity:.75;padding:.25rem .5rem;pointer-events:none;position:absolute}:root[data-bs-theme=dark] .sequencer-root{--sq-panel-bg:#0f1625;--sq-panel-border:#2a3243;--sq-viewport-bg:#0b1220;--grid-measure:rgba(230,240,255,.56);--grid-beat:rgba(230,240,255,.32);--grid-sub:rgba(230,240,255,.24)}:root[data-bs-theme=dark] .sequencer-root .ruler .measure{color:hsla(0,0%,100%,.78)}:root[data-bs-theme=dark] .sequencer-root .statusbar{background:color-mix(in srgb,var(--sq-panel-bg) 50%,var(--sq-viewport-bg))}:root[data-bs-theme=dark] .sequencer-root .statusbar .readouts .readout{background:color-mix(in srgb,var(--sq-viewport-bg) 80%,transparent);border-color:color-mix(in srgb,var(--sq-panel-border) 70%,hsla(0,0%,100%,0))}:root[data-bs-theme=dark] .sequencer-root .scroller::-webkit-scrollbar-track{background:color-mix(in srgb,var(--sq-viewport-bg) 60%,transparent)}:root[data-bs-theme=dark] .sequencer-root .scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sq-panel-border) 70%,#fff)}:root[data-bs-theme=dark] .sequencer-root .harmony-gutter .lane-title,:root[data-bs-theme=dark] .sequencer-root .rows-gutter-item .rg-title,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-lanes .pr-lane,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-lanes .pr-lane.pr-lane-note{color:rgba(240,244,255,.92)}:root[data-bs-theme=dark] .sequencer-root .harmony-gutter button,:root[data-bs-theme=dark] .sequencer-root .rows-gutter-item .rg-btn{--btn-bg:color-mix(in srgb,var(--sq-panel-bg) 96%,#ffffff11);--btn-br:color-mix(in srgb,var(--sq-panel-border) 78%,#0000);--btn-tx:rgba(235,240,255,.92);background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 85%,transparent),var(--btn-bg));box-shadow:inset 0 1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);color:var(--btn-tx)}:root[data-bs-theme=dark] .sequencer-root .global-viewport>.rows-gutter,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-lanes{background:color-mix(in srgb,var(--sq-panel-bg) 88%,transparent);border-right-color:var(--sq-panel-border)}:root[data-bs-theme=dark] .sequencer-root .global-viewport,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-grid-host,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-wrap,:root[data-bs-theme=dark] .sequencer-root .track-row .track-viewport{background:var(--sq-panel-bg);border-color:var(--sq-panel-border)}:root[data-bs-theme=dark] .sequencer-root .global-viewport>.playhead,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-grid-host>.playhead,:root[data-bs-theme=dark] .sequencer-root .track-row .pr-wrap>.playhead{background:var(--playhead,#f44);opacity:.95}:root[data-bs-theme=dark] .sequencer-root .statusbar .readouts .readout{background:color-mix(in srgb,var(--sq-viewport-bg) 85%,transparent);color:rgba(240,244,255,.92)}:root[data-bs-theme=light] .sequencer-root{--sq-panel-bg:#fff;--sq-viewport-bg:#fbfdff;--sq-panel-border:#d6deee;--grid-measure:rgba(14,22,36,.36);--grid-beat:rgba(14,22,36,.2);--grid-sub:rgba(14,22,36,.12)}:root[data-bs-theme=light] .sequencer-root .ruler .measure{color:rgba(0,0,0,.78)}:root[data-bs-theme=light] .sequencer-root .global-viewport,:root[data-bs-theme=light] .sequencer-root .track-row .pr-grid-host,:root[data-bs-theme=light] .sequencer-root .track-row .pr-wrap,:root[data-bs-theme=light] .sequencer-root .track-row .track-viewport{background:var(--sq-panel-bg);border-color:var(--sq-panel-border)}:root[data-bs-theme=light] .sequencer-root .global-viewport>.rows-gutter,:root[data-bs-theme=light] .sequencer-root .track-row .pr-lanes{background:color-mix(in srgb,var(--sq-panel-bg) 98%,transparent);border-right-color:var(--sq-panel-border)}:root[data-bs-theme=light] .sequencer-root .statusbar{background:color-mix(in srgb,var(--sq-panel-bg) 80%,var(--sq-viewport-bg))}:root[data-bs-theme=light] .sequencer-root .statusbar .readouts .readout{background:color-mix(in srgb,var(--sq-viewport-bg) 92%,transparent);border-color:color-mix(in srgb,var(--sq-panel-border) 70%,hsla(0,0%,100%,0))}:root[data-bs-theme=light] .sequencer-root .rows-gutter-item .rg-title,:root[data-bs-theme=light] .sequencer-root .track-row .pr-lanes .pr-lane,:root[data-bs-theme=light] .sequencer-root .track-row .pr-lanes .pr-lane.pr-lane-note{color:rgba(12,20,32,.88)}:root[data-bs-theme=light] .sequencer-root .harmony-gutter button,:root[data-bs-theme=light] .sequencer-root .rows-gutter-item .rg-btn{--btn-bg:color-mix(in srgb,var(--sq-panel-bg) 95%,#0000);--btn-br:color-mix(in srgb,var(--sq-panel-border) 65%,#0000);--btn-tx:rgba(12,20,32,.9);background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 92%,transparent),var(--btn-bg));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),0 1px 2px rgba(0,0,0,.06);color:var(--btn-tx)}:root[data-bs-theme=light] .sequencer-root .scroller::-webkit-scrollbar-track{background:color-mix(in srgb,var(--sq-viewport-bg) 70%,transparent)}:root[data-bs-theme=light] .sequencer-root .scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sq-panel-border) 60%,#000)}.theme-light .ruler-row{--ruler-bg:rgba(0,0,0,.03);--ruler-text:rgba(12,20,32,.85);--ruler-text-stroke:hsla(0,0%,100%,.55);--grid-measure:rgba(14,22,36,.36);--grid-beat:rgba(14,22,36,.2);--grid-sub:rgba(14,22,36,.12)}.sequencer-root{--ip-bg:var(--sq-panel-bg,#0b1220);--ip-border:var(--sq-panel-border,#1e2a3a);--ip-surface:color-mix(in srgb,var(--ip-bg) 90%,#0000);--ip-text:rgba(240,244,255,.95);--ip-muted:rgba(240,244,255,.72);--ip-shadow:0 10px 28px rgba(0,0,0,.55);--ip-radius:12px;--ip-gap:.5rem;--ip-pad:.5rem;--ip-header-h:46px;--ip-tabs-h:36px;--ip-footer-h:100px;--ip-btn-bg:color-mix(in srgb,var(--ip-bg) 96%,#ffffff11);--ip-btn-br:color-mix(in srgb,var(--ip-border) 78%,#0000);--ip-btn-tx:rgba(235,240,255,.94)}.sequencer-root .input-palette{--ip-bg:var(--ip-bg);--ip-border:var(--ip-border);--ip-surface:var(--ip-surface);--ip-text:var(--ip-text);--ip-muted:var(--ip-muted);--ip-shadow:var(--ip-shadow);--ip-radius:var(--ip-radius);--ip-gap:var(--ip-gap);--ip-pad:var(--ip-pad);--ip-header-h:var(--ip-header-h);--ip-tabs-h:var(--ip-tabs-h);--ip-footer-h:var(--ip-footer-h);--ip-btn-bg:var(--ip-btn-bg);--ip-btn-br:var(--ip-btn-br);--ip-btn-tx:var(--ip-btn-tx)}.sequencer-root[data-bs-theme=light],:root[data-bs-theme=light] .sequencer-root{--ip-bg:#fff;--ip-border:#d6deee;--ip-surface:color-mix(in srgb,var(--ip-bg) 98%,#0000);--ip-text:rgba(12,20,32,.92);--ip-muted:rgba(12,20,32,.7);--ip-btn-bg:color-mix(in srgb,var(--ip-bg) 95%,#0000);--ip-btn-br:color-mix(in srgb,var(--ip-border) 65%,#0000);--ip-btn-tx:rgba(12,20,32,.9)}.sequencer-root[data-bs-theme=light] .input-palette,:root[data-bs-theme=light] .sequencer-root .input-palette{--ip-bg:var(--ip-bg);--ip-border:var(--ip-border);--ip-surface:var(--ip-surface);--ip-text:var(--ip-text);--ip-muted:var(--ip-muted);--ip-btn-bg:var(--ip-btn-bg);--ip-btn-br:var(--ip-btn-br);--ip-btn-tx:var(--ip-btn-tx)}.input-palette{background:var(--ip-bg);border:1px solid var(--ip-border);border-radius:var(--ip-radius);box-shadow:var(--ip-shadow);color:var(--ip-text);overflow:hidden;user-select:none}.palette-header{background:linear-gradient(to bottom,color-mix(in srgb,var(--ip-bg) 96%,transparent),color-mix(in srgb,var(--ip-bg) 90%,transparent));border-bottom:1px solid var(--ip-border)}.palette-header>.d-flex{height:var(--ip-header-h)}.palette-header strong{color:var(--ip-text);font-weight:700;letter-spacing:.2px}.palette-header .small.text-muted{color:var(--ip-muted)!important}.palette-header .btn{--btn-bg:var(--ip-btn-bg);--btn-br:var(--ip-btn-br);--btn-tx:var(--ip-btn-tx);background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 85%,transparent),var(--btn-bg));border:1px solid var(--btn-br);box-shadow:inset 0 1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);color:var(--btn-tx)}.palette-header .btn:hover{filter:brightness(1.06)}.palette-header .btn:active{transform:translateY(1px)}.palette-header .btn:focus-visible{outline:2px solid color-mix(in srgb,var(--playhead,#f44) 60%,transparent);outline-offset:1px}.palette-header [data-drag-handle]{cursor:grab}.palette-tabs{background:color-mix(in srgb,var(--ip-bg) 94%,transparent);border-bottom:1px solid var(--ip-border);display:flex;gap:0;height:var(--ip-tabs-h)}.palette-tabs .btn{background:transparent;border:0;border-radius:0;border-right:1px solid color-mix(in srgb,var(--ip-border) 70%,transparent);color:var(--ip-text);flex:1 1 auto;height:100%}.palette-tabs .btn:last-child{border-right:0}.palette-tabs .btn:hover{background:color-mix(in srgb,var(--ip-bg) 88%,transparent)}.palette-tabs .btn:active{background:color-mix(in srgb,var(--ip-bg) 82%,transparent)}.palette-tabs .btn:focus-visible{outline:2px solid color-mix(in srgb,var(--playhead,#f44) 60%,transparent);outline-offset:-2px}.palette-content{background:var(--ip-surface);overflow:auto;padding:var(--ip-pad)}.palette-content::-webkit-scrollbar{height:10px;width:10px}.palette-content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--ip-bg) 70%,transparent)}.palette-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ip-border) 85%,#000);border-radius:8px}.palette-footer{background:color-mix(in srgb,var(--ip-bg) 94%,transparent);border-top:1px solid var(--ip-border)}.palette-footer .p-2{min-height:var(--ip-footer-h)}.palette-footer strong{color:var(--ip-text)}.palette-footer .small.text-muted{color:var(--ip-muted)!important}.palette-footer input.form-control.form-control-sm{background:color-mix(in srgb,var(--ip-bg) 96%,transparent);border:1px solid color-mix(in srgb,var(--ip-border) 80%,transparent);box-shadow:inset 0 1px 0 rgba(0,0,0,.15);color:var(--ip-text)}.palette-footer input.form-control.form-control-sm:focus{border-color:color-mix(in srgb,var(--playhead,#f44) 60%,var(--ip-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--playhead,#f44) 25%,transparent);outline:none}.palette-footer .btn,.palette-footer .btn-group .btn{--btn-bg:var(--ip-btn-bg);--btn-br:var(--ip-btn-br);--btn-tx:var(--ip-btn-tx);background:linear-gradient(to bottom,color-mix(in srgb,var(--btn-bg) 85%,transparent),var(--btn-bg));border:1px solid var(--btn-br);box-shadow:inset 0 1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);color:var(--btn-tx)}.palette-footer .btn-group .btn:hover,.palette-footer .btn:hover{filter:brightness(1.06)}.palette-footer .btn-group .btn:active,.palette-footer .btn:active{transform:translateY(1px)}.palette-footer .btn-group .btn:focus-visible,.palette-footer .btn:focus-visible{outline:2px solid color-mix(in srgb,var(--playhead,#f44) 60%,transparent);outline-offset:0}.palette-footer .vr{align-self:stretch;background:color-mix(in srgb,var(--ip-border) 75%,transparent);width:1px}.palette-footer .p-2{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ip-gap)}.palette-footer .p-2 input[type=number]{font-variant-numeric:tabular-nums;width:90px}@media(max-width:640px){.palette-content{padding:calc(var(--ip-pad)*.75)}.palette-footer .p-2{gap:.4rem}}