: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}}:root{--rows-gutter-width:200px;--ruler-height:28px;--row-height:260px;--sq-viewport-bg:var(--sq-panel-bg)}.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}.track-header{gap:.4rem;padding:.4rem .6rem}.track-header,.trk-title{align-items:center;display:flex;flex-wrap:wrap}.trk-title{gap:.45rem;min-width:0}.trk-title .trk-name{font-weight:600}.trk-header-controls,.trk-tools-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.trk-tools-row{max-width:100%}.trk-tools-row .trk-common{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.trk-tools-row .trk-follow,.trk-tools-row .trk-follow-wrap{margin-left:auto}.trk-extras{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}@media(max-width:768px){.trk-header-controls{justify-content:flex-start}.trk-tools-row .trk-follow,.trk-tools-row .trk-follow-wrap{margin-left:0}}.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}.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-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}.track-row{--row-height:260px}:root{--pr-lanes-w:130px;--sq-panel-bg:#0b1220;--sq-panel-border:#1e2a3a;--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:#fafafa;--sq-panel-border:#2a3243;--sq-viewport-bg:#f6f9fe;--grid-measure:rgba(230,240,255,.56);--grid-beat:rgba(233,241,253,.32);--grid-sub:rgba(201,209,221,.24)}:root[data-bs-theme=light] .sequencer-root .ruler .measure{color:rgba(0,0,0,.78)}:root[data-bs-theme=light] .sequencer-root .statusbar{background:color-mix(in srgb,var(--sq-panel-bg) 50%,var(--sq-viewport-bg))}:root[data-bs-theme=light] .sequencer-root .statusbar .readouts .readout{background:color-mix(in srgb,var(--sq-viewport-bg) 80%,transparent)}:root[data-bs-theme=light] .sequencer-root .scroller::-webkit-scrollbar-track{background:color-mix(in srgb,var(--sq-viewport-bg) 60%,transparent)}:root[data-bs-theme=light] .sequencer-root .scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sq-panel-border) 70%,#fff)}:root[data-bs-theme=light],: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 .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 .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 .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)}: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)}:root[data-bs-theme=light]{--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)}.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}}