:root{--trk-kick:#8db89a;--trk-snare:#a3c4d1;--trk-hihat:#d4c4a8;--trk-clap:#c9b5d4;--trk-808:#d4b8a0;--trk-perc:#a8c4b8;--trk-rim:#b8c8d8;--vel-bar-w:22px;--vel-bar-max-h:104px;--vel-bar-gap:2px;--vel-bar-radius:3px 3px 0 0;--vel-panel-bg:var(--stg-paper,#fff);--vel-panel-radius:var(--stg-r-lg,24px);--vel-panel-shadow:var(--stg-lift-2);--vel-empty-bg:var(--stg-paper-deep,#f3f2ee);--vel-tooltip-bg:var(--stg-ink,#161a14);--vel-tooltip-color:var(--stg-paper,#fff);--adv-line-bar:rgba(0,0,0,.85);--adv-line-beat:rgba(0,0,0,.55);--adv-line-sub:rgba(0,0,0,.12);--adv-line-row:rgba(0,0,0,.18)}.velocity-trigger-zone{align-items:start;border-top:none;margin-top:0;padding-top:0;row-gap:2px}#guideSeqHost #velocityPanelBtn,#page-sequencer #velocityPanelBtn{box-sizing:border-box;grid-column:1;max-width:100%;min-width:0;width:100%}#guideSeqHost .velocity-trigger-zone .velocity-panel__strip-row,#page-sequencer .velocity-trigger-zone .velocity-panel__strip-row{grid-column:1/-1}.velocity-trigger-zone__lab{display:none!important}#velocityPanelBtn,#velocityPanelBtnAdv,.velocity-panel-trigger{align-items:center;background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-sm,8px);box-shadow:inset 0 0 0 1px rgba(22,26,20,.1);color:var(--stg-ink,#161a14);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:10.5px;font-weight:600;gap:4px;justify-content:flex-start;letter-spacing:.06em;padding:4px 8px;text-align:left;text-transform:uppercase;transition:background var(--dur-1,.12s) var(--ease),box-shadow var(--dur-1,.12s) var(--ease)}#guideSeqHost #velocityPanelBtn .vel-btn-icon,#guideSeqHost #velocityPanelBtnAdv .vel-btn-icon,#page-sequencer #velocityPanelBtn .vel-btn-icon,#page-sequencer #velocityPanelBtnAdv .vel-btn-icon{display:none}#velocityPanelBtn:hover,#velocityPanelBtnAdv:hover,.velocity-panel-trigger:hover{background:var(--stg-paper,#fff);box-shadow:inset 0 0 0 1px rgba(22,26,20,.16)}#velocityPanelBtn.is-open,#velocityPanelBtnAdv.is-open,.velocity-panel-trigger.is-open{background:var(--stg-paper,#fff);box-shadow:inset 0 0 0 1.5px var(--stg-ink,#161a14);color:var(--stg-ink,#161a14)}#velocityPanelBtn .vel-btn-icon,#velocityPanelBtnAdv .vel-btn-icon,.velocity-panel-trigger .vel-btn-icon{align-items:flex-end;display:flex;gap:1.5px;height:12px}#velocityPanelBtn .vel-btn-icon span,#velocityPanelBtnAdv .vel-btn-icon span,.velocity-panel-trigger .vel-btn-icon span{background:currentColor;border-radius:1px 1px 0 0;display:block;opacity:.7;width:2.5px}.vel-btn-icon span:first-child{height:4px}.vel-btn-icon span:nth-child(2){height:8px}.vel-btn-icon span:nth-child(3){height:6px}.vel-btn-icon span:nth-child(4){height:11px}#velocityPanelBtn .vel-chevron,#velocityPanelBtnAdv .vel-chevron,.velocity-panel-trigger .vel-chevron{height:10px;transition:transform var(--dur-2,.24s) var(--ease);width:10px}#velocityPanelBtn.is-open .vel-chevron,#velocityPanelBtnAdv.is-open .vel-chevron,.velocity-panel-trigger.is-open .vel-chevron{transform:rotate(180deg)}.seq-add-track-top{align-items:center;display:flex;gap:6px}.seq-add-track-top__lab{color:var(--stg-ink-4,#a6a59b);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.seq-add-track-top__pill{align-items:center;appearance:none;-webkit-appearance:none;background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:500;gap:5px;padding:5px 12px}.seq-add-track-top__circle{background:var(--stg-paper,#fff);border:none;border-radius:50%;color:var(--stg-ink,#161a14);cursor:pointer;display:grid;font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:16px;height:26px;place-items:center;transition:background var(--dur-1,.12s),color var(--dur-1,.12s);width:26px}.seq-add-track-top__circle:hover{background:var(--stg-ink,#161a14);color:var(--stg-paper,#fff)}#guideVelocityPanel,#velocityPanel,#velocityPanelAdv{display:contents}#guideVelocityPanel[hidden],#velocityPanelAdv[hidden],#velocityPanel[hidden]{display:none!important}.velocity-panel__strip-row{margin:0;padding:0;width:100%}.velocity-panel__track-select{appearance:none;-webkit-appearance:none;background-color:var(--stg-paper-deep,#f3f2ee);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='%236b6b5f' stroke-width='1.6' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:1px solid var(--stg-border,rgba(22,26,20,.08));border-radius:var(--stg-r-pill,9999px);box-shadow:none;box-sizing:border-box;color:var(--stg-ink,#161a14);cursor:pointer;display:block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:500;height:26px;letter-spacing:0;margin:0 0 0 10px;max-width:100%;min-width:0;padding:0 22px 0 10px;text-transform:none;transition:background-color .12s ease,border-color .12s ease;width:calc(100% - 10px)}.velocity-panel__track-select:focus-visible,.velocity-panel__track-select:hover{background-color:var(--stg-paper-2,#fafaf7);border-color:var(--stg-border-strong,rgba(22,26,20,.16));outline:none}[data-theme=dark] .velocity-panel__track-select{background-color:hsla(0,0%,100%,.08);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='%23f4ecd8' stroke-width='1.6' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");border-color:rgba(244,236,216,.16);color:var(--stg-ink-on-deep,#f4ecd8)}[data-theme=dark] .velocity-panel__track-select:focus-visible,[data-theme=dark] .velocity-panel__track-select:hover{background-color:hsla(0,0%,100%,.14);border-color:rgba(244,236,216,.28)}[data-theme=dark] .velocity-panel__track-select option{background-color:var(--stg-canvas-deep,#1a2416);color:var(--stg-ink-on-deep,#f4ecd8)}.velocity-panel__bars-wrap{position:relative}.velocity-panel__bars{align-items:flex-end;display:flex;gap:var(--vel-bar-gap,2px);height:var(--vel-bar-max-h,104px);padding:0 2px;position:relative}.velocity-panel__bars:before{background:rgba(22,26,20,.42);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.velocity-panel__beat-group{align-items:flex-end;display:flex;flex:1;gap:var(--vel-bar-gap,2px);min-width:0;position:relative}.velocity-panel__beat-group:before{background:rgba(22,26,20,.08);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:-2px;width:1px}.velocity-panel__beat-group:first-child:before{display:none}.velocity-bar{align-items:stretch;cursor:ns-resize;display:flex;flex:1;flex-direction:column;height:100%;justify-content:flex-end;min-width:0;position:relative}.velocity-bar__fill{background:var(--bar-color,var(--stg-pop-mint,#b8e6c9));border-radius:var(--vel-bar-radius,3px 3px 0 0);min-height:0;position:relative;transition:height var(--dur-1,.12s) var(--ease)}.velocity-bar--empty .velocity-bar__fill{background:var(--vel-empty-bg,#f3f2ee);border-radius:2px;height:3px!important;opacity:.6}.velocity-bar:not(.velocity-bar--empty):hover .velocity-bar__fill{box-shadow:0 -2px 8px rgba(0,0,0,.08);filter:brightness(1.06)}.velocity-bar.is-dragging .velocity-bar__fill{box-shadow:0 -3px 12px rgba(0,0,0,.14);filter:brightness(.92)}.velocity-bar__val{background:var(--vel-tooltip-bg,#161a14);border-radius:4px;color:var(--vel-tooltip-color,#fff);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:9px;font-variant-numeric:tabular-nums;font-weight:600;left:50%;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;top:-22px;transform:translateX(-50%);transition:opacity var(--dur-1,.12s);white-space:nowrap;z-index:5}.velocity-bar:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}.velocity-bar.is-dragging .velocity-bar__val,.velocity-bar:focus-visible .velocity-bar__val,.velocity-bar:hover .velocity-bar__val{opacity:1}.velocity-panel__step-nums{display:flex;gap:var(--vel-bar-gap,2px);margin-top:4px;padding:0 2px}.velocity-panel__step-nums-group{display:flex;flex:1;gap:var(--vel-bar-gap,2px);min-width:0}.velocity-panel__step-num{color:var(--stg-ink-4,#a6a59b);flex:1;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:8px;font-variant-numeric:tabular-nums;text-align:center}.velocity-panel__step-num.is-downbeat{color:var(--stg-ink-2,#38382f);font-weight:600}.step-pad.velocity-highlight{outline:2px solid var(--stg-accent,#d9f274);outline-offset:-1px}.adv-grid-016{display:grid;grid-template-columns:repeat(32,1fr);min-height:280px;position:relative}.adv-grid-016__row{display:contents}.adv-grid-016__cell{border-bottom:1.5px solid var(--adv-line-row,rgba(0,0,0,.18));border-right:1px solid var(--adv-line-sub,rgba(0,0,0,.12));height:44px;position:relative}.adv-grid-016__cell:nth-child(8n+1){border-left:1.5px solid var(--adv-line-beat,rgba(0,0,0,.55))}.adv-grid-016__row:nth-child(odd) .adv-grid-016__cell{background:var(--stg-paper,#fff)}.adv-grid-016__row:nth-child(2n) .adv-grid-016__cell{background:var(--stg-paper-deep,#f5f4f0)}.adv-note-016{align-items:center;border-radius:4px;bottom:4px;color:var(--stg-ink,#161a14);display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:9px;font-weight:600;overflow:hidden;padding:0 6px;position:absolute;top:4px;z-index:2}.ds-track-panel-016{display:flex;flex-direction:column}.ds-velocity-bottom-016{align-items:center;background:var(--stg-paper,#fff);border-top:none;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;margin:0;padding:0}#guideSeqHost .drumseq-app .ds-grid-area .ds-velocity-bottom-016:has(#velocityPanelBtnAdv.is-open),#page-sequencer .drumseq-app .ds-grid-area .ds-velocity-bottom-016:has(#velocityPanelBtnAdv.is-open){background:color-mix(in srgb,var(--stg-ink,#161a14) 10%,var(--stg-paper-deep,#f0eee8));border-radius:var(--stg-r-md,12px);padding:4px 8px 8px}#guideSeqHost .drumseq-app .ds-grid-area .ds-velocity-bottom-016,#page-sequencer .drumseq-app .ds-grid-area .ds-velocity-bottom-016{min-width:0;width:100%}#guideSeqHost .drumseq-app .ds-grid-area #velocityPanelBtnAdv,#page-sequencer .drumseq-app .ds-grid-area #velocityPanelBtnAdv{margin-left:0}#guideSeqHost .drumseq-app .ds-grid-area #velocityPanelAdv,#page-sequencer .drumseq-app .ds-grid-area #velocityPanelAdv{display:contents}#guideSeqHost .drumseq-app .ds-grid-area #velocityPanelAdv[hidden],#page-sequencer .drumseq-app .ds-grid-area #velocityPanelAdv[hidden]{display:none!important}#guideSeqHost .drumseq-app .ds-grid-area #velocityTrackSelectAdv,#page-sequencer .drumseq-app .ds-grid-area #velocityTrackSelectAdv{max-width:12rem;min-width:7rem;width:auto}#guideSeqHost .drumseq-app .ds-grid-area #velocityPanelAdv .velocity-panel__bars-wrap,#page-sequencer .drumseq-app .ds-grid-area #velocityPanelAdv .velocity-panel__bars-wrap{overflow:hidden;padding:0;position:relative;width:100%}#velocityBarsAdv{background:var(--vel-empty-bg,#f8f7f4);height:var(--vel-bar-max-h,104px);overflow:hidden;position:relative;width:100%}.velocity-bar.velocity-bar--adv{align-items:stretch;bottom:0;cursor:ns-resize;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:8px;position:absolute}