:root{--bg-base: #080a0f;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(31, 41, 55, .85);--bg-card-opaque: #111827;--bg-card-opaque-hover: #1f2937;--bg-modal-opaque: #161d2d;--bg-glass: rgba(17, 24, 39, .45);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .1);--text-main: #f3f4f6;--text-muted: #c3c9d3;--text-dim: #a4acb9;--primary: #0369a1;--primary-glow: rgba(3, 105, 161, .35);--accent: #10b981;--accent-glow: rgba(16, 185, 129, .2);--focus-ring: #7DD3FC;--color-bass: #3b82f6;--color-bass-glow: rgba(59, 130, 246, .25);--color-tone: #f59e0b;--color-tone-glow: rgba(245, 158, 11, .25);--color-slap: #ef4444;--color-slap-glow: rgba(239, 68, 68, .25);--color-muffled: #a855f7;--color-muffled-glow: rgba(168, 85, 247, .25);--color-open: #10b981;--color-open-glow: rgba(16, 185, 129, .25);--color-mute: #6b7280;--color-mute-glow: rgba(107, 114, 128, .2);--color-bell-open: #06b6d4;--color-bell-open-glow: rgba(6, 182, 212, .25);--color-bell-mute: #0891b2;--color-bell-mute-glow: rgba(8, 145, 178, .2);--color-shekere-open: hsl(54, 42%, 56%);--color-shekere-open-glow: hsla(54, 42%, 56%, .15);--color-shekere-tap: hsl(48, 38%, 45%);--color-shekere-tap-glow: hsla(48, 38%, 45%, .1)}body.light-theme{--bg-base: #FFFDF8;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 248, 238, .95);--bg-card-opaque: #ffffff;--bg-card-opaque-hover: #FFF4E6;--bg-modal-opaque: #FAF8F4;--bg-glass: rgba(255, 255, 255, .65);--border-color: rgba(0, 0, 0, .1);--border-glow: rgba(238, 133, 0, .25);--text-main: #2E2A24;--text-muted: #4A443B;--text-dim: #6B6459;--primary: #EE8500;--primary-glow: rgba(238, 133, 0, .18);--accent: #5D8A52;--accent-glow: rgba(93, 138, 82, .18);--focus-ring: #9A4F00;background-color:var(--bg-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23000000' fill-opacity='0.025'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40z'/%3E%3Cpath d='M10 20h20v5H10v-5zm0-10h20v5H10v-5zm40 40h20v5H50v-5zm0-10h20v5H50v-5zM20 5l10 10H10L20 5zm40 40l10 10H50L60 45zM15 50l5 10-10 10v-20zm50-40l5 10-10 10V10z'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(at 0% 0%,rgba(238,133,0,.07) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(93,138,82,.06) 0px,transparent 50%);color:var(--text-main)}body.light-theme .glass-panel{background:var(--bg-card);border-color:#0000001a;box-shadow:0 4px 20px #0000001a}body.light-theme .glass-panel:hover{border-color:#6366f14d;box-shadow:0 8px 32px #6366f11a}body.light-theme .track-row{--row-card: rgba(255, 255, 255, .7);--row-top: initial;--row-edge: initial;--row-border-col: rgba(0, 0, 0, .1)}body.light-theme .track-row:hover{--row-card: rgba(255, 255, 255, .9);--row-top: initial;--row-edge: initial}body.light-theme .track-row.focused-track{--row-card: rgba(238, 133, 0, .06);--row-top: initial;--row-edge: initial;--row-border-col: rgba(238, 133, 0, .4);box-shadow:0 0 15px #ee85001f}body.light-theme .step-cell{background:#fff;border-color:#0000001f}body.light-theme .beat-marker{border-left-color:#0003}body.light-theme .steps-container.active-line{background:#e74c3c12;border-color:#e74c3c40}body.light-theme .btn{background:#0000000f;border-color:#00000026;color:var(--text-main)}body.light-theme .btn:hover{background:#ee85001f;border-color:#ee850059}body.light-theme .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}body.light-theme .btn-primary:hover{background:color-mix(in srgb,var(--primary) 85%,#000);border-color:color-mix(in srgb,var(--primary) 85%,#000)}body.light-theme .btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}body.light-theme input[type=range]{accent-color:var(--primary)}body.light-theme .modal{background:#f0f2f7f7;border-color:#0000001f;color:var(--text-main)}body.light-theme .modal-header{background:transparent;border-bottom-color:#0000001a;color:var(--text-main)}body.light-theme select,body.light-theme input[type=text],body.light-theme input[type=email],body.light-theme input[type=password]{background:#ffffffe6;border-color:#00000026;color:var(--text-main)}body.light-theme .track-meta{border-right-color:#0000001a}body.light-theme .btn-line-action{background:#0000000f;border-color:#0000001f;color:var(--text-muted)}body.light-theme .btn-line-action:hover{background:#6366f11a}body.light-theme #btn-theme-toggle{color:var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40z'/%3E%3Cpath d='M10 20h20v5H10v-5zm0-10h20v5H10v-5zm40 40h20v5H50v-5zm0-10h20v5H50v-5zM20 5l10 10H10L20 5zm40 40l10 10H50L60 45zM15 50l5 10-10 10v-20zm50-40l5 10-10 10V10z'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.1) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(168,85,247,.05) 0px,transparent 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden;padding:2rem 1.5rem}html,body{overscroll-behavior-y:none}.app-container,.modal-body,.tt-body{overscroll-behavior-y:contain}h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.02em}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000005e;transition:border-color .3s ease,box-shadow .3s ease}.glass-panel:hover{border-color:#6366f133;box-shadow:0 8px 32px #6366f10d}.app-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}header{position:sticky;top:0;z-index:100001;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem;margin:-2rem -1.5rem 1.25rem;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.current-rhythm-container{display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 12px rgba(245,158,11,.25))}#current-rhythm-name{font-family:Trade Winds,Macondo,cursive;font-size:1.8rem;font-weight:400;background:linear-gradient(135deg,var(--color-tone) 0%,var(--color-slap) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em;text-shadow:0 0 20px rgba(245,158,11,.1);text-align:center;cursor:pointer;transition:opacity .2s ease}#current-rhythm-name:hover{opacity:.8}@media(min-width:768px){.current-rhythm-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto;max-width:40%}}@media(max-width:767px){.current-rhythm-container{width:100%;order:3;margin:.5rem 0}#current-rhythm-name{font-size:1.5rem}}.header-title-container{display:flex;align-items:center;gap:.75rem}.header-title-container h1{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title-container span{background:var(--primary-glow);color:var(--primary);font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px;border:1px solid rgba(99,102,241,.3);text-transform:uppercase;letter-spacing:.05em}.controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.controls-left,.controls-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.control-item{display:flex;flex-direction:column;gap:.4rem;min-width:160px}.control-item label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.control-value-display{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--primary)}input[type=range]{-webkit-appearance:none;width:130px;height:20px;background:transparent!important;outline:none;touch-action:none}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#ffffff1a;border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:#ffffff1a;border-radius:2px}input[type=range]::-moz-range-thumb{appearance:none;width:16px;height:16px;border-radius:50%;border:none;background:var(--primary);box-shadow:0 0 10px var(--primary-glow);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow);cursor:pointer;margin-top:-6px;transition:transform .1s ease}input[type=range]{pointer-events:none}input[type=range]::-webkit-slider-thumb{pointer-events:auto}input[type=range]::-moz-range-thumb{pointer-events:auto}.modal-overlay:not(.active) input[type=range]::-webkit-slider-thumb{pointer-events:none}.modal-overlay:not(.active) input[type=range]::-moz-range-thumb{pointer-events:none}#bpm-range{pointer-events:auto}.btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1.2rem;border-radius:8px;font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.btn:hover{background:#ffffff1a;border-color:#fff3}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 85%,#000);border-color:color-mix(in srgb,var(--primary) 85%,#000);box-shadow:0 4px 20px 0 var(--primary-glow)}.btn-accent{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px 0 var(--accent-glow)}.btn-accent{color:var(--accent-contrast, #ffffff)}.btn-accent:hover{background:#059669;border-color:#059669}.export-btn-row{display:flex;gap:.5rem}.export-action-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.42rem;padding:.55rem .5rem!important}.export-action-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary:disabled{opacity:.4;cursor:not-allowed}#feel-default-btn:disabled{opacity:.4;cursor:not-allowed}.timing-section-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.005em;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:0;min-height:26px}.timing-title-nowrap{white-space:nowrap}.timing-section-title{position:relative}.timing-section-title .humanise-help-btn{margin-right:auto}.timing-reset-right{margin-left:auto}.latency-measured{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:500;color:var(--text-muted);text-align:left;margin-top:.15rem}.latency-instruction{font-family:Outfit,sans-serif;font-size:.75rem;line-height:1.35;color:var(--text-secondary);margin-top:.55rem}.latency-test-btn{align-self:flex-start;padding:.35rem .9rem;font-size:.8rem;font-weight:700;border-radius:8px}.timing-section-hint{font-size:.72rem;font-weight:500;color:var(--text-muted);text-align:right;margin-left:auto}.timing-slider-card{background:#ffffff03;border:1px solid var(--border-color);border-radius:8px;padding:8px .85rem 12px;gap:8px!important;transition:border-color .2s ease,background-color .2s ease}.timing-slider-card>label,.global-swing-container>label,.global-humanise-container>label{line-height:20px}.timing-slider-card:hover{border-color:#6366f126;background:#ffffff05}.timing-slider-card+.timing-slider-card{margin-top:-8px}.swing-tempo-container{gap:0!important;padding-top:10px!important}.humanise-advanced-panel .swing-tempo-container{gap:18px!important;padding-top:16px!important;padding-bottom:16px!important}.humanise-advanced-panel .swing-tempo-container+.swing-tempo-container+.swing-tempo-container{margin-top:16px!important}#custom-swing-modal .humanise-advanced-panel .timing-section-card{border:1px solid var(--border-color);border-radius:12px;padding:16px 12px!important;margin-top:16px!important}#custom-swing-modal .humanise-advanced-panel .timing-section-card:first-child{margin-top:0!important}#custom-swing-modal #audio-sync-section{padding-top:24px!important}.latency-lane{display:flex;flex-direction:column;gap:14px;margin-top:-6px}.latency-lane .latency-measured,.latency-lane .latency-instruction{margin-top:0}@media(max-width:430px)and (max-height:760px){body.compact-notes #custom-swing-modal:has(#timing-advanced-panel.open){padding-bottom:20px!important}body.compact-notes #custom-swing-modal:has(#timing-advanced-panel.open) .modal-content{height:calc(100vh - 152px)!important}#custom-swing-modal #audio-sync-section{gap:14px!important;padding-top:16px!important;padding-bottom:8px!important;margin-top:12px!important}#audio-sync-section .latency-lane{gap:13px;margin-top:-6px}#audio-sync-section .timing-slider-card{padding:8px .75rem 10px;gap:6px!important}#audio-sync-section .timing-slider-card>label{line-height:16px}}.humanise-advanced-panel .swing-tempo-container+.swing-tempo-container{margin-top:14px!important}.timing-section-title .timing-reset-btn{flex:0 0 auto;margin-left:.55rem;font-size:.7rem;font-weight:600;padding:4px .6rem;border-radius:7px;line-height:16px;background:color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);color:var(--text-main)}.timing-footer-toggle{display:flex;align-items:center;gap:.45rem;margin-right:auto;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-muted);cursor:pointer;user-select:none;-webkit-user-select:none;opacity:.85}.timing-footer-toggle:hover{opacity:1;color:var(--text-main)}.timing-footer-toggle input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex:0 0 auto;margin:0}#custom-swing-modal .humanise-advanced-toggle:not(.open){position:sticky;bottom:0;z-index:2}#custom-swing-modal .humanise-advanced-toggle:not(.open){background:color-mix(in srgb,var(--primary) 10%,var(--bg-modal-opaque, var(--bg-card-opaque, #10141d)));box-shadow:0 0 0 9px var(--adv-mask, var(--bg-modal-opaque, var(--bg-card-opaque, #10141d))),0 24px 0 9px var(--adv-mask, var(--bg-modal-opaque, var(--bg-card-opaque, #10141d)))}#custom-swing-modal .humanise-advanced-toggle:not(.open):before{content:"";position:absolute;left:-9px;right:-9px;bottom:calc(100% + 9px);height:18px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--adv-mask, var(--bg-modal-opaque, var(--bg-card-opaque, #10141d))))}.timing-section-title .timing-preview-btn{flex:0 0 auto;margin-left:.35rem;font-size:.7rem;font-weight:600;padding:4px .6rem;border-radius:7px;line-height:16px}:root{--feel-stop: #e11d48}#custom-swing-modal .btn.btn-tonal.timing-preview-btn.active,#custom-swing-modal .btn.btn-tonal.latency-test-btn.active{background:var(--feel-stop)!important;border-color:var(--feel-stop)!important;color:#fff!important}#custom-swing-modal .btn.btn-tonal.timing-preview-btn.active:hover,#custom-swing-modal .btn.btn-tonal.latency-test-btn.active:hover{background:color-mix(in srgb,var(--feel-stop) 82%,#000)!important;border-color:color-mix(in srgb,var(--feel-stop) 82%,#000)!important}.timing-section-title .timing-preview-btn{text-align:center}.timing-section-title .timing-preview-btn:disabled{opacity:.38;cursor:default}.timing-graph-wrap{position:relative;width:100%}.timing-playhead{position:absolute;top:12px;left:0;width:2px;height:58px;background:var(--primary);box-shadow:0 0 6px var(--primary);opacity:0;pointer-events:none;will-change:transform}.timing-section-title .timing-reset-btn:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);border-color:color-mix(in srgb,var(--primary) 60%,transparent)}.btn-danger{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 14px #ef444426}.btn-danger:hover{background:#dc2626;border-color:#dc2626}select{background:#111827cc;border:1px solid var(--border-color);color:var(--text-main);padding:.55rem 1rem;border-radius:8px;outline:none;font-family:Inter,sans-serif;cursor:pointer}select option{background-color:var(--bg-card-opaque);color:var(--text-main)}body:before{content:"";position:fixed;inset:0;background:transparent;backdrop-filter:blur(12px) brightness(.8);-webkit-backdrop-filter:blur(12px) brightness(.8);opacity:0;pointer-events:none;z-index:1000;transition:opacity .18s ease .05s}body:has(.modal-overlay.active):before,body:has(.sample-group-overlay.active):before,body:has(#large-slider-overlay.active):before{opacity:1;transition:opacity .2s ease 0s}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .16s ease;padding-top:80px;padding-bottom:120px;box-sizing:border-box}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-card);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px -12px #000000b3;border-radius:16px;width:90%;max-width:480px;padding:2rem;transform:translateY(-20px);transition:transform .16s ease}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;user-select:none;-webkit-user-select:none}.modal-header-help{position:relative;display:flex;align-items:center;gap:.55rem}.modal-body{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.sequencer-container{display:flex;flex-direction:column;gap:.25rem;overflow-x:auto;max-width:100%;width:100%;position:relative;padding-bottom:.5rem}.track-row{display:flex;align-items:center;--row-card: rgba(255, 255, 255, .02);--row-top: initial;--row-edge: initial;border:1px solid;--row-border-col: var(--row-border-color, var(--border-color));border-radius:12px;padding:.25rem .375rem;width:100%;position:relative;z-index:0;box-shadow:0 0 6px var(--row-shadow-glow, transparent);transition:background-color .2s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease,filter .3s ease}.track-row:hover{--row-card: rgba(255, 255, 255, .04);--row-top: initial;--row-edge: initial;--row-border-col: var(--row-border-color-active, var(--border-color))}.track-row.focused-track{--row-card: rgba(255, 255, 255, .06);--row-top: initial;--row-edge: initial;--row-border-col: var(--row-border-color-active, rgba(99, 102, 241, .45));box-shadow:0 0 15px var(--row-shadow-glow, rgba(99, 102, 241, .12));filter:brightness(1.2)}.track-row.dimmed-track:not(.muted-track){opacity:.5;filter:brightness(.82)}.sequencer-container.has-solo .track-row:not(.soloed-track){opacity:.35!important;filter:brightness(.6) saturate(.4)!important;transition:opacity .25s ease,filter .25s ease}.sequencer-container.has-solo .track-row.muted-track:not(.soloed-track){opacity:.22!important;filter:brightness(.45) saturate(.3)!important}.track-lines-container{display:flex;flex-direction:column;gap:.9rem;flex:1}.track-line-row{display:flex;align-items:center;width:100%}.track-line-actions{display:flex;flex-direction:row;gap:.35rem;margin-left:1rem;align-items:center}.btn-line-action{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);width:24px;height:24px;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-line-action:hover{background:#ffffff1a;color:var(--text-main);border-color:#fff3}.btn-line-action.add:hover{background:#10b98126;border-color:var(--accent);color:var(--accent)}.btn-line-action.remove:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.btn-line-action:disabled{opacity:.25;cursor:not-allowed;background:transparent;border-color:var(--border-color);color:var(--text-dim)}.track-actions-right{width:180px;min-width:180px;display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem;border-left:1px solid var(--border-color);align-items:flex-start;margin-left:1.5rem}.track-meta{width:190px;min-width:190px;display:flex;align-items:center;justify-content:space-between;padding-right:.5rem;border-right:1px solid var(--border-color);gap:.5rem}.track-info{display:flex;flex-direction:row;align-items:center;gap:.6rem;overflow:hidden}.track-info:has(>.track-icon-wrapper:focus-visible){overflow:visible;position:relative;z-index:13}.track-icon-wrapper{width:24px;min-width:24px;height:24px;padding:0;font:inherit;appearance:none;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center}.track-name{font-family:Outfit,sans-serif;font-weight:600;font-size:.95rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-controls{display:flex;align-items:center;gap:.5rem}.track-subdiv-select{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;background:#ffffff0d}.track-btns{display:flex;gap:.25rem}.track-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);width:26px;height:26px;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.track-btn:hover{border-color:var(--text-muted);color:var(--text-muted)}.track-btn.mute.active{background:#ef444426;border-color:#ef4444;color:#ef4444}.track-btn.solo.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.track-volume{width:50px!important;height:4px!important}.steps-container{display:block;flex:1;position:relative;margin-left:1.5rem;padding:0;height:58px;min-width:880px;border-radius:8px;border:1px solid transparent;overflow:visible;transition:background-color .25s ease,border-color .25s ease}.steps-container.active-line{background:#ffffff05;border-color:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f}.beat-marker{position:absolute;top:-5px;bottom:-5px;width:0;border-left:1.5px dashed rgba(255,255,255,.18);pointer-events:none;z-index:1}.playhead-line{position:absolute;top:-5px;bottom:-5px;width:2px;background:linear-gradient(to bottom,var(--primary),var(--accent));box-shadow:0 0 6px 1px #6366f166;pointer-events:none;z-index:10;left:0;opacity:0;transition:opacity .15s ease;will-change:transform;transform:translateZ(0)}.playhead-line.active{opacity:1}.fx-pulse{position:absolute;left:0;top:0;width:32px;height:32px;border:2px solid rgba(255,250,235,calc(.52 * var(--accent-strength, 1)));border-radius:6px;background:transparent;pointer-events:none;opacity:0;z-index:5;display:none}body.no-step-pulse .fx-pulse{display:block;will-change:transform,opacity;transform:translateZ(0)}body.light-theme .fx-pulse,body.theme-studio.light-theme .fx-pulse,body.theme-afro-light .fx-pulse{border-color:rgba(46,26,8,calc(.55 * var(--accent-strength, 1)))}.step-cell{position:absolute;left:var(--step-time-percent, 0%);top:50%;transform:translateY(-50%);width:42px;height:42px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:.75rem;color:var(--text-dim);user-select:none;z-index:2;filter:brightness(var(--pitch-brightness, 1));transition:left .35s cubic-bezier(.25,1,.5,1),background-color .15s,border-color .15s}body:not(.perf-lite) .track-row{transform:translateZ(0);will-change:transform}body.no-step-pulse #sequencer-grid{transform:translateZ(0);will-change:transform}body.no-step-pulse:not(.perf-lite) .track-row{transform:none;will-change:auto}body.blend-note-fill .step-cell{filter:none}body.blend-note-fill .step-cell svg{filter:brightness(var(--pitch-brightness, 1))}.steps-container.subdiv-6 .step-cell{border-width:.5px}body.rhythm-12-8 .step-cell{width:32px;height:32px}.step-cell.step-cell-subdivided-sub{transform:translateY(-50%) scale(var(--current-scale, .9))}.step-cell svg{display:none!important;transition:transform .25s cubic-bezier(.1,.8,.3,1),filter .25s!important}.step-cell:hover{background:#ffffff0d;border-color:#ffffff26}.step-cell.djembe-B{background:var(--color-bass);border-color:var(--color-bass);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) var(--color-bass-glow)}.step-cell.djembe-T{background:var(--color-tone);border-color:var(--color-tone);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) var(--color-tone-glow)}.step-cell.djembe-S{background:var(--color-slap);border-color:var(--color-slap);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) var(--color-slap-glow)}.step-cell.djembe-M{background:var(--color-muffled);border-color:var(--color-muffled);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) var(--color-muffled-glow)}.step-cell.dunun-O{background:var(--color-open);border-color:var(--color-open);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) var(--color-open-glow)}.step-cell.dunun-X,.step-cell.dunun-C,.step-cell.dunun-M{background:var(--color-mute);border-color:var(--color-mute);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) var(--color-mute-glow)}.step-cell.dunun-H,.step-cell.bell-H{background:#b482468c;border-color:#c8965acc;color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 10px) #c8965a59}.step-cell.bell-O,.step-cell.bell-X{background:var(--color-bell-open);border-color:var(--color-bell-open);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) var(--color-bell-open-glow)}.step-cell.bell-C{background:var(--color-bell-mute);border-color:var(--color-bell-mute);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) var(--color-bell-mute-glow)}.step-cell.shekere-O{background:var(--color-shekere-open);border-color:var(--color-shekere-open);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) var(--color-shekere-open-glow)}.step-cell.shekere-X{background:var(--color-shekere-tap);border-color:var(--color-shekere-tap);color:#fff;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) var(--color-shekere-tap-glow)}@keyframes noteStrikeFlash{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.25));filter:brightness(calc(var(--pitch-brightness, 1) * 1.7))}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(var(--pitch-brightness, 1))}}@keyframes noteStrikeFlashLight{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.08));filter:brightness(calc(var(--pitch-brightness, 1) * 1.25))}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(var(--pitch-brightness, 1))}}.step-cell.strike-flash{animation:noteStrikeFlash .25s cubic-bezier(.1,.8,.3,1) forwards}body.light-theme .step-cell.strike-flash,body.theme-afro-light .step-cell.strike-flash{animation:noteStrikeFlashLight .25s cubic-bezier(.1,.8,.3,1) forwards}.add-track-row{display:flex;justify-content:flex-start;padding:.25rem .75rem}.lower-sections-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}@media(max-width:900px){.lower-sections-grid{grid-template-columns:1fr}}.pads-panel{display:flex;flex-direction:column;gap:1rem}.pads-panel{display:flex;flex-direction:column;gap:.7rem}.pads-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pads-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-muted)}body.compact-notes .pads-header,body.compact-notes .record-bar{padding-left:.55rem;padding-right:.55rem}.record-bar{display:flex;align-items:center;gap:.45rem .55rem;flex-wrap:wrap}.record-into{font-size:.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.record-arm{flex:0 1 auto;max-width:100%;padding:.34rem .5rem .34rem .45rem;background:var(--bg-glass, rgba(0, 0, 0, .25));color:var(--text-muted);border:1px solid var(--border-color);border-radius:999px;font-family:Outfit,sans-serif;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.record-arm:hover{border-color:color-mix(in srgb,#e11d48 45%,var(--border-color))}.record-arm .record-arm-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-arm .record-arm-caret{flex:0 0 auto;opacity:.55}.record-arm .record-arm-icon{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.record-arm .record-arm-icon svg{width:15px;height:15px}.record-arm.armed{border-color:color-mix(in srgb,#e11d48 60%,var(--border-color));background:color-mix(in srgb,#e11d48 12%,transparent);color:var(--text-main)}.record-arm.armed .record-arm-label{font-weight:700}.record-arm.armed .record-arm-icon{color:#e11d48}.record-arm-list{display:flex;flex-direction:column;gap:.35rem;width:100%;max-height:300px;overflow-y:auto;margin:.2rem 0 .6rem}.record-arm-list .sample-group-popup-btn{width:100%;text-align:left;padding:.5rem .7rem}.record-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;background:transparent;color:var(--text-main);border:1px solid color-mix(in srgb,#e11d48 55%,var(--border-color));border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.record-btn{background:#e11d48;border-color:#e11d48;color:#fff;flex:0 0 auto;min-width:118px;justify-content:center}.record-btn .record-dot{background:#fff}.record-btn:hover{background:#f43f5e;border-color:#f43f5e}.record-dot{width:10px;height:10px;border-radius:50%;background:#e11d48;flex:0 0 auto}.record-btn.counting{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff}.record-btn.counting .record-dot{background:#fff;animation:record-blink .5s steps(1) infinite}.record-btn.recording{background:#e11d48;color:#fff;border-color:#e11d48}.record-btn.recording .record-dot{background:#fff;animation:record-blink 1s steps(1) infinite}@keyframes record-blink{50%{opacity:.25}}.record-opts{flex:1 0 100%;display:flex;gap:.4rem;flex-wrap:wrap;font-size:.76rem;color:var(--text-muted)}.record-pill{position:relative;display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .6rem;border:1px solid var(--border-color);border-radius:999px;cursor:pointer;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.record-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.3;flex:0 0 auto;transition:opacity .15s ease}.record-pill input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;border:0;margin:0;pointer-events:none}.record-pill:has(input:focus-visible){outline:3px solid var(--focus-ring, var(--primary));outline-offset:3px}.record-pill:hover{border-color:color-mix(in srgb,#e11d48 40%,var(--border-color))}.record-pill:has(input:checked){background:color-mix(in srgb,#e11d48 16%,transparent);border-color:color-mix(in srgb,#e11d48 55%,var(--border-color));color:var(--text-main)}.record-pill:has(input:checked):before{background:#e11d48;opacity:1}.record-bar{margin-top:.35rem}.record-arm-chip-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;margin-right:.5rem;color:var(--primary)}.record-arm-chip-icon svg{width:16px;height:16px}.record-arm-list .sample-group-popup-btn{display:flex;align-items:center}.track-row.record-armed{box-shadow:inset 0 0 0 2px color-mix(in srgb,#e11d48 70%,transparent),0 0 12px #e11d4840!important;--row-border-col: color-mix(in srgb, #e11d48 60%, var(--border-color)) !important}.pads-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;flex:1}.drum-pad{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;aspect-ratio:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .1s ease;user-select:none}.drum-pad:hover{background:#ffffff0a;border-color:#ffffff26}.drum-pad:active,.drum-pad.pad-active{transform:scale(.96)}.drum-pad.djembe-bass-pad.pad-active{background:var(--color-bass);box-shadow:0 0 15px var(--color-bass-glow);border-color:var(--color-bass)}.drum-pad.djembe-tone-pad.pad-active{background:var(--color-tone);box-shadow:0 0 15px var(--color-tone-glow);border-color:var(--color-tone)}.drum-pad.djembe-slap-pad.pad-active{background:var(--color-slap);box-shadow:0 0 15px var(--color-slap-glow);border-color:var(--color-slap)}.drum-pad.djembe-muffled-pad.pad-active{background:var(--color-muffled);box-shadow:0 0 15px var(--color-muffled-glow);border-color:var(--color-muffled)}.drum-pad.dunun-pad.pad-active{background:var(--color-open);box-shadow:0 0 15px var(--color-open-glow);border-color:var(--color-open)}.drum-pad.bell-pad.pad-active{background:var(--color-bell-open);box-shadow:0 0 15px var(--color-bell-open-glow);border-color:var(--color-bell-open)}.drum-pad.shekere-shake-pad.pad-active{background:var(--color-shekere-open);box-shadow:0 0 15px var(--color-shekere-open-glow);border-color:var(--color-shekere-open)}.drum-pad.shekere-tap-pad.pad-active{background:var(--color-shekere-tap);box-shadow:0 0 15px var(--color-shekere-tap-glow);border-color:var(--color-shekere-tap)}.drum-pad svg{color:var(--text-muted);opacity:.6;transition:all .15s ease;margin-bottom:.2rem}.drum-pad:hover svg{color:var(--text-main);opacity:1;transform:translateY(-2px)}.drum-pad.pad-active svg{color:#fff!important;opacity:1!important;transform:scale(.95)}.drum-pad-name{font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;margin-bottom:.25rem}.drum-pad-key{position:absolute;top:6px;right:6px;background:#ffffff0f;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);color:var(--text-muted)}.drum-pad-type{font-size:.7rem;color:var(--text-dim)}.synth-panel{display:flex;flex-direction:column;gap:1rem}.synth-controls-scroll{display:flex;flex-direction:column;gap:.85rem;max-height:280px;overflow-y:auto;padding-right:.5rem}.synth-instrument-row{display:grid;grid-template-columns:120px 1fr 1fr;align-items:center;gap:1rem;background:#ffffff03;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color)}.synth-inst-name{font-family:Outfit,sans-serif;font-weight:600;font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.synth-knob-container{display:flex;align-items:center;gap:.5rem}.synth-knob-container span{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;min-width:40px}.synth-slider{flex:1;width:100%!important;touch-action:none}.bottom-sections-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}@media(max-width:900px){.bottom-sections-grid{grid-template-columns:1fr}}.notation-container{display:flex;flex-direction:column;gap:.5rem}.notation-output{background:#0006;border:1px solid var(--border-color);font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--accent);padding:.85rem;border-radius:8px;resize:none;min-height:80px;line-height:1.4;outline:none;white-space:pre!important;word-wrap:normal!important;overflow-x:auto!important}.notation-key-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.notation-key-btn:hover{color:var(--text-main);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.sample-group-popup.key-legend-popup{max-width:400px}.key-legend-body{display:flex;flex-direction:column;text-align:left;width:100%;max-height:62vh;overflow-y:auto;padding-right:.25rem}.key-legend-section{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin:.85rem 0 .3rem}.key-legend-section:first-child{margin-top:0}.key-legend-row{display:grid;grid-template-columns:26px 30px 1fr;align-items:center;gap:.65rem;padding:.32rem .1rem;border-bottom:1px solid color-mix(in srgb,var(--text-muted) 14%,transparent)}.key-legend-glyph{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.key-legend-glyph svg{display:block!important;width:14px;height:14px;color:#fff}.key-legend-row-combo{grid-template-columns:78px 1fr}.key-legend-note{font-size:.78rem;color:var(--text-muted);margin:.1rem 0 .4rem;line-height:1.35}.key-legend-token{font-family:monospace;font-size:.82rem;font-weight:700;white-space:nowrap;justify-self:start;color:var(--text-main);background:color-mix(in srgb,var(--text-muted) 15%,transparent);border:1px solid color-mix(in srgb,var(--text-muted) 30%,transparent);border-radius:5px;padding:3px 7px}.key-legend-sym{font-family:monospace;font-weight:700;font-size:.95rem;color:var(--text-main)}.key-legend-namecol{display:flex;flex-direction:column;line-height:1.25}.key-legend-name{font-weight:600;font-size:.88rem;color:var(--text-main)}.key-legend-desc{font-size:.76rem;color:var(--text-muted)}.key-legend-close{margin-top:1rem;width:100%}.saves-panel{display:flex;flex-direction:column;gap:.75rem}.saves-list{display:flex;flex-direction:column;gap:.5rem;max-height:120px;overflow-y:auto}.myrhythms-toolbar{display:flex;gap:.4rem;align-items:center;margin:0 0 .75rem;flex-wrap:nowrap}.myrhythms-search-bar{gap:.5rem;align-items:center;width:100%;margin-bottom:.7rem}.myrhythms-search{flex:1 1 auto;min-width:0;padding:.5rem .85rem;border-radius:8px;border:1px solid var(--border-color);background:#111827cc;color:var(--text-main);outline:none;font-size:.85rem}.myrhythms-sort-group{display:flex;gap:.3rem;flex:0 0 auto}.myrhythms-sort-btn{display:inline-flex;align-items:center;gap:.25rem;height:30px;padding:0 .7rem;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.myrhythms-sort-btn:hover{color:var(--text-main);border-color:var(--text-dim)}.myrhythms-sort-btn.active{background:color-mix(in srgb,var(--primary) 22%,transparent);border-color:var(--primary);color:var(--text-main)}.myrhythms-sort-arrow{font-size:.66rem;line-height:1}.myrhythms-save-btn{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;height:30px;padding:0 .95rem;font-size:.85rem;white-space:nowrap}.myrhythms-save-btn svg{display:block}.myrhythms-save-btn.btn-accent{color:var(--accent-contrast, #ffffff)!important}.save-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color);font-size:.85rem}.save-item-info{display:flex;flex-direction:column}.save-item-time{font-size:.7rem;color:var(--text-dim)}.save-item-actions{display:flex;gap:.35rem}.save-item-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.2rem .4rem;border-radius:4px}.save-item-btn:hover{background:#ffffff0d;color:var(--text-main)}.save-input-group{display:flex;gap:.5rem}.save-input-group input{background:#0000004d;border:1px solid var(--border-color);color:var(--text-main);padding:.5rem;border-radius:8px;flex:1;outline:none}.save-input-group input:focus{border-color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.swing-tabs-container{display:flex;gap:.5rem;background:#0003;padding:.25rem;border-radius:8px;border:1px solid var(--border-color)}.swing-tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.5rem;border-radius:6px;font-family:Outfit,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.swing-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.swing-tab-btn.active{color:#fff;background:var(--primary);box-shadow:0 0 10px #6366f166}.swing-timeline-wrapper{background:#ffffff04;border:1px solid var(--border-color);padding:1rem 1.25rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem}.swing-timeline-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.swing-timeline{position:relative;height:36px;margin:0 12px;display:flex;align-items:center}.swing-timeline-line{position:absolute;left:0;right:0;height:4px;background:#ffffff14;border-radius:2px}.swing-timeline-dots{position:absolute;left:0;right:0;height:100%}.swing-timeline-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#a5b4fc,var(--primary));box-shadow:0 0 10px var(--primary-glow);transition:left .15s cubic-bezier(.16,1,.3,1);border:1.5px solid rgba(255,255,255,.2)}.swing-timeline-dot.tick-mark{width:2px;height:12px;background:#fff3;box-shadow:none;pointer-events:none;border:none;border-radius:1px}.swing-sliders-grid{display:flex;flex-direction:column;gap:.5rem}.swing-slider-row{display:grid;grid-template-columns:60px 1fr 44px;align-items:center;gap:.75rem;background:#ffffff03;border:1px solid var(--border-color);border-radius:8px;padding:.5rem .85rem;transition:border-color .2s ease,background-color .2s ease}.swing-slider-row:hover{border-color:#6366f126;background:#ffffff05}.swing-slider-label{font-size:.8rem;font-weight:600;color:var(--text-muted);font-family:Outfit,sans-serif}.swing-slider-value{font-size:.85rem;font-weight:700;color:var(--primary);text-align:right;font-family:Outfit,sans-serif}.library-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:start;gap:.35rem;background:var(--bg-card-opaque)!important;border:1px solid var(--border-color);border-radius:10px;padding:.6rem .75rem;transition:all .2s ease;cursor:pointer}.library-item:hover{background:var(--bg-card-opaque-hover)!important;border-color:var(--primary);transform:translateY(-1px)}.library-title{font-weight:600;color:var(--text-main);font-size:.95rem;font-family:Outfit,sans-serif}.meter-badge{padding:.15rem .4rem;border-radius:4px;font-weight:700;font-size:.7rem}.meter-badge.meter-4-4{background:#6366f126;color:var(--primary);border:1px solid rgba(99,102,241,.3)}.meter-badge.meter-12-8{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.meter-badge.meter-6-8{background:#14b8a626;color:#14b8a6;border:1px solid rgba(20,184,166,.3)}.meter-badge.meter-9-8{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.library-tag-strip{display:flex;flex-wrap:nowrap;flex-shrink:0;gap:.4rem;margin-bottom:.6rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:2px}.library-tag-strip::-webkit-scrollbar{display:none}.tag-chip{flex-shrink:0}.tag-chip{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;padding:.28rem .65rem;border-radius:999px;background:#ffffff0f;color:var(--text-dim);border:1px solid var(--border-color);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;line-height:1}.tag-chip:hover{background:#ffffff1f;color:var(--text-main);border-color:var(--primary)}.tag-chip.active{background:var(--primary);color:#fff;border-color:var(--primary-glow)}#library-modal .modal-content.library-modal-content{max-width:700px;width:90%;max-height:100%!important;display:flex;flex-direction:column}#library-modal #library-body{max-height:none;flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:.4rem;padding-right:.5rem}.btn-sm{padding:.35rem .75rem!important;font-size:.8rem!important;border-radius:6px!important}.sub-note-square{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 3px #0006,inset 0 1px #fff3!important;border:1px solid transparent!important}.sub-note-square svg{color:#fff!important}.flam-note-container{position:relative;width:28px;height:28px;box-sizing:border-box}.step-cell .flam-note-container{width:100%!important;height:100%!important}.flam-grace-note{position:absolute;left:0;top:0;transform:scale(.7);opacity:.85;z-index:1}.flam-main-note{position:absolute;right:0;bottom:0;transform:scale(.85);z-index:2}.flam-grace-note.sub-note-square{position:absolute!important;inset:8% auto auto 8%!important;width:52%!important;height:52%!important;border-radius:20%!important;transform:none!important;border:1px solid #080a0f!important;box-sizing:border-box!important;z-index:1!important}.flam-main-note.sub-note-square{position:absolute!important;inset:auto 8% 8% auto!important;width:52%!important;height:52%!important;border-radius:20%!important;transform:none!important;border:1px solid #080a0f!important;box-sizing:border-box!important;z-index:2!important}.roll-note-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;gap:0}.roll-first-note,.roll-second-note{display:flex;align-items:center;justify-content:center;transform:scale(.7);flex:1;margin:-2px}.roll-first-note.sub-note-square{width:17px!important;height:17px!important;border-radius:3px!important;margin-right:-5px!important;transform:none!important;z-index:1}.roll-second-note.sub-note-square{width:21px!important;height:21px!important;border-radius:4px!important;transform:none!important;z-index:2}.triplet-note-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;gap:0}.triplet-sub-note{display:flex;align-items:center;justify-content:center;transform:scale(.58);flex:1;margin:-4px}.triplet-first-note.sub-note-square{width:14px!important;height:14px!important;border-radius:3px!important;margin-right:-4px!important;transform:none!important;z-index:1}.triplet-second-note.sub-note-square{width:14px!important;height:14px!important;border-radius:3px!important;margin-right:-4px!important;transform:none!important;z-index:2}.triplet-third-note.sub-note-square{width:18px!important;height:18px!important;border-radius:4px!important;transform:none!important;z-index:3}.flam-grace-note svg,.roll-first-note svg{width:8px!important;height:8px!important}.flam-main-note svg,.roll-second-note svg,.triplet-first-note svg,.triplet-second-note svg,.triplet-third-note svg{width:10px!important;height:10px!important}.flam-note-container svg,.roll-note-container svg,.triplet-note-container svg{filter:drop-shadow(0px 1px .8px rgba(0,0,0,.95)) drop-shadow(0px 0px 1.5px rgba(0,0,0,.95))}.triplet-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:8px;font-weight:700;color:#fff;background:#000000d9;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:1px 4px;line-height:1;pointer-events:none;z-index:10}.variations-popup{flex-direction:column;gap:.4rem;width:320px;max-height:680px;overflow-y:auto}.variations-popup.active{display:flex}.variations-popup-header{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.35rem;margin-bottom:.1rem}.variations-popup-title{font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;color:var(--text-main)}.variations-popup-subtitle{display:block;margin-top:.15rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;color:var(--primary);opacity:.9}.variations-popup-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:2px;line-height:1}.variations-popup-close:hover{color:#fff}.variations-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-dim);letter-spacing:.8px;margin-bottom:.15rem;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:1px}.variations-grid{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.variation-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-main);padding:.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;height:38px;width:44px}.variation-btn-icon{transform:scale(1.3);transform-origin:center;display:flex;align-items:center;justify-content:center;height:28px}.variation-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.variation-btn-label{font-size:.6rem;font-weight:600;opacity:.85;margin-top:0}.humanise-slider-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label value" "slider slider";align-items:center;column-gap:.6rem;row-gap:4px;background:#ffffff04;border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;transition:border-color .2s ease,background-color .2s ease}.humanise-slider-row input[type=range]{grid-area:slider;width:100%!important}.humanise-slider-row:hover{border-color:#6366f126;background:#ffffff08}.humanise-slider-label{grid-area:label;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:0}.humanise-slider-value{grid-area:value;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;color:var(--primary);text-align:right}.humanise-advanced-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:8px;padding:11px 1rem;line-height:16px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border-color));border-radius:10px;color:color-mix(in srgb,var(--primary) 55%,var(--text-main));font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}.humanise-advanced-toggle:hover{background:color-mix(in srgb,var(--primary) 17%,transparent);border-color:color-mix(in srgb,var(--primary) 55%,var(--border-color))}.humanise-advanced-chevron{transition:transform .2s ease;flex-shrink:0}.humanise-adv-enable-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:8px .2rem 10px;line-height:20px;cursor:pointer}.ghost-notes-enable-row{padding-bottom:12px}.feel-default-row{margin-top:2px}#feel-default-note{line-height:16px!important}#feel-default-btn{padding-top:6px!important;padding-bottom:6px!important;line-height:16px!important}.humanise-adv-divider{height:1px;background:var(--border-color);margin:2px 0 5px}.humanise-adv-enable-row>span{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-main)}.humanise-adv-switch{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex:0 0 auto}#humanise-drift-body.drift-disabled,.ghost-disabled{opacity:.4;pointer-events:none;filter:saturate(.6)}.humanise-advanced-toggle.open .humanise-advanced-chevron{transform:rotate(180deg)}.humanise-advanced-panel{display:flex;flex-direction:column;gap:8px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease}.humanise-advanced-panel.open{max-height:1200px;opacity:1}.humanise-advanced-panel.open-complete{overflow:visible}#custom-swing-modal #swing-advanced-panel.open{max-height:2200px}.humanise-section-header{margin-top:8px;margin-bottom:18px}.humanise-section-header-spaced{margin-top:54px}.humanise-section-title-row{position:relative;display:flex;align-items:center;gap:.45rem}.humanise-section-title{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.humanise-help-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;color:var(--text-muted);opacity:.55;cursor:pointer;flex-shrink:0;padding:0;line-height:1;transition:opacity .15s}.humanise-help-btn:hover,.humanise-help-btn.active{opacity:1}.humanise-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:200;background:#14172a;border:1px solid rgba(99,102,241,.45);border-radius:8px;padding:.65rem .9rem;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:500;color:#e2e5ea;line-height:1.5;box-shadow:0 8px 28px #000000b3,0 0 0 1px #6366f11a;max-width:280px;width:max-content}.tt-section-head .humanise-tooltip{text-transform:none;letter-spacing:normal;font-weight:500;font-size:.8rem;max-height:300px;overflow-y:auto}.humanise-tooltip p{margin:0}.humanise-tooltip ul{margin:.5rem 0 0;padding-left:1.05rem;list-style:disc}.humanise-tooltip li{margin:.28rem 0}.humanise-tooltip li::marker{color:#e2e5ea73}.humanise-tooltip.visible{display:block}.drift-graph{display:block;width:100%;height:64px;border-radius:0;border:1px solid var(--border-color)}body.light-theme .drift-graph,body.theme-afro-light .drift-graph{border-color:var(--border-color)}.variations-custom-builder{border-top:1px solid rgba(255,255,255,.1);padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.builder-type-btn{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-main);padding:.25rem .35rem;font-size:.75rem;cursor:pointer;text-align:center;transition:all .15s}.builder-type-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.builder-apply-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;padding:.35rem;font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;margin-top:.15rem;transition:all .15s}.builder-apply-btn:hover{filter:brightness(1.1);box-shadow:0 0 8px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-settings:hover{color:var(--primary)!important}.controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;width:100%}.controls-group-left{display:flex;align-items:center;gap:.75rem;flex:1 1 0px;justify-content:flex-start}.controls-group-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.controls-group-right{display:flex;align-items:center;gap:1.25rem;flex:1 1 0px;justify-content:flex-end;flex-wrap:wrap}.btn-play-large{width:76px;height:76px;border-radius:50%;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px 0 var(--accent-glow);transition:all .25s cubic-bezier(.4,0,.2,1);padding:0}.tempo-control-wrapper{display:flex;flex-direction:column;gap:.35rem;width:180px}.tempo-display{font-family:Outfit,sans-serif;font-weight:800;font-size:1.85rem;line-height:1.1;color:var(--text-main);display:flex;align-items:baseline;gap:.25rem}.btn-play-large:hover{transform:scale(1.1);background:#059669;box-shadow:0 6px 20px 0 var(--accent-glow)}.btn-play-large:active{transform:scale(.95)}.btn-play-large svg{display:block}.btn-play-large.btn-danger-round{background:#ef4444;box-shadow:0 4px 14px #ef444466}.btn-play-large.btn-danger-round:hover{background:#dc2626;box-shadow:0 6px 20px #ef444480}.modal-content.modal-large{max-width:780px;width:95%}.effects-row{transition:all .2s ease}#effects-modal .track-icon-wrapper.fx-toggle{cursor:pointer;border-radius:6px;padding:2px;transition:opacity .15s ease,background .15s ease}#effects-modal .track-icon-wrapper.fx-toggle:hover{background:#ffffff1a}#effects-modal .effects-row{display:flex;flex-direction:column;gap:14px;padding:12px .7rem;border-radius:8px;background:linear-gradient(105deg,color-mix(in srgb,var(--fx-color) 11%,transparent),color-mix(in srgb,var(--fx-color) 3%,transparent));border:1px solid color-mix(in srgb,var(--fx-color) 58%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--fx-color) 16%,transparent),0 2px 10px color-mix(in srgb,var(--fx-color) 10%,transparent),0 2px 6px #0000002e;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}#effects-modal .effects-row.fx-off{background:linear-gradient(105deg,color-mix(in srgb,var(--fx-color) 4%,transparent),color-mix(in srgb,var(--fx-color) 1%,transparent));border-color:color-mix(in srgb,var(--fx-color) 20%,transparent);box-shadow:0 2px 6px #00000024}@supports (background: oklch(from red l c h)){#effects-modal .effects-row.fx-off{background:linear-gradient(105deg,color-mix(in srgb,oklch(from var(--fx-color) l 0 h) 11%,transparent),color-mix(in srgb,oklch(from var(--fx-color) l 0 h) 3%,transparent))}}#effects-modal .effects-row{--fx-color: hsl(var(--fx-hue))}body.light-theme #effects-modal .effects-row[data-fx-family=djembe],body.theme-afro #effects-modal .effects-row[data-fx-family=djembe],body.theme-afro-light #effects-modal .effects-row[data-fx-family=djembe],body.theme-custom #effects-modal .effects-row[data-fx-family=djembe]{--fx-color: var(--djembe-icon-color)}body.light-theme #effects-modal .effects-row[data-fx-family=duns],body.theme-afro #effects-modal .effects-row[data-fx-family=duns],body.theme-afro-light #effects-modal .effects-row[data-fx-family=duns],body.theme-custom #effects-modal .effects-row[data-fx-family=duns]{--fx-color: var(--doundounba-icon-color)}body.light-theme #effects-modal .effects-row[data-fx-family=bells],body.theme-afro #effects-modal .effects-row[data-fx-family=bells],body.theme-afro-light #effects-modal .effects-row[data-fx-family=bells],body.theme-custom #effects-modal .effects-row[data-fx-family=bells]{--fx-color: var(--kenkeni-icon-color)}#effects-modal .effects-row-head{display:flex;align-items:center;gap:.5rem}#effects-modal .effects-row .track-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;color:var(--fx-color)!important;cursor:pointer}#effects-modal .synth-inst-name{font-family:Outfit,sans-serif;font-weight:600;color:var(--text-main);font-size:.85rem}#effects-modal .fx-state-pill{margin-left:auto;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;color:var(--fx-color);background:color-mix(in srgb,var(--fx-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--fx-color) 35%,transparent)}#effects-modal .fx-control{display:flex;flex-direction:column;gap:10px}#effects-modal .fx-control+.fx-control{margin-top:7px}#effects-modal .modal-body{gap:9px!important}#effects-modal .fx-state-pill{height:20px;padding:2px .6rem;border-radius:7px;box-sizing:border-box;line-height:16px}#effects-modal .fx-subdiv-group{gap:4px}#effects-modal .fx-subdiv-btn{height:20px;padding-top:2px;padding-bottom:2px;box-sizing:border-box}#effects-modal .fx-control-label-row{line-height:20px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}#effects-modal .fx-control-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}#effects-modal .effects-row:not(.fx-off) .fx-control-label{color:var(--text-main);font-weight:600}#effects-modal .fx-value{color:var(--text-main);font-weight:700;font-size:.8rem;margin-left:.6rem}#effects-modal .effects-row .synth-slider{width:100%!important}#effects-modal .fx-subdiv-group{display:flex;gap:.2rem}#effects-modal .fx-subdiv-btn{font-family:Outfit,sans-serif;font-size:.62rem;font-weight:600;padding:.16rem .38rem;border-radius:5px;cursor:pointer;color:var(--text-dim);background:transparent;border:1px solid var(--border-color);transition:background .15s ease,color .15s ease,border-color .15s ease}#effects-modal .fx-subdiv-btn:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--fx-color) 50%,transparent)}#effects-modal .fx-subdiv-btn.active{color:var(--fx-color);background:color-mix(in srgb,var(--fx-color) 18%,transparent);border-color:color-mix(in srgb,var(--fx-color) 55%,transparent)}#effects-modal .fx-drawer{max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .2s ease,margin-top .28s ease;margin-top:0}#effects-modal .effects-row:not(.fx-off) .fx-drawer{max-height:110px;opacity:1;margin-top:.1rem}#effects-modal .fx-canvas{display:block;width:100%;height:76px;border-radius:6px;background:color-mix(in srgb,var(--fx-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--fx-color) 16%,transparent)}#effects-modal .fx-state-pill{cursor:pointer}#effects-modal .effects-row.fx-off .track-icon-wrapper{opacity:.55}#effects-modal .effects-row.fx-off .fx-control,#effects-modal .effects-row.fx-off .fx-value{opacity:.6}#effects-modal .effects-row.fx-off .fx-subdiv-btn{pointer-events:none}#effects-modal .effects-row.fx-off .synth-slider,#effects-modal .effects-row.fx-off .fx-subdiv-btn{cursor:default}#effects-modal .effects-row.fx-off .fx-limiter-knee-mark{pointer-events:none}#effects-modal .effects-row.fx-off .fx-state-pill{color:var(--text-dim);background:transparent;border-color:var(--border-color)}@media(max-width:768px){.controls-bar{flex-direction:column;gap:1.25rem}.controls-group-left,.controls-group-center,.controls-group-right{justify-content:center;width:100%;flex:1 1 auto}.controls-group-right{flex-direction:row;align-items:center;gap:.75rem;justify-content:center}}.step-cell.kenkeni-O{background:#288f58;border-color:#288f58;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #288f5840}.step-cell.kenkeni-X,.step-cell.kenkeni-C{background:#496e5b;border-color:#496e5b;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #496e5b33}.step-cell.kenkeni3-O{background:#248f68;border-color:#248f68;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #248f6840}.step-cell.kenkeni3-X,.step-cell.kenkeni3-C{background:#476b5e;border-color:#476b5e;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #476b5e33}.step-cell.kenkeni4-O{background:#218c77;border-color:#218c77;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #218c7740}.step-cell.kenkeni4-X,.step-cell.kenkeni4-C{background:#456861;border-color:#456861;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #45686133}.step-cell.sangban-O{background:#08c4c4;border-color:#08c4c4;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #08c4c440}.step-cell.sangban-X,.step-cell.sangban-C{background:#527a7a;border-color:#527a7a;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #527a7a33}.step-cell.sangban3-O{background:#05afd1;border-color:#05afd1;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #05afd140}.step-cell.sangban3-X,.step-cell.sangban3-C{background:#567981;border-color:#567981;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #56798133}.step-cell.sangban4-O{background:#0694db;border-color:#0694db;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0694db40}.step-cell.sangban4-X,.step-cell.sangban4-C{background:#5a7887;border-color:#5a7887;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #5a788733}.step-cell.dundunba-O{background:#0d5dfd;border-color:#0d5dfd;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0d5dfd40}.step-cell.dundunba-X,.step-cell.dundunba-C{background:#356ad4;border-color:#356ad4;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #356ad433}.step-cell.dundunba3-O{background:#3588fd;border-color:#3588fd;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #3588fd40}.step-cell.dundunba3-X,.step-cell.dundunba3-C{background:#578edb;border-color:#578edb;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #578edb33}.step-cell.dundunba4-O{background:#3fa4fd;border-color:#3fa4fd;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #3fa4fd40}.step-cell.dundunba4-X,.step-cell.dundunba4-C{background:#5fa2dd;border-color:#5fa2dd;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #5fa2dd33}.step-cell.kenkeni_bell-O,.step-cell.kenkeni_bell-X{background:#289564;border-color:#289564;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #28956440}.step-cell.kenkeni_bell-C{background:#4b7160;border-color:#4b7160;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #4b716033}.step-cell.kenkeni3_bell-O,.step-cell.kenkeni3_bell-X{background:#21974e;border-color:#21974e;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #21974e40}.step-cell.kenkeni3_bell-C{background:#496e58;border-color:#496e58;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #496e5833}.step-cell.kenkeni4_bell-O,.step-cell.kenkeni4_bell-X{background:#2c9643;border-color:#2c9643;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #2c964340}.step-cell.kenkeni4_bell-C{background:#4e7456;border-color:#4e7456;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #4e745633}.step-cell.sangban_bell-O,.step-cell.sangban_bell-X{background:#0db5c5;border-color:#0db5c5;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0db5c540}.step-cell.sangban_bell-C{background:#547a7d;border-color:#547a7d;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #547a7d33}.step-cell.sangban3_bell-O,.step-cell.sangban3_bell-X{background:#0bcbbb;border-color:#0bcbbb;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0bcbbb40}.step-cell.sangban3_bell-C{background:#56817d;border-color:#56817d;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #56817d33}.step-cell.sangban4_bell-O,.step-cell.sangban4_bell-X{background:#09d3a0;border-color:#09d3a0;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #09d3a040}.step-cell.sangban4_bell-C{background:#588479;border-color:#588479;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #58847933}.step-cell.dundunba_bell-O,.step-cell.dundunba_bell-X{background:#176bfd;border-color:#176bfd;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #176bfd40}.step-cell.dundunba_bell-C{background:#3d75d6;border-color:#3d75d6;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #3d75d633}.step-cell.dundunba3_bell-O,.step-cell.dundunba3_bell-X{background:#2187fd;border-color:#2187fd;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #2187fd40}.step-cell.dundunba3_bell-C{background:#468ad8;border-color:#468ad8;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #468ad833}.step-cell.dundunba4_bell-O,.step-cell.dundunba4_bell-X{background:#2ba9fd;border-color:#2ba9fd;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #2ba9fd40}.step-cell.dundunba4_bell-C{background:#4ea2da;border-color:#4ea2da;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #4ea2da33}#description-modal-body p{margin-bottom:1rem}#description-modal-body p:last-child{margin-bottom:0}.rhythm-lyrics{text-align:center;font-style:italic;line-height:1.5;margin:1.25rem 0;color:var(--color-tone)}.sample-load-status{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:9999px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-dim);transition:all .4s ease;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.05em}.sample-load-status.loading{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.sample-load-status.loaded{background:#10b9811a;border-color:#10b9814d;color:#10b981}.sample-load-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sample-load-status.loading .status-dot{animation:pulse-loading 1.2s infinite}@keyframes pulse-loading{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}@media(max-width:768px){.glass-panel,.modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}*,.btn-play-large,.btn,.track-icon-wrapper,.drawer-btn,.btn-line-action,.drum-pad,.sample-group-popup-btn,.variation-btn{-webkit-tap-highlight-color:transparent!important}.step-cell.beat-start-empty{background:#ffffff0d!important;border-color:#ffffff1a!important}body.light-theme .step-cell.beat-start-empty{background:#00000029!important;border-color:#0000004d!important}.triplet-bg-square{position:absolute!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--triplet-bg-scale, 1));width:25%!important;aspect-ratio:1 / 1!important;height:auto!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;box-sizing:border-box!important;z-index:1!important;pointer-events:none!important;transition:left .35s cubic-bezier(.25,1,.5,1)!important}.triplet-first-note,.triplet-second-note,.triplet-third-note,.triplet-sub-note{position:absolute!important;top:50%!important;transform:translate(-50%,-50%);width:16px!important;height:16px!important;border-radius:50%!important;background:#ccc!important;border:none!important;box-shadow:none!important;margin:0!important}.triplet-badge{position:absolute!important;top:20%!important;left:50%!important;transform:translate(-50%)!important;font-size:9px!important;font-family:Outfit,sans-serif!important;font-weight:700!important;color:var(--text-dim, rgba(255, 255, 255, .45))!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;pointer-events:none!important;z-index:10!important}.tuning-mixer-row{display:grid!important;grid-template-columns:32px 120px 1fr 65px!important;align-items:center!important;gap:.75rem!important}@media(max-width:480px){.tuning-mixer-row{grid-template-columns:24px 90px 1fr 50px!important;gap:.4rem!important}}.volume-mixer-row{display:grid!important;grid-template-columns:140px 1fr 65px!important;align-items:center!important;gap:.75rem!important}@media(max-width:480px){.volume-mixer-row{grid-template-columns:100px 1fr 50px!important;gap:.4rem!important}}body:has(.modal-overlay.active) header .controls-right .btn,body:has(.modal-overlay.active) .controls-group-center .btn{opacity:.35!important;transition:all .2s ease!important}#bpm-range{-webkit-appearance:none;height:20px!important;background:transparent!important;border-radius:0!important;outline:none}#bpm-range::-webkit-slider-runnable-track{height:4px!important;background:#ffffff26!important;border-radius:2px!important}#bpm-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow);cursor:pointer;margin-top:-6px;transition:transform .1s ease}#bpm-range::-moz-range-track{height:4px!important;background:#ffffff26!important;border-radius:2px!important}#bpm-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:none;box-shadow:0 0 10px var(--primary-glow);cursor:pointer}.rhythm-type-desc{pointer-events:none}*{-webkit-tap-highlight-color:transparent!important}#app-background-layer{position:absolute!important;inset:0;pointer-events:none;z-index:0}body{background-color:#0c0f17;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;min-height:100vh}.demo-device-frame{width:390px;height:800px;background:#080a0f;border:10px solid #1e293b;border-radius:36px;box-shadow:0 25px 50px -12px #000c,0 0 40px #6366f11a;position:relative;overflow:hidden!important;display:flex;flex-direction:column;padding:0!important}.demo-device-frame::-webkit-scrollbar,.app-container::-webkit-scrollbar{display:none}.demo-banner{margin-bottom:1.25rem;padding:.6rem 1rem;border-radius:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:#818cf8;font-family:Outfit,sans-serif;font-size:.85rem;text-align:center;max-width:390px;box-shadow:0 4px 12px #00000040}.app-container{position:relative!important;width:100%;height:100%;overflow-y:auto!important;overflow-x:hidden!important;gap:.5rem;padding-bottom:80px!important;box-sizing:border-box!important}.app-container>*:not(#app-background-layer):not(.mobile-header):not(.sample-group-overlay):not(#large-slider-overlay){margin-left:.08rem!important;margin-right:.08rem!important}.glass-panel{padding:.6rem;border-radius:10px}.mobile-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:.54rem .5rem!important;background:#080a0f!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;position:sticky!important;top:0!important;overflow:visible!important;z-index:100001!important;margin:0px 0px .4rem!important;width:100%!important}body.unified .mobile-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;margin:0!important;padding-left:.6rem!important;padding-right:.6rem!important;z-index:100001!important;box-sizing:border-box!important}@media(min-width:475px){body.unified .mobile-header{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media(min-width:600px){body.unified .mobile-header{padding-left:calc((100vw - var(--seq-card-max-width, calc(var(--app-max-width, 600px) - 3rem))) / 2)!important;padding-right:calc((100vw - var(--seq-card-max-width, calc(var(--app-max-width, 600px) - 3rem))) / 2)!important}}#library-filter-tag{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1.1rem!important;padding-right:1.85rem!important;padding-left:.55rem!important}.library-sig-filters button{cursor:pointer;font-family:inherit;outline:none;transition:opacity .2s,transform .1s,border-color .2s;display:inline-flex;align-items:center;justify-content:center}.library-sig-filters button:active{transform:scale(.95)}.logo-title{font-family:Josefin Sans,Outfit,sans-serif!important;font-weight:600!important;font-size:1.83rem!important;line-height:1!important;transform:translateY(1px)!important;background:linear-gradient(to right,#fff,#93c5fd)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 12px rgba(147,197,253,.4)!important;margin:0!important;letter-spacing:.042em!important;text-transform:uppercase!important;text-align:center!important;cursor:default!important;white-space:nowrap!important}#sequencer-grid-title{text-align:center!important;font-family:Trade Winds,Macondo,cursive!important;font-weight:400!important;font-size:calc(1.45rem * var(--title-scale, 1))!important;background:linear-gradient(135deg,var(--color-tone) 0%,var(--color-slap) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 15px rgba(245,158,11,.25)!important;margin-top:.2rem!important;margin-bottom:.75rem!important;letter-spacing:.05em!important;text-transform:none!important;cursor:pointer!important;transition:opacity .2s ease!important;display:block!important;width:100%!important}#sequencer-grid-title:hover{opacity:.8!important}.btn-title-icon{background:none!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.36rem!important;transition:color .15s!important;-webkit-tap-highlight-color:transparent!important}.btn-title-icon:hover{color:#fff!important}.menu-item-btn{background:#ffffff08!important;border:1px solid rgba(255,255,255,.05)!important;color:var(--text-muted)!important;padding:.75rem 1.2rem!important;font-size:.95rem!important;text-align:left!important;cursor:pointer!important;border-radius:8px!important;font-family:Outfit,sans-serif!important;font-weight:600!important;width:100%!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:.8rem!important;transition:all .2s ease!important}.menu-item-btn svg.menu-icon{flex-shrink:0!important;opacity:.85!important;transition:opacity .15s ease!important}.menu-item-btn:hover{background:#6366f11f!important;border-color:#6366f140!important;color:#fff!important}.menu-item-btn:hover svg.menu-icon{opacity:1!important}.demo-device-frame .controls-bar{position:absolute!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#080a0f!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;padding:.5rem .75rem!important;margin:0!important;z-index:1000!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:.5rem!important;box-shadow:0 -6px 20px #00000080!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-sizing:border-box!important;min-height:84px!important}.btn-play-large{width:69px!important;height:69px!important;border-radius:50%!important;background:var(--accent)!important;box-shadow:0 0 28px #10b9818c,0 4px 16px #00000080!important;flex-shrink:0!important}.btn-play-large svg{width:28px!important;height:28px!important}.tempo-display{font-size:2rem!important;font-weight:800!important;color:var(--text-main)!important;line-height:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}#bpm-val{display:inline-block!important;min-width:2.5ch!important;text-align:left!important}.bpm-label{font-size:.6rem!important;font-weight:700!important;color:var(--text-muted)!important;letter-spacing:.1em!important;text-transform:uppercase!important;margin-top:.1rem!important}.controls-group-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;gap:1rem!important}.tempo-slider-group{flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:0 1rem!important;min-width:0!important;max-width:calc(var(--seq-card-max-width, 552px) * .75)!important}.tempo-slider-group #bpm-range{flex:1!important;min-width:0!important}.bpm-adj-btn{width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.2)!important;background:#ffffff0f!important;color:#ffffffb3!important;font-size:1.25rem!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;padding:0!important;transition:background .15s ease,color .15s ease!important;user-select:none!important}body.light-theme .bpm-adj-btn,body.theme-afro-light .bpm-adj-btn{border-color:#00000029!important;background:#0000000a!important;color:var(--text-main)!important}body.light-theme .bpm-adj-btn:hover,body.theme-afro-light .bpm-adj-btn:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 45%,transparent)!important;color:var(--primary)!important}.bpm-adj-btn:hover{background:#ffffff1f!important;color:#fff!important;border-color:#ffffff59!important}.bpm-adj-btn:active{background:#10b98133!important;color:#10b981!important;border-color:#10b98180!important}.controls-group-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:.5rem!important;width:auto!important}.controls-group-right .btn{width:44px!important;height:44px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;flex-shrink:0!important;-webkit-tap-highlight-color:transparent!important}.controls-group-right svg{margin:0!important;width:18px!important;height:18px!important}.btn-play-large,.btn,.track-icon-wrapper,.drawer-btn,.drum-pad,.sample-group-popup-btn,.variation-btn{-webkit-tap-highlight-color:transparent!important}.btn-play-large:active,.btn:active{transform:scale(.95)!important;transition:transform .1s cubic-bezier(.25,1,.5,1)!important}.btn-play-large.btn-danger-round{background:#ef4444!important;box-shadow:0 0 28px #ef444480,0 4px 16px #00000080!important}.btn-settings{display:none!important}.sequencer-container{gap:.1rem!important;overflow-x:hidden}.track-lines-container{gap:.27rem!important}.beat-marker{top:-4px!important;bottom:-4px!important;border-left-color:#fff3!important}.track-row{padding:.18rem 8px!important;border-radius:14px!important;position:relative;display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;align-items:center!important;margin-bottom:.12rem!important;--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .07) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .01) 100%) !important;--row-card: rgba(10, 13, 20, .55) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .25) 0%, rgba(120, 120, 120, .08) 100%) !important;border:1px solid transparent!important;box-shadow:0 4px 15px #00000059,inset 0 1px #ffffff0d,0 0 6px hsla(var(--part-color-hsl, 243, 75%, 59%),.035)!important;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),opacity .3s ease,filter .3s ease!important}.track-row:hover{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .07) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .014) 100%) !important;--row-card: rgba(15, 20, 30, .65) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .35) 0%, rgba(140, 140, 140, .18) 100%) !important}.track-row.focused-track{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .105) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .021) 100%) !important;--row-card: rgba(15, 20, 32, .75) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .52) 0%, rgba(160, 160, 160, .27) 100%) !important;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14,0 0 12px hsla(var(--part-color-hsl, 243, 75%, 59%),.21)!important;filter:brightness(1.1)!important}.track-row.dimmed-track:not(.muted-track){opacity:.5!important;filter:brightness(.82)!important}.track-row.muted-track{opacity:.35!important;filter:brightness(.5) grayscale(1)!important;transition:opacity .25s ease,filter .25s ease}.sequencer-container.has-solo .track-row:not(.soloed-track){opacity:.55!important;filter:brightness(.75) saturate(.5)!important;transition:opacity .25s ease,filter .25s ease}.sequencer-container.has-solo .track-row.muted-track:not(.soloed-track){opacity:.38!important;filter:brightness(.6) saturate(.4)!important}.track-row.focused-track:not(.muted-track),.sequencer-container .track-row.focused-track:not(.muted-track),.sequencer-container.has-solo .track-row.focused-track:not(.muted-track){opacity:1!important;filter:brightness(1.1)!important}.track-row.focused-track.muted-track{opacity:1!important;filter:none!important}.track-row.focused-track.muted-track>.track-meta,.track-row.focused-track.muted-track>.track-lines-container{opacity:.35;filter:brightness(.5) grayscale(1)}.track-row.focused-track>.track-meta,.track-row.focused-track>.track-lines-container{transition:opacity .25s ease,filter .25s ease}.track-row.mute-handover,.track-row.mute-handover>.track-meta,.track-row.mute-handover>.track-lines-container{transition:none!important}.track-controls,.track-line-actions,.track-actions-right{display:none!important}.track-meta{width:28px!important;min-width:28px!important;border-right:none!important;padding-right:0!important;justify-content:flex-start!important}.track-info{justify-content:center!important;width:100%}.track-icon-wrapper{display:inline-flex!important;width:28px!important;height:28px!important;justify-content:center!important;align-items:center!important;background:#00000059!important;border:1px solid hsla(var(--part-color-hsl, 243, 75%, 59%),.25)!important;border-radius:8px!important;box-shadow:inset 0 1px 1px #ffffff0d,0 0 8px hsla(var(--part-color-hsl, 243, 75%, 59%),.25)!important;transition:transform .15s cubic-bezier(.25,1,.5,1),box-shadow .15s ease,border-color .15s ease!important;user-select:none!important;-webkit-user-select:none!important}.track-icon-wrapper:active{transform:scale(.82)!important;border-color:hsla(var(--part-color-hsl, 243, 75%, 59%),.65)!important;box-shadow:inset 0 1px 1px #ffffff0d,0 0 12px hsla(var(--part-color-hsl, 243, 75%, 59%),.5)!important}.track-icon-wrapper svg{display:block!important;width:18px!important;height:18px!important}.track-name{display:none!important}.steps-container{margin-left:8px!important;min-width:0!important;width:calc(100% - 22px)!important;height:22px!important;overflow:visible!important;padding-left:0!important;padding-right:0!important}.step-cell{width:14px!important;height:14px!important;border-radius:2px!important;border-width:.5px!important;transform:translateY(-50%) scale(1);transition:left .35s cubic-bezier(.25,1,.5,1)!important}.steps-container.subdiv-6 .step-cell{border-width:.25px!important}.steps-container.subdiv-6 .step-cell svg{width:100%!important;height:100%!important;transform:scale(1.15)!important}body.rhythm-12-8 .step-cell{width:12.6px!important;height:12.6px!important}.step-cell svg{display:none!important;width:7px!important;height:7px!important;pointer-events:none;transition:transform .25s cubic-bezier(.1,.8,.3,1),filter .25s!important}body.rhythm-12-8 .step-cell svg{width:6.3px!important;height:6.3px!important}.step-cell.strike-flash{animation:mobileStrikeFlash .28s cubic-bezier(.1,.8,.3,1) forwards!important}@keyframes mobileStrikeFlash{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.5));filter:brightness(calc(var(--pitch-brightness, 1) * 2.2))}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(var(--pitch-brightness, 1))}}body.theme-afro .step-cell.strike-flash,body.theme-afro-light .step-cell.strike-flash{animation:mobileStrikeFlashAfro .28s cubic-bezier(.1,.8,.3,1) forwards!important}@keyframes mobileStrikeFlashAfro{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.15));filter:brightness(calc(var(--pitch-brightness, 1) * 1.18))}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(var(--pitch-brightness, 1))}}.playhead-line{top:-2px!important;bottom:-2px!important}.track-meta button:not(.track-icon-wrapper){display:none!important}.demo-device-frame .modal-overlay{position:absolute!important;z-index:100;padding-top:60px!important;padding-bottom:95px!important;box-sizing:border-box!important}.demo-device-frame .modal-content{width:98%!important;padding:1rem .8rem!important;max-height:100%!important}.demo-device-frame #library-modal .modal-content.library-modal-content{max-height:100%!important}#solos-control-row,#breaks-control-row{margin-top:.5rem!important}.add-track-row{display:none!important}body.no-track-anim .track-drawer{transition:none!important}.track-icon-wrapper,.drawer-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body:not(.no-track-anim) .track-row.row-animating{transition:height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1),opacity .28s ease,background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),filter .3s ease!important}body:not(.no-track-anim) .track-row.row-anim-anchor{align-content:flex-start!important}body:not(.no-track-anim) .track-line-row.line-animating{transition:height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin-top .3s cubic-bezier(.4,0,.2,1)!important}.track-drawer{display:flex;align-items:center;justify-content:space-between;width:100%;height:0;opacity:0;overflow:hidden;margin-top:0;padding:0!important;box-sizing:border-box;gap:.5rem;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.track-row.focused-track .track-drawer{height:42px;opacity:1;margin-top:.2rem;padding:0 .2rem 0 36px!important}@media(max-width:400px){.track-row.focused-track .track-drawer{padding:0 .2rem!important}}.drawer-subdiv-select{width:42px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-light);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;text-align:center;outline:none;cursor:pointer;padding:0 .1rem;box-shadow:0 2px 5px #0003;flex-shrink:0}.drawer-subdiv-select option{background:var(--bg-card-opaque);color:var(--text-main)}.drawer-sample-group-select{width:70px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-light);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;text-align:center;outline:none;cursor:pointer;padding:0 .1rem;box-shadow:0 2px 5px #0003;flex-shrink:0}.drawer-sample-group-select option{background:var(--bg-card-opaque);color:var(--text-main)}.drawer-left-group{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.drawer-left{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.drawer-center{flex:1;display:flex;align-items:center;justify-content:center;padding:0 .25rem;min-width:0;gap:.35rem}.drawer-center .drawer-btn{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;width:auto!important;height:28px!important;padding:0 .2rem!important}.drawer-center .drawer-btn svg{width:18px!important;height:18px!important;transition:transform .2s ease!important}.drawer-center .drawer-btn:hover svg{transform:scale(1.15)!important}.drawer-center .drawer-btn:active svg{transform:scale(.85)!important}.drawer-right{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.track-drawer{position:relative}.drawer-btn.drawer-btn-ghost{transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s ease!important}.drawer-btn.drawer-btn-ghost.drawer-btn-ghost-out{transform:scale(.3);opacity:0}@keyframes drawerBtnIn{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.drawer-btn.drawer-btn-in{animation:drawerBtnIn .24s cubic-bezier(.34,1.4,.64,1)}.drawer-btn{width:28px;height:28px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s cubic-bezier(.25,1,.5,1),background-color .15s,border-color .15s,color .15s,box-shadow .15s!important;box-shadow:0 2px 5px #0003;flex-shrink:0}.drawer-btn:active{transform:scale(.85)!important}.drawer-btn.btn-add-part{background:#10b9811a;border-color:#10b98140;color:#10b981}.drawer-btn.btn-add-part:hover{background:#10b98133;border-color:#10b98166}.drawer-btn.btn-add-row{background:#6366f11a;border-color:#6366f140;color:#818cf8}.drawer-btn.btn-add-row:hover{background:#6366f133;border-color:#6366f166}.drawer-btn.btn-remove-row{background:#ef444414;border-color:#ef444433;color:#f87171;padding-bottom:3px}.drawer-btn.btn-remove-row:hover{background:#ef444426;border-color:#ef44444d}.drawer-btn.btn-subdiv{color:#fb923c!important}.drawer-btn.btn-subdiv:hover{color:#fdba74!important}.drawer-btn.btn-volume{color:#a78bfa!important}.drawer-btn.btn-volume:hover{color:#c084fc!important}.drawer-btn.btn-sample-group{color:#2dd4bf!important}.drawer-btn.btn-sample-group:hover{color:#5eead4!important}.drawer-btn.btn-mix{color:#f9a8d4!important}.drawer-btn.btn-mix:hover{color:#fce7f3!important}.sample-group-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:none;z-index:100000;justify-content:center;align-items:center}.demo-device-frame .sample-group-overlay{position:absolute}.sample-group-overlay.active{display:flex}.sample-group-popup{background:#181e30a7;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:1.25rem;width:calc(100% - 40px);max-width:300px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sample-group-popup-title{font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;color:var(--text-main);letter-spacing:.01em;text-align:center;margin-bottom:.75rem}.sample-group-popup input[type=range]{-webkit-appearance:none;appearance:none;height:20px!important;background:transparent!important;border-radius:0!important;outline:none}.sample-group-popup input[type=range]::-webkit-slider-runnable-track{height:4px!important;background:#ffffff26!important;border-radius:2px!important}.sample-group-popup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary-glow, rgba(99, 102, 241, .4));cursor:pointer;margin-top:-6px;transition:transform .1s ease}.sample-group-popup input[type=range]::-moz-range-track{height:4px!important;background:#ffffff26!important;border-radius:2px!important}.sample-group-popup input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:none;box-shadow:0 0 8px var(--primary-glow, rgba(99, 102, 241, .4));cursor:pointer}body.light-theme .sample-group-popup input[type=range]::-webkit-slider-runnable-track,body.theme-studio.light-theme .sample-group-popup input[type=range]::-webkit-slider-runnable-track{background:#0003!important}body.light-theme .sample-group-popup input[type=range]::-moz-range-track,body.theme-studio.light-theme .sample-group-popup input[type=range]::-moz-range-track{background:#0003!important}.sample-group-popup-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.sample-group-popup-btn{min-width:60px;padding:.5rem .75rem;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.sample-group-popup-btn:active{transform:scale(.95)}.sample-group-popup-btn.active{background:#14b8a633;border-color:#14b8a680;color:#2dd4bf;box-shadow:0 0 10px #14b8a640}.sample-group-popup-btn:hover:not(.active){background:#ffffff1a;border-color:#fff3}.sample-group-popup-btn.subdiv-popup-btn{font-size:1.15rem;padding:.75rem .85rem;min-width:68px}.subdiv-row-chips{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin:0 0 1.1rem}.subdiv-row-line{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.subdiv-section-title{font-size:.95rem;font-weight:700;color:var(--text-main);text-align:center;margin:.15rem 0 .55rem}.sample-group-popup-btn.subdiv-row-chip{position:relative;min-width:40px;padding:.5rem .6rem}.sample-group-popup-btn.subdiv-coded{position:relative}.sample-group-popup-btn.subdiv-row-chip.active,.sample-group-popup-btn.subdiv-popup-btn.active{box-shadow:none}.sample-group-popup-btn.subdiv-coded:after{content:"";position:absolute;left:22%;right:22%;bottom:4px;height:3px;border-radius:2px;background:var(--grid-c);pointer-events:none}.subdiv-title-with-help{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem}.sample-group-popup>.subdiv-title-with-help{z-index:20}.subdiv-title-with-help .humanise-tooltip{left:50%;transform:translate(-50%);width:260px;max-width:80vw;text-align:left;text-transform:none;letter-spacing:normal;font-weight:500}.subdiv-meter-desc{font-size:.8rem;font-weight:600;color:var(--text-main);text-align:center;line-height:1.4;margin:.75rem 0 .5rem;min-height:1.4em}.subdiv-example{position:relative;height:15px;margin:0 auto .2rem}.subdiv-example-band{position:absolute;top:0;bottom:0;border-radius:3px}.subdiv-example-band.odd{background:color-mix(in srgb,var(--text-main) 10%,transparent)}.subdiv-example-cell{position:absolute;top:3px;width:9px;height:9px;box-sizing:border-box;border-radius:2px;border:1px solid color-mix(in srgb,var(--text-main) 35%,transparent)}.subdiv-example-cell.first{background:color-mix(in srgb,var(--text-main) 45%,transparent)}.subdiv-row-note{font-size:.72rem;color:var(--text-muted);text-align:center;line-height:1.45;margin:.6rem 0 0}input[type=checkbox]{-webkit-appearance:none;appearance:none;flex-shrink:0;width:16px;height:16px;border:1.5px solid color-mix(in srgb,var(--text-main) 70%,transparent);border-radius:5px;background:color-mix(in srgb,var(--text-main) 9%,transparent);display:inline-grid;place-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:before{content:"";width:.62em;height:.62em;background:#fff;clip-path:polygon(14% 44%,0 60%,39% 100%,100% 18%,84% 4%,39% 69%)}input[type=checkbox]:disabled{opacity:.45;cursor:default}.mix-mode-btn.active{background:color-mix(in srgb,var(--primary) 26%,transparent)!important;border-color:var(--primary)!important;color:var(--text-main)!important}.sample-group-popup-btn.card-style{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;width:88px!important;height:76px!important;padding:.6rem!important;border-radius:12px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 10px #00000040!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.sample-group-popup-btn.card-style:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-2px)!important}.sample-group-popup-btn.card-style.active{background:#ffffff14!important;border-color:var(--theme-active-color, #2dd4bf)!important;box-shadow:0 4px 10px #00000040!important;transform:translateY(0)!important}.popup-btn-icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important}.popup-btn-icon-wrapper svg{width:28px!important;height:28px!important;display:block!important}.popup-btn-label{font-size:.72rem!important;font-weight:700!important;color:#ffffff80!important;text-align:center!important;white-space:normal!important;overflow-wrap:break-word;line-height:1.2;max-width:100%;white-space:nowrap!important;display:flex;align-items:center;justify-content:center}.sample-group-popup-btn.card-style.active .popup-btn-label{color:#fff!important}.lower-sections-grid{grid-template-columns:1fr!important;gap:1rem;margin-top:1.5rem!important;border-top:1.5px dashed var(--border-color);padding-top:1rem}.pads-grid{grid-template-columns:repeat(3,1fr)!important;gap:.45rem}.drum-pad{aspect-ratio:1.25;transition:transform .15s cubic-bezier(.25,1,.5,1),background-color .15s,border-color .15s,box-shadow .15s!important}.drum-pad:active{transform:scale(.9)!important;background:#ffffff0d!important}.drum-pad-key{display:none!important}.drum-pad-name{font-size:.72rem!important}.drum-pad-type{font-size:.58rem!important}.notation-output{min-height:120px!important;font-size:.7rem!important}body:has(.modal-overlay.active) .btn-title-icon,body:has(.sample-group-overlay.active) .btn-title-icon,body:has(#large-slider-overlay.active) .btn-title-icon{opacity:.35!important;transition:all .2s ease!important}body:has(#hamburger-menu.active) #btn-hamburger,body:has(#themes-modal.active) #btn-hamburger,body:has(#library-menu.active) #btn-library-icon,body:has(#library-modal.active) #btn-library-icon,body:has(#my-rhythms-modal.active) #btn-library-icon,body:has(#custom-swing-modal.active) #btn-swing-settings,body:has(#custom-humanise-modal.active) #btn-humanise-settings{opacity:1!important}#hamburger-menu,#library-menu,#library-modal,#my-rhythms-modal,#custom-swing-modal,#custom-humanise-modal,#themes-modal,#new-rhythm-modal{align-items:flex-start!important;padding-top:11vh!important}.demo-device-frame #hamburger-menu,.demo-device-frame #library-menu,.demo-device-frame #library-modal,.demo-device-frame #my-rhythms-modal,.demo-device-frame #custom-swing-modal,.demo-device-frame #custom-humanise-modal,.demo-device-frame #themes-modal,.demo-device-frame #new-rhythm-modal{padding-top:80px!important}.demo-device-frame #themes-modal{padding-bottom:45px!important}#hamburger-menu .modal-content,#library-menu .modal-content,#library-modal .modal-content,#my-rhythms-modal .modal-content,#custom-swing-modal .modal-content,#custom-humanise-modal .modal-content,#themes-modal .modal-content,#help-modal .modal-content,#new-rhythm-modal .modal-content{max-height:calc(100% - 20px)!important;display:flex!important;flex-direction:column!important}#hamburger-menu .modal-body,#library-menu .modal-body,#library-modal .modal-body,#my-rhythms-modal .modal-body,#custom-swing-modal .modal-body,#custom-humanise-modal .modal-body,#help-modal .modal-body,#themes-modal .modal-body,#new-rhythm-modal .modal-body{flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important}#custom-humanise-modal .modal-content{overflow:hidden!important;padding:1.25rem!important}#custom-humanise-modal .modal-body{-webkit-overflow-scrolling:touch;gap:.5rem!important;margin-bottom:.5rem!important}#custom-humanise-modal .humanise-slider-row{padding:12px .75rem!important;row-gap:2px!important}#custom-humanise-modal .humanise-slider-label{line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#custom-humanise-modal .humanise-slider-row{grid-template-columns:1fr auto!important}#custom-humanise-modal .humanise-slider-value{line-height:16px!important}#custom-humanise-modal .global-humanise-container{margin-bottom:5px!important;gap:9px!important}#themes-modal .modal-content{max-width:320px!important;width:85%!important}#themes-modal .modal-body{gap:.28rem!important;padding:.2rem 0!important}#themes-modal .menu-item-btn{padding:.5rem .95rem!important;font-size:.88rem!important}#themes-modal .theme-option-btn.preset-option-btn{padding:.4rem .75rem!important;font-size:.82rem!important;background:#ffffff05!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.04)!important}#themes-modal .theme-option-btn.preset-option-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}#themes-modal .theme-submenu{min-height:0!important;max-height:0!important;padding:0!important;gap:.35rem!important;margin-top:-.35rem!important;margin-bottom:0!important;border-left:3px solid transparent!important;opacity:0!important;overflow:hidden!important;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .3s ease,margin .3s ease!important;display:flex!important;flex-direction:column!important;margin-left:.75rem!important}#themes-modal .theme-submenu.expanded{max-height:340px!important;padding:.3rem .3rem .3rem .45rem!important;margin-top:.2rem!important;margin-bottom:.3rem!important;opacity:1!important;flex-shrink:0!important}#themes-modal #afro-submenu.expanded{border-left:3px solid #EB8F69!important;background:#eb8f6908!important;border-radius:6px!important}#themes-modal #afro-light-submenu.expanded{border-left:3px solid #85AF97!important;background:#85af9708!important;border-radius:6px!important}#themes-modal .modal-footer{margin-top:.25rem!important;padding-top:.15rem!important}#themes-modal .theme-option-btn .theme-check,#themes-modal .playhead-option-btn .playhead-check,#themes-modal .grid-option-btn .grid-check{display:none!important;color:var(--primary)!important;flex-shrink:0!important}#themes-modal .theme-option-btn.active .theme-check,#themes-modal .playhead-option-btn.active .playhead-check,#themes-modal .grid-option-btn.active .grid-check{display:block!important}#themes-modal .theme-option-btn.active.preset-option-btn .theme-check,#themes-modal .theme-option-btn.active:not([data-theme=afro]):not([data-theme=afro-light]):not(.preset-option-btn) .theme-check{color:#fff!important}#themes-modal .playhead-option-btn.active .playhead-check,#themes-modal .grid-option-btn.active .grid-check{color:var(--primary)!important}#themes-modal .cell-anim-btn .grid-check{display:none!important;color:var(--primary)!important;flex-shrink:0!important}#themes-modal .cell-anim-btn.active .grid-check{display:block!important;color:var(--primary)!important}#themes-modal .playhead-auto-detail{opacity:.6!important;font-size:.82em!important;font-weight:600!important;margin-left:.2rem!important;white-space:nowrap!important}#themes-modal .anim-auto-btn .grid-check{display:none!important;color:var(--primary)!important;flex-shrink:0!important}#themes-modal .anim-auto-btn.active .grid-check{display:block!important}#themes-modal .anim-children{display:flex;flex-direction:column;gap:.35rem;margin:.35rem 0 0}#themes-modal .anim-children .grid-option-btn.anim-inert{opacity:.45;pointer-events:none}#themes-modal .anim-children.anim-locked{opacity:.5;pointer-events:none}#hamburger-menu .modal-content,#custom-swing-modal .modal-content{max-width:550px!important;width:90%!important;padding:1.25rem 1.5rem!important}#custom-swing-modal .modal-body{gap:10px!important}#custom-swing-modal .modal-header{margin-bottom:1.1rem!important}#custom-swing-modal .global-swing-container{padding:8px .75rem!important;gap:4px!important}#custom-swing-modal .swing-timeline-wrapper{padding:.5rem .75rem!important;gap:.35rem!important}#custom-swing-modal .swing-timeline{height:24px!important}#custom-swing-modal .swing-sliders-grid{gap:0!important;background:#ffffff04;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border-color),0 2px 6px #0000002e}#custom-swing-modal .swing-sliders-grid .swing-slider-row{background:none!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important}#custom-swing-modal .swing-sliders-grid .swing-slider-row+.swing-slider-row{box-shadow:inset 0 1px 0 var(--border-color)!important}#custom-swing-modal .swing-slider-row{padding:6px 12px!important;gap:12px!important;height:40px;box-sizing:border-box}#hamburger-menu .modal-body{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.85rem!important;width:calc(100% + 16px)!important;padding:.4rem 8px calc(.4rem + 4px)!important;margin:0 -8px -4px!important}#hamburger-menu .menu-item-btn{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.4rem!important;padding:.8rem .5rem!important;min-height:85px!important;height:auto!important;font-size:1rem!important;white-space:normal!important}#hamburger-menu .menu-item-btn svg.menu-icon{margin:0!important;width:22px!important;height:22px!important}#hamburger-menu .menu-item-btn{background:color-mix(in srgb,var(--primary) 7%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 34%,transparent)!important;color:var(--text-main)!important;box-shadow:0 3px 6px -2px #00000038!important}body:not(.light-theme):not(.theme-afro-light) #hamburger-menu .menu-item-btn{box-shadow:0 3px 7px -2px #000000c7!important}html body #hamburger-menu .menu-item-btn:not(:hover){background:color-mix(in srgb,var(--text-main) 7%,transparent)!important;border-color:color-mix(in srgb,var(--text-main) 24%,transparent)!important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #hamburger-menu .menu-item-btn:not(:hover),html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #new-rhythm-modal .rhythm-type-btn:not(.active),html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #new-rhythm-modal .bar-count-btn:not(.active){background:#ffffff0b!important;border-color:#ffffff29!important}html body.light-theme #hamburger-menu .menu-item-btn:not(:hover){background:#ffffffc7!important;border-color:#0000000f!important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #hamburger-menu .menu-item-btn svg.menu-icon{color:color-mix(in srgb,var(--primary) 55%,#ffffff)!important}html body.theme-afro-light #hamburger-menu .menu-item-btn:not(:hover){background:color-mix(in srgb,#ffffff 68%,transparent)!important;border-color:var(--border-color, rgba(62, 22, 5, .25))!important}#hamburger-menu .menu-item-btn svg.menu-icon{color:var(--primary)!important;opacity:1!important}#hamburger-menu .menu-item-btn:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 60%,transparent)!important;color:var(--text-main)!important;box-shadow:0 5px 10px -2px #00000042!important}@media(max-width:380px),(max-height:680px){#hamburger-menu .modal-body{gap:.6rem!important;padding:.25rem 8px calc(.25rem + 4px)!important}#hamburger-menu .menu-item-btn{min-height:68px!important;padding:.55rem .4rem!important;font-size:.82rem!important;gap:.3rem!important}#hamburger-menu .menu-item-btn svg.menu-icon{width:18px!important;height:18px!important}}.step-cell.kenkeni-O{background:#288f58!important;border-color:#288f58!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #288f5840!important}.step-cell.kenkeni-X,.step-cell.kenkeni-C{background:#496e5b!important;border-color:#496e5b!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #496e5b33!important}.step-cell.kenkeni3-O{background:#248f68!important;border-color:#248f68!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #248f6840!important}.step-cell.kenkeni3-X,.step-cell.kenkeni3-C{background:#476b5e!important;border-color:#476b5e!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #476b5e33!important}.step-cell.kenkeni4-O{background:#218c77!important;border-color:#218c77!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #218c7740!important}.step-cell.kenkeni4-X,.step-cell.kenkeni4-C{background:#456861!important;border-color:#456861!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #45686133!important}.step-cell.sangban-O{background:#08c4c4!important;border-color:#08c4c4!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #08c4c440!important}.step-cell.sangban-X,.step-cell.sangban-C{background:#527a7a!important;border-color:#527a7a!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #527a7a33!important}.step-cell.sangban3-O{background:#05afd1!important;border-color:#05afd1!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #05afd140!important}.step-cell.sangban3-X,.step-cell.sangban3-C{background:#567981!important;border-color:#567981!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #56798133!important}.step-cell.sangban4-O{background:#0694db!important;border-color:#0694db!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0694db40!important}.step-cell.sangban4-X,.step-cell.sangban4-C{background:#5a7887!important;border-color:#5a7887!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #5a788733!important}.step-cell.dundunba-O{background:#5d93fd!important;border-color:#5d93fd!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #5d93fd40!important}.step-cell.dundunba-X,.step-cell.dundunba-C{background:#789ce2!important;border-color:#789ce2!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #789ce233!important}.step-cell.dundunba3-O{background:#81b5fe!important;border-color:#81b5fe!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #81b5fe40!important}.step-cell.dundunba3-X,.step-cell.dundunba3-C{background:#96b8e9!important;border-color:#96b8e9!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #96b8e933!important}.step-cell.dundunba4-O{background:#86c6fe!important;border-color:#86c6fe!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #86c6fe40!important}.step-cell.dundunba4-X,.step-cell.dundunba4-C{background:#9ac4ea!important;border-color:#9ac4ea!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #9ac4ea33!important}.step-cell.kenkeni_bell-O,.step-cell.kenkeni_bell-X{background:#289564!important;border-color:#289564!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #28956440!important}.step-cell.kenkeni_bell-C{background:#4b7160!important;border-color:#4b7160!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #4b716033!important}.step-cell.kenkeni3_bell-O,.step-cell.kenkeni3_bell-X{background:#21974e!important;border-color:#21974e!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #21974e40!important}.step-cell.kenkeni3_bell-C{background:#496e58!important;border-color:#496e58!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #496e5833!important}.step-cell.kenkeni4_bell-O,.step-cell.kenkeni4_bell-X{background:#2c9643!important;border-color:#2c9643!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #2c964340!important}.step-cell.kenkeni4_bell-C{background:#4e7456!important;border-color:#4e7456!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #4e745633!important}.step-cell.sangban_bell-O,.step-cell.sangban_bell-X{background:#0db5c5!important;border-color:#0db5c5!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0db5c540!important}.step-cell.sangban_bell-C{background:#547a7d!important;border-color:#547a7d!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #547a7d33!important}.step-cell.sangban3_bell-O,.step-cell.sangban3_bell-X{background:#0bcbbb!important;border-color:#0bcbbb!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #0bcbbb40!important}.step-cell.sangban3_bell-C{background:#56817d!important;border-color:#56817d!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #56817d33!important}.step-cell.sangban4_bell-O,.step-cell.sangban4_bell-X{background:#09d3a0!important;border-color:#09d3a0!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #09d3a040!important}.step-cell.sangban4_bell-C{background:#588479!important;border-color:#588479!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #58847933!important}.step-cell.dundunba_bell-O,.step-cell.dundunba_bell-X{background:#689ffd!important;border-color:#689ffd!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #689ffd40!important}.step-cell.dundunba_bell-C{background:#81a5e4!important;border-color:#81a5e4!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #81a5e433!important}.step-cell.dundunba3_bell-O,.step-cell.dundunba3_bell-X{background:#72b3fe!important;border-color:#72b3fe!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #72b3fe40!important}.step-cell.dundunba3_bell-C{background:#89b5e6!important;border-color:#89b5e6!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #89b5e633!important}.step-cell.dundunba4_bell-O,.step-cell.dundunba4_bell-X{background:#7ccafe!important;border-color:#7ccafe!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 15px) #7ccafe40!important}.step-cell.dundunba4_bell-C{background:#92c5e8!important;border-color:#92c5e8!important;box-shadow:0 0 calc(var(--vel-scale, .8) * 12px) #92c5e833!important}body.light-theme,body.theme-studio.light-theme{background-color:#f3efe6!important;--studio-note: #1f2937;--studio-note-dim: rgba(31, 41, 55, .4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23000000' stroke-width='1.5' stroke-opacity='0.035'%3E%3Cpolygon points='30,5 55,30 30,55 5,30'/%3E%3Ccircle cx='30' cy='30' r='3.5' fill='%23000000' fill-opacity='0.035' stroke='none'/%3E%3Cpath d='M0,0 L10,10 M60,0 L50,10 M0,60 L10,50 M60,60 L50,50 M30,0 v5 M30,55 v5 M0,30 h5 M55,30 h5'/%3E%3Cpolygon points='0,30 12,18 12,42' fill='%23000000' fill-opacity='0.015'/%3E%3Cpolygon points='60,30 48,18 48,42' fill='%23000000' fill-opacity='0.015'/%3E%3C/g%3E%3C/svg%3E")!important}body.light-theme .demo-device-frame,body.theme-studio.light-theme .demo-device-frame{background:transparent!important;border-color:#dcd7cd;box-shadow:0 25px 50px -12px #00000026,0 0 20px #6366f10d}body.light-theme .track-row,body.theme-studio.light-theme .track-row{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .1) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .02) 100%) !important;--row-card: rgba(255, 255, 255, .85) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .35) 0%, rgba(120, 120, 120, .15) 100%) !important;border:1px solid transparent!important;box-shadow:0 2px 8px #00000014!important}body.light-theme .track-row:hover,body.theme-studio.light-theme .track-row:hover{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .14) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .03) 100%) !important;--row-card: rgba(255, 255, 255, .9) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .45) 0%, rgba(120, 120, 120, .2) 100%) !important;--row-border-col: transparent !important;box-shadow:0 4px 12px #0000000d!important}body.light-theme .track-row.focused-track,body.theme-studio.light-theme .track-row.focused-track{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .18) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .04) 100%) !important;--row-card: rgba(248, 246, 238, .95) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .55) 0%, rgba(120, 120, 120, .25) 100%) !important;--row-border-col: rgba(99, 102, 241, .25) !important;box-shadow:0 4px 12px #6366f10f!important}body.light-theme .track-row.dimmed-track,body.theme-studio.light-theme .track-row.dimmed-track{opacity:.52!important;filter:contrast(.8) brightness(.9)!important}body.light-theme .track-icon-wrapper,body.theme-studio.light-theme .track-icon-wrapper{background:transparent!important;border-color:transparent!important;box-shadow:none!important}body.light-theme .step-cell,body.theme-studio.light-theme .step-cell{background:#0000000a!important;border-color:#00000014!important;color:var(--studio-note)!important}body.light-theme .step-cell.beat-start-empty,body.theme-studio.light-theme .step-cell.beat-start-empty,body.light-theme .step-cell.has-note,body.theme-studio.light-theme .step-cell.has-note,body.light-theme .step-cell.step-cell-composite,body.theme-studio.light-theme .step-cell.step-cell-composite{background:#0000000a!important;border-color:#00000014!important}body.light-theme .steps-container:before,body.theme-studio.light-theme .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.082 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.082 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.light-theme .steps-container,body.light-theme .steps-container.active-line,body.theme-studio.light-theme .steps-container,body.theme-studio.light-theme .steps-container.active-line{background:transparent!important}body.light-theme .beat-marker,body.theme-studio.light-theme .beat-marker{border-left-color:#00000026!important}body.light-theme .playhead-line,body.theme-studio.light-theme .playhead-line{background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.85) 30%,rgba(99,102,241,.85) 70%,transparent 100%)!important;box-shadow:-6px 0 10px #6366f126!important}body.light-theme .glass-panel,body.theme-studio.light-theme .glass-panel{background:#ffffffd1!important;border-color:#00000014!important;box-shadow:0 4px 18px #0000000f!important}body.light-theme .mobile-header,body.theme-studio.light-theme .mobile-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;box-shadow:0 4px 18px #0000000a!important}body.light-theme .hamburger-menu.glass-panel,body.theme-studio.light-theme .hamburger-menu.glass-panel{background:#f3efe6f7!important}body.light-theme .menu-item-btn,body.theme-studio.light-theme .menu-item-btn,body.theme-afro-light .menu-item-btn{background:#ffffffb8!important;border:1px solid var(--border-color, rgba(0, 0, 0, .12))!important;box-shadow:0 2px 6px #0000000f!important;color:var(--text-main, #374151)!important}body.light-theme .menu-item-btn:hover,body.theme-studio.light-theme .menu-item-btn:hover,body.theme-afro-light .menu-item-btn:hover{background:#fff!important;border-color:color-mix(in srgb,var(--primary) 45%,transparent)!important;color:var(--text-main, #1f2937)!important}body.light-theme .modal-content,body.theme-studio.light-theme .modal-content{background:#faf8f4!important;border:1px solid rgba(0,0,0,.12)!important;color:#1f2937!important}body.light-theme .modal-header,body.theme-studio.light-theme .modal-header{color:#1f2937!important;border-bottom:1px solid rgba(0,0,0,.08)!important}body.light-theme select,body.light-theme input[type=text],body.light-theme input[type=email],body.light-theme input[type=password],body.theme-studio.light-theme select,body.theme-studio.light-theme input[type=text],body.theme-studio.light-theme input[type=email],body.theme-studio.light-theme input[type=password]{background:#00000008!important;border:1px solid rgba(0,0,0,.1)!important;color:#1f2937!important}body.light-theme input[type=range],body.theme-studio.light-theme input[type=range]{background:transparent!important}body.light-theme input[type=range]::-webkit-slider-runnable-track,body.theme-studio.light-theme input[type=range]::-webkit-slider-runnable-track{background:#00000026!important}body.light-theme input[type=range]::-moz-range-track,body.theme-studio.light-theme input[type=range]::-moz-range-track{background:#00000026!important}body.light-theme #bpm-range::-webkit-slider-runnable-track,body.theme-studio.light-theme #bpm-range::-webkit-slider-runnable-track{background:#0003!important}body.light-theme #bpm-range::-moz-range-track,body.theme-studio.light-theme #bpm-range::-moz-range-track{background:#0003!important}body.light-theme .variations-popup,body.theme-studio.light-theme .variations-popup,body.light-theme .variations-popup-title,body.theme-studio.light-theme .variations-popup-title{color:#1f2937!important}body.light-theme .variations-popup-close,body.theme-studio.light-theme .variations-popup-close{color:#4b5563!important}body.light-theme .variations-popup-close:hover,body.theme-studio.light-theme .variations-popup-close:hover{color:#1f2937!important}body.light-theme .variations-section-title,body.theme-studio.light-theme .variations-section-title{color:#4b5563!important}body.light-theme .variation-btn,body.theme-studio.light-theme .variation-btn{background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important;color:#1f2937!important}body.light-theme .variation-btn:hover,body.theme-studio.light-theme .variation-btn:hover{background:#6366f126!important;border-color:#6366f14d!important}body.light-theme .variation-btn-icon,body.theme-studio.light-theme .variation-btn-icon{color:var(--studio-note)!important}body.light-theme .controls-bar,body.theme-studio.light-theme .controls-bar{background:#f3efe6f0!important;border-top:1px solid rgba(0,0,0,.08)!important;box-shadow:0 -8px 32px #0000000d!important}body.light-theme #solos-control-row,body.light-theme #breaks-control-row,body.light-theme #variations-control-row,body.light-theme #special-parts-control-row,body.theme-studio.light-theme #solos-control-row,body.theme-studio.light-theme #breaks-control-row,body.theme-studio.light-theme #variations-control-row,body.theme-studio.light-theme #special-parts-control-row{background:#ffffffd9!important;border:1px solid rgba(0,0,0,.08)!important}body.light-theme #solos-control-row>span,body.light-theme #breaks-control-row>span,body.light-theme #variations-control-row>span,body.light-theme #special-parts-control-row>span,body.theme-studio.light-theme #solos-control-row>span,body.theme-studio.light-theme #breaks-control-row>span,body.theme-studio.light-theme #variations-control-row>span,body.theme-studio.light-theme #special-parts-control-row>span{color:#374151!important}body.light-theme .logo-title,body.theme-studio.light-theme .logo-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#4f46e5!important}body.light-theme #sequencer-grid-title,body.theme-studio.light-theme #sequencer-grid-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#b45309!important}body.light-theme .btn,body.theme-studio.light-theme .btn{background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important;color:#374151!important}body.light-theme .btn:hover,body.theme-studio.light-theme .btn:hover{background:#00000014!important}body.light-theme .btn-primary,body.theme-studio.light-theme .btn-primary{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}body.light-theme .btn-primary:hover,body.theme-studio.light-theme .btn-primary:hover{background:#4338ca!important;border-color:#4338ca!important}body.light-theme .btn-accent,body.theme-studio.light-theme .btn-accent{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}body.light-theme .btn-accent:hover,body.theme-studio.light-theme .btn-accent:hover{background:#d97706!important;border-color:#d97706!important}body.light-theme .myrhythms-save-btn,body.theme-studio.light-theme .myrhythms-save-btn{background:#2f9e6e!important;border-color:#2f9e6e!important;color:#fff!important}body.light-theme .myrhythms-save-btn:hover,body.theme-studio.light-theme .myrhythms-save-btn:hover{background:#268a5e!important;border-color:#268a5e!important}body.light-theme #btn-trigger-call,body.theme-studio.light-theme #btn-trigger-call{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}body.light-theme #btn-trigger-call:hover,body.theme-studio.light-theme #btn-trigger-call:hover{background:#d1fae5!important}body.light-theme #btn-trigger-echauffement,body.theme-studio.light-theme #btn-trigger-echauffement{background:#fef2f2!important;border-color:#fca5a5!important;color:#b91c1c!important}body.light-theme #btn-trigger-echauffement:hover,body.theme-studio.light-theme #btn-trigger-echauffement:hover{background:#fee2e2!important}body.light-theme .btn-play-large,body.theme-studio.light-theme .btn-play-large{box-shadow:0 2px 8px #0000001f!important}body.light-theme .btn-play-large.btn-danger-round,body.theme-studio.light-theme .btn-play-large.btn-danger-round{background:#dc2626!important;box-shadow:0 2px 8px #0000001f!important}body.light-theme .btn-title-icon,body.theme-studio.light-theme .btn-title-icon{color:#374151!important}body.light-theme .btn-title-icon:hover,body.theme-studio.light-theme .btn-title-icon:hover{background:none!important}@media(hover:hover)and (pointer:fine){body.light-theme .btn-title-icon:hover,body.theme-studio.light-theme .btn-title-icon:hover{color:#fff!important}}body.light-theme .drawer-btn,body.theme-studio.light-theme .drawer-btn{background:#0000000a!important;border-color:#00000014!important;color:#4b5563!important}body.light-theme .drawer-btn:hover,body.theme-studio.light-theme .drawer-btn:hover{background:#00000014!important}body.light-theme .drawer-btn.btn-add-row,body.theme-studio.light-theme .drawer-btn.btn-add-row{background:#6366f10d!important;border-color:#6366f126!important;color:#4f46e5!important}body.light-theme .drawer-btn.btn-add-row:hover,body.theme-studio.light-theme .drawer-btn.btn-add-row:hover{background:#6366f11a!important}body.light-theme .drawer-btn.btn-remove-row,body.theme-studio.light-theme .drawer-btn.btn-remove-row{background:#dc26260d!important;border-color:#dc262626!important;color:#dc2626!important}body.light-theme .drawer-btn.btn-remove-row:hover,body.theme-studio.light-theme .drawer-btn.btn-remove-row:hover{background:#dc26261a!important}@media(max-width:768px),(pointer:coarse)and (max-width:1024px){body{padding:0!important;margin:0!important;overflow:hidden!important;width:100vw!important;height:100vh!important}.demo-banner{display:none!important}.demo-device-frame{width:100%!important;height:100%!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:.5rem .4rem!important;margin:0!important;position:fixed!important;inset:0!important}.glass-panel,.modal-overlay,.hamburger-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.demo-device-frame .controls-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:.5rem .75rem!important;margin:0!important;border-radius:0!important;border:none!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -6px 20px #00000080!important;background:#080a0f!important;z-index:100000!important;justify-content:flex-start!important;flex-wrap:nowrap!important;box-sizing:border-box!important;min-height:80px!important}.controls-group-left{width:auto!important;justify-content:flex-start!important;gap:.75rem!important}.controls-group-right{width:auto!important;justify-content:flex-end!important;gap:.5rem!important}.btn-play-large{width:63px!important;height:63px!important;flex-shrink:0!important}.btn-play-large svg{width:25px!important;height:25px!important}.tempo-control-wrapper{width:110px!important;flex-shrink:1!important}.tempo-display{font-size:1.25rem!important}.controls-group-right .btn{width:44px!important;height:44px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;flex-shrink:0!important}.controls-group-right svg{width:18px!important;height:18px!important}.app-container{padding-bottom:80px!important}@media(max-width:360px){.demo-device-frame .controls-bar{padding:.5rem .65rem!important;min-height:77px!important}.btn-play-large{width:58px!important;height:58px!important}.btn-play-large svg{width:23px!important;height:23px!important}.tempo-control-wrapper{width:105px!important}.tempo-display{font-size:1.3rem!important}.controls-group-right .btn{padding:.45rem .65rem!important;font-size:.8rem!important;height:38px!important}.controls-group-right svg{width:14px!important;height:14px!important}.app-container{padding-bottom:96px!important}}}@media(max-width:600px){.bpm-adj-btn{display:none!important}.tempo-slider-group{padding:0 .2rem!important;gap:0!important}.tempo-display{font-size:1.5rem!important}}@keyframes play-btn-pop{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1)}}.play-btn-pop{animation:play-btn-pop .25s cubic-bezier(.25,.8,.25,1.25)!important}.step-cell.beat-start-empty{background:#ffffff04!important;border-color:#ffffff0a!important}body.light-theme .step-cell.beat-start-empty{background:#00000014!important;border-color:#00000026!important}@media(max-width:768px){.variations-popup{width:90%!important;max-width:300px!important;max-height:85vh!important;box-sizing:border-box;gap:.35rem!important}.variation-btn{height:36px!important;width:42px!important;padding:.1rem!important}.variation-btn-icon{height:24px!important;transform:scale(1.3)!important}.variations-grid{gap:.25rem!important;justify-content:center!important}}@keyframes blinking{0%{opacity:1;transform:scale(1);filter:brightness(1.2)}50%{opacity:.5;transform:scale(.95);filter:brightness(.8)}to{opacity:1;transform:scale(1);filter:brightness(1.2)}}.blinking:not(.special-active):not(.btn-primary):not(.break-active):not(.queued-painted){border-color:var(--primary)!important;color:#fff!important;background:var(--primary)!important;box-shadow:0 0 10px var(--primary-glow)!important}.blinking{animation:blinking .8s infinite cubic-bezier(.4,0,.2,1)}.tuning-mixer-row{display:grid!important;grid-template-columns:24px 90px 1fr 50px!important;gap:.4rem!important;align-items:center!important}.volume-mixer-row{display:grid!important;grid-template-columns:100px 1fr 50px!important;gap:.4rem!important;align-items:center!important}.popup-tuning-container input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#ffffff26!important;border-radius:2px;outline:none;touch-action:none}.popup-tuning-container input[type=range]::-webkit-slider-runnable-track{height:4px;background:#ffffff26!important;border-radius:2px}.popup-tuning-container input[type=range]::-moz-range-track{height:4px;background:#ffffff26!important;border-radius:2px}.popup-tuning-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary-glow);cursor:pointer;margin-top:-6px;transition:transform .1s ease}.popup-tuning-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.popup-tuning-container input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:none;box-shadow:0 0 8px var(--primary-glow);cursor:pointer;transition:transform .1s ease}.popup-tuning-container input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}body.unified:not(.compact-notes) #sequencer-grid-card{width:var(--seq-card-max-width, 100%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}body.unified:not(.compact-notes) #sequencer-grid-card .track-name{display:none!important}body.unified:not(.compact-notes) #sequencer-grid-card .track-meta{width:28px!important;min-width:28px!important}body.unified:not(.compact-notes) #sequencer-grid-card .track-lines-container{min-width:0}body.unified:not(.compact-notes) #sequencer-grid-card .track-icon-wrapper svg{width:min(24px,calc(var(--desktop-cell-slot, 18px) * .75))!important;height:min(24px,calc(var(--desktop-cell-slot, 18px) * .75))!important}body.unified:not(.compact-notes) #sequencer-grid-card .steps-container{flex:0 0 auto!important;width:calc(var(--line-steps, 16) * var(--cell-slot-px, 18px))!important;max-width:100%!important;height:calc(var(--cell-slot-px, 18px) + 6px)!important}body.unified:not(.compact-notes) #sequencer-grid-card .step-cell{width:calc(var(--cell-slot-px, 18px) * .8)!important;height:calc(var(--cell-slot-px, 18px) * .8)!important}body.unified:not(.compact-notes) #sequencer-grid-card .step-cell-subdivided-sub{width:calc(var(--desktop-cell-slot, 18px) * var(--main-line-steps, 16) / var(--line-steps, 24) * .8)!important;height:calc(var(--desktop-cell-slot, 18px) * var(--main-line-steps, 16) / var(--line-steps, 24) * .8)!important}body.unified:not(.compact-notes) #sequencer-grid-card .step-cell svg{width:calc(var(--cell-slot-px, 18px) * .8 * .7)!important;height:calc(var(--cell-slot-px, 18px) * .8 * .7)!important}body.unified:not(.compact-notes) #sequencer-grid-card .step-cell-subdivided-sub svg{width:calc(var(--desktop-cell-slot, 18px) * var(--main-line-steps, 16) / var(--line-steps, 24) * .8 * .7)!important;height:calc(var(--desktop-cell-slot, 18px) * var(--main-line-steps, 16) / var(--line-steps, 24) * .8 * .7)!important}body.unified:not(.compact-notes) #sequencer-grid-card .step-cell .note-svg-djembe-S,body.unified:not(.compact-notes) #sequencer-grid-card .step-cell .note-svg-djembe-M{width:calc(var(--cell-slot-px, 18px) * .8 * .7 * 1.227)!important;height:calc(var(--cell-slot-px, 18px) * .8 * .7 * 1.227)!important}body.unified:not(.compact-notes) #sequencer-grid-card .step-cell-subdivided-sub .note-svg-djembe-S,body.unified:not(.compact-notes) #sequencer-grid-card .step-cell-subdivided-sub .note-svg-djembe-M{width:calc(var(--desktop-cell-slot, 18px) * var(--main-line-steps, 16) / var(--line-steps, 24) * .8 * .7 * 1.227)!important;height:calc(var(--desktop-cell-slot, 18px) * var(--main-line-steps, 16) / var(--line-steps, 24) * .8 * .7 * 1.227)!important}body.unified:not(.compact-notes) #sequencer-grid-card .triplet-bg-square{width:calc(var(--cell-slot-px, 18px) * .8)!important;height:calc(var(--cell-slot-px, 18px) * .8)!important}body.unified:not(.compact-notes) #sequencer-grid-card .flam-note-container{width:calc(var(--cell-slot-px, 18px) * .68)!important;height:calc(var(--cell-slot-px, 18px) * .68)!important;position:relative!important;flex-shrink:0!important}body.compact-notes .track-row{padding:.12rem 3px!important;border-radius:8px!important;margin-bottom:.08rem!important}body.compact-notes .track-meta{width:24px!important;min-width:24px!important}body.compact-notes .track-icon-wrapper{width:24px!important;height:24px!important;border-radius:6px!important}body.compact-notes .track-icon-wrapper svg{width:16px!important;height:16px!important}body.compact-notes .steps-container{margin-left:3px!important;width:calc(100% - 3px)!important;height:max(24px,var(--cell-h, 24px))!important}body.compact-notes .step-cell{width:19px!important;height:19px!important;border-radius:3px!important}body.theme-studio .studio-flam .studio-main{position:absolute;bottom:-4%;right:-6%;width:96%;height:96%;z-index:2}body.unified{padding:0;display:block}body.unified .app-container{height:100vh;padding:var(--mobile-header-height, 64px) .6rem 96px .6rem!important}@media(min-width:475px){body.unified .app-container{max-width:var(--app-max-width, 600px);margin:0 auto;padding:var(--mobile-header-height, 64px) 1.5rem 110px 1.5rem!important}body.unified:not(.compact-notes) .glass-panel:has(#sequencer-grid),body.unified:not(.compact-notes) .lower-sections-grid:has(#notation-text){width:var(--seq-card-max-width, 100%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}body.unified #sequencer-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important}body.unified .track-row,body.unified .add-track-row{width:auto!important;box-sizing:border-box!important}body.unified .controls-bar{position:fixed!important;z-index:100000!important;bottom:12px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:calc(var(--global-line-steps, 16) * var(--desktop-cell-slot, 18px) + 152px)!important;max-width:calc(100% - 3rem)!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important;padding:.6rem 1.5rem!important;gap:2.5rem!important;flex-wrap:nowrap!important;box-sizing:border-box!important}body.unified .step-cell,body.unified.compact-notes .step-cell,body.unified.theme-studio .step-cell{width:16px!important;height:16px!important;border-radius:3px!important;border-width:.5px!important}body.unified .step-cell-subdivided-sub,body.unified.compact-notes .step-cell-subdivided-sub,body.unified.theme-studio .step-cell-subdivided-sub{border-width:.25px!important}body.unified .triplet-bg-square,body.unified.compact-notes .triplet-bg-square,body.unified.theme-studio .triplet-bg-square{width:16px!important;height:16px!important;border-radius:3px!important}body.unified .step-cell svg{width:8px!important;height:8px!important}body.unified .steps-container,body.unified.compact-notes .steps-container,body.unified.theme-studio .steps-container{height:24px!important;width:calc(var(--line-steps, 16) * 18px)!important;max-width:100%!important;flex:none!important}body.unified .track-name{display:inline!important;font-size:.8rem}body.unified .track-meta{width:100px!important;min-width:100px!important}body.unified .lower-sections-grid{grid-template-columns:1fr!important}body.unified .pads-grid{grid-template-columns:repeat(4,1fr)!important}body.unified .modal-content{width:auto!important;min-width:400px}body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-first-note,body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-first-note,body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(2),body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(2){left:calc((16px + var(--square-2-left, 50%)) / 6)!important}body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-second-note,body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-second-note,body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(3),body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(3){left:calc((16px + var(--square-2-left, 50%)) / 2)!important}body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-third-note,body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-third-note,body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(4),body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(4){left:calc((16px + var(--square-2-left, 50%)) * 5 / 6)!important}body.unified .step-cell-triplet:not(.step-cell-composite) .triplet-badge,body.unified.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-badge{left:calc((16px + var(--square-2-left, 50%)) / 2)!important}body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-first-note,body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-first-note,body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(2),body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(2){left:calc((16px + var(--square-2-left, 50%)) / 6)!important}body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-second-note,body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-second-note,body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(3),body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(3){left:calc((16px + var(--square-2-left, 50%)) / 2)!important}body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-third-note,body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-third-note,body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(4),body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-sub-note:nth-child(4){left:calc((16px + var(--square-2-left, 50%)) * 5 / 6)!important}body.unified.theme-studio .step-cell-triplet:not(.step-cell-composite) .triplet-badge,body.unified.theme-studio.compact-notes .step-cell-triplet:not(.step-cell-composite) .triplet-badge{left:calc((16px + var(--square-2-left, 50%)) / 2)!important}}@media(min-width:1920px){body.unified{--app-max-width: min(31.25vw, 1400px)}}@media(min-width:2560px){body.unified:not(.compact-notes) #themes-modal .modal-content{max-width:min(620px,85vw)!important;width:min(620px,85vw)!important}body.unified:not(.compact-notes) #new-rhythm-modal .modal-content,body.unified:not(.compact-notes) #my-rhythms-modal .modal-content{max-width:min(760px,92vw)!important}body.unified:not(.compact-notes) .modal-content,body.unified:not(.compact-notes) #hamburger-menu .modal-content,body.unified:not(.compact-notes) #custom-swing-modal .modal-content,body.unified:not(.compact-notes) #custom-humanise-modal .modal-content,body.unified:not(.compact-notes) #themes-modal .modal-content,body.unified:not(.compact-notes) #new-rhythm-modal .modal-content,body.unified:not(.compact-notes) #my-rhythms-modal .modal-content{padding:2.2rem 2.5rem!important}body.unified:not(.compact-notes) .modal-header,body.unified:not(.compact-notes) #hamburger-menu .modal-header,body.unified:not(.compact-notes) #custom-swing-modal .modal-header,body.unified:not(.compact-notes) #custom-humanise-modal .modal-header,body.unified:not(.compact-notes) #themes-modal .modal-header{font-size:1.9rem!important;margin-bottom:1.4rem!important}body.unified:not(.compact-notes) .modal-body{gap:1rem!important}body.unified:not(.compact-notes) .modal-content .btn{font-size:1.1rem!important;padding:.65rem 1.4rem!important;min-height:46px!important}body.unified:not(.compact-notes) #hamburger-menu .menu-item-btn{min-height:110px!important;padding:1rem .75rem!important;font-size:1.2rem!important;gap:.6rem!important}body.unified:not(.compact-notes) #hamburger-menu .menu-item-btn svg.menu-icon{width:30px!important;height:30px!important}body.unified:not(.compact-notes) #custom-swing-modal .modal-body{gap:18px!important}body.unified:not(.compact-notes) #custom-swing-modal .global-swing-container{padding:14px 1.2rem!important;gap:8px!important}body.unified:not(.compact-notes) #custom-swing-modal label{font-size:1.05rem!important}body.unified:not(.compact-notes) #custom-swing-modal #swing-val{font-size:1.25rem!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-tabs-container{padding:.35rem!important;gap:.6rem!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-tab-btn{font-size:1.05rem!important;padding:.7rem 1rem!important;border-radius:8px!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-timeline-wrapper{padding:.9rem 1.2rem!important;gap:.7rem!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-timeline-label{font-size:.95rem!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-timeline{height:44px!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-timeline-dot{width:20px!important;height:20px!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-sliders-grid{gap:0!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-slider-row{grid-template-columns:110px 1fr 80px!important;padding:12px 1.2rem!important;gap:1.2rem!important;border-radius:10px!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-slider-label{font-size:1rem!important;line-height:20px!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-slider-value{font-size:1rem!important;line-height:20px!important}body.unified:not(.compact-notes) #custom-humanise-modal .modal-body{gap:1rem!important}body.unified:not(.compact-notes) #custom-humanise-modal .global-humanise-container{padding:14px 1.2rem!important;gap:8px!important}body.unified:not(.compact-notes) #custom-humanise-modal label{font-size:1.05rem!important}body.unified:not(.compact-notes) #custom-humanise-modal #humanise-val{font-size:1.25rem!important}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-row{grid-template-columns:1fr auto!important;padding:14px 1.3rem!important;column-gap:1.1rem!important;row-gap:4px!important;border-radius:12px!important}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-label{font-size:1rem!important;line-height:20px!important}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-value{font-size:1.05rem!important;line-height:20px!important}body.unified:not(.compact-notes) .modal-content input[type=range]{height:20px!important;accent-color:var(--primary)!important;cursor:pointer!important;background:transparent!important}body.unified:not(.compact-notes) .modal-content input[type=range]::-webkit-slider-thumb{width:16px!important;height:16px!important;margin-top:-6px!important}body.unified:not(.compact-notes) .modal-content input[type=range]::-moz-range-thumb{width:16px!important;height:16px!important}body.unified:not(.compact-notes) .modal-content input[type=range]::-webkit-slider-runnable-track{height:4px!important}body.unified:not(.compact-notes) .modal-content input[type=range]::-moz-range-track{height:4px!important}body.unified:not(.compact-notes) .modal-content select,body.unified:not(.compact-notes) .modal-content input[type=text],body.unified:not(.compact-notes) .modal-content input[type=number]{font-size:1.1rem!important;padding:.55rem .85rem!important;min-height:46px!important}body.unified:not(.compact-notes) .library-title{font-size:1.1rem!important}body.unified:not(.compact-notes) .meter-badge{font-size:.85rem!important;padding:.25rem .55rem!important}body.unified:not(.compact-notes) .tag-chip{font-size:.9rem!important;padding:.35rem .75rem!important}#library-body::-webkit-scrollbar,#my-rhythms-list::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:16px!important}}body.unified:not(.compact-notes) .logo-title{font-size:calc(1.2rem + (min(var(--desktop-cell-slot, 18px),40px) - 18px)*.33)!important}body.unified:not(.compact-notes) .btn-title-icon svg{width:calc(24px + (min(var(--desktop-cell-slot, 18px),40px) - 18px)/2)!important;height:calc(24px + (min(var(--desktop-cell-slot, 18px),40px) - 18px)/2)!important}body.unified:not(.compact-notes) .mobile-header{padding-top:calc(.45rem + (var(--desktop-cell-slot, 18px) - 18px) * .125)!important;padding-bottom:calc(.45rem + (var(--desktop-cell-slot, 18px) - 18px) * .125)!important}body.unified:not(.compact-notes) #sequencer-grid-title{font-size:calc((1.45rem + (var(--desktop-cell-slot, 18px) - 18px) * .5) * var(--title-scale, 1))!important}body.unified:not(.compact-notes) .tempo-display{font-size:calc(1.25rem + (var(--desktop-cell-slot, 18px) - 18px) * .375)!important}body.unified:not(.compact-notes) .controls-group-right .btn{width:calc(44px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important;height:calc(44px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important}body.unified:not(.compact-notes) #solos-control-row .btn,body.unified:not(.compact-notes) #breaks-control-row .btn,body.unified:not(.compact-notes) #variations-control-row .btn,body.unified:not(.compact-notes) #special-parts-control-row .btn{min-width:calc(28px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important;height:calc(28px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important;width:auto!important;flex:0 0 auto!important;padding:0!important;font-variant-numeric:tabular-nums;font-size:calc(12px + (var(--desktop-cell-slot, 18px) - 18px) * .25)!important;border-radius:calc(6px + (var(--desktop-cell-slot, 18px) - 18px) * .1)!important}body.unified:not(.compact-notes) #breaks-control-row .btn:not(.btn-add-compact),body.unified:not(.compact-notes) #special-parts-control-row .btn:not(.btn-add-compact),body.unified:not(.compact-notes) #solos-control-row .btn.btn-add-section:not(.btn-add-compact),body.unified:not(.compact-notes) #variations-control-row .btn.btn-add-section:not(.btn-add-compact),body.unified:not(.compact-notes) .btn.btn-add-section:not(.btn-add-compact){padding:0 calc(9px + (var(--desktop-cell-slot, 18px) - 18px) * .25)!important}body.unified:not(.compact-notes) #solos-control-row>span,body.unified:not(.compact-notes) #breaks-control-row>span,body.unified:not(.compact-notes) #variations-control-row>span,body.unified:not(.compact-notes) #special-parts-control-row>span{font-size:calc(13px + (var(--desktop-cell-slot, 18px) - 18px) * .25)!important}body.unified:not(.compact-notes) .controls-group-right svg{width:calc(18px + (var(--desktop-cell-slot, 18px) - 18px) * .33)!important;height:calc(18px + (var(--desktop-cell-slot, 18px) - 18px) * .33)!important}body.unified:not(.compact-notes) .pads-panel,body.unified:not(.compact-notes) .notation-container{width:var(--seq-card-max-width, 100%)!important;margin-left:auto!important;margin-right:auto!important}body.unified:not(.compact-notes) .drum-pad svg{width:calc(24px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important;height:calc(24px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important}body.unified:not(.compact-notes) .controls-bar{min-height:calc(84px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important;padding-top:calc(.5rem + (var(--desktop-cell-slot, 18px) - 18px) * .1)!important;padding-bottom:calc(.5rem + (var(--desktop-cell-slot, 18px) - 18px) * .1)!important}body.unified:not(.compact-notes) .btn-play-large{width:calc(69px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important;height:calc(69px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important}body.unified:not(.compact-notes) .btn-play-large svg{width:calc(28px + (var(--desktop-cell-slot, 18px) - 18px) * .42)!important;height:calc(28px + (var(--desktop-cell-slot, 18px) - 18px) * .42)!important}body.unified:not(.compact-notes) .tempo-control-wrapper{width:calc(130px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important}body.unified:not(.compact-notes) #hamburger-menu .modal-content{max-width:min(calc(var(--seq-card-max-width, 552px) * .65),88vw)!important;width:min(calc(var(--seq-card-max-width, 552px) * .65),88vw)!important}body.unified:not(.compact-notes) #library-modal .modal-content.library-modal-content{max-width:min(calc(var(--seq-card-max-width, 552px) * .98),95vw)!important;width:95vw!important}body.unified:not(.compact-notes) #custom-swing-modal .modal-content{max-width:min(calc(var(--seq-card-max-width, 552px) * .76),94vw)!important;width:min(calc(var(--seq-card-max-width, 552px) * .76),94vw)!important}body.unified:not(.compact-notes) #custom-humanise-modal .modal-content,body.unified:not(.compact-notes) #effects-modal .modal-content{max-width:min(calc(var(--seq-card-max-width, 552px) * .8),92vw)!important;width:min(calc(var(--seq-card-max-width, 552px) * .8),92vw)!important}body.unified:not(.compact-notes) .drum-pad-name{font-size:calc(.72rem + (var(--desktop-cell-slot, 18px) - 18px) * .3)!important}body.unified:not(.compact-notes) .drum-pad-type{font-size:calc(.58rem + (var(--desktop-cell-slot, 18px) - 18px) * .25)!important}body.unified:not(.compact-notes) #btn-quick-save{margin-left:calc(1.7rem + (var(--desktop-cell-slot, 18px) - 18px) * .25)!important}body.unified:not(.compact-notes) #btn-quick-save svg{width:calc(19px + (var(--desktop-cell-slot, 18px) - 18px) * .42)!important;height:calc(19px + (var(--desktop-cell-slot, 18px) - 18px) * .42)!important}body.unified:not(.compact-notes) .track-row.focused-track .track-drawer{height:min(50px,42px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important}body.unified:not(.compact-notes) .drawer-btn{width:min(30px,26px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!important;height:min(30px,26px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!important;font-size:calc(.78rem + (var(--desktop-cell-slot, 18px) - 18px) * .02)!important}body.unified:not(.compact-notes) .drawer-center .drawer-btn{height:min(30px,26px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!important}body.unified:not(.compact-notes) .drawer-left{gap:.45rem!important}body.unified:not(.compact-notes) .drawer-center{gap:.35rem!important}body.unified:not(.compact-notes) .drawer-center .drawer-btn svg{width:calc(16px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!important;height:calc(16px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!important}body.unified:not(.compact-notes) .drawer-left,body.unified:not(.compact-notes) .drawer-right{gap:.45rem!important}body.unified:not(.compact-notes) .drawer-center{gap:calc(.35rem + (var(--desktop-cell-slot, 18px) - 18px) * .015)!important}body.perf-lite .step-cell,body.perf-lite .step-cell svg{transition:none!important}body.perf-lite .steps-container,body.no-step-pulse .steps-container{transition:none!important}@keyframes phPass{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.35));filter:brightness(calc(var(--pitch-brightness, 1) * 2));background-color:#ffffff73;border-color:#fff9;box-shadow:0 0 10px #fff6}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(var(--pitch-brightness, 1))}}.step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet){animation:phPass .35s cubic-bezier(.1,.8,.3,1) forwards!important}.step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash){animation:phPass .35s cubic-bezier(.1,.8,.3,1) forwards!important}@keyframes phPassAfroDark{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.theme-afro:not(.theme-afro-light) .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-afro:not(.theme-afro-light) .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash){animation:phPassAfroDark .35s cubic-bezier(.1,.8,.3,1) forwards!important}@keyframes phPassLightCalm{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.15))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.theme-afro-light .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-afro-light .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash),body.light-theme .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.light-theme .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash){animation:phPassLightCalm .35s cubic-bezier(.1,.8,.3,1) forwards!important}.step-cell.ph-pass svg{filter:brightness(1.4)!important}body.theme-afro:not(.theme-afro-light) .step-cell.ph-pass svg,body.theme-afro-light .step-cell.ph-pass svg{filter:none!important}body.theme-afro:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg,body.theme-custom:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg{transform:scale(1.35)!important}body.theme-afro-light:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg,body.light-theme:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg,body.theme-studio.light-theme:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg{transform:scale(1.1)!important}body.theme-afro.blend-note-fill .track-row .step-cell.has-note.ph-pass svg,body.theme-custom.blend-note-fill .track-row .step-cell.has-note.ph-pass svg{transform:scale(1.35)!important}body.theme-afro-light.blend-note-fill .track-row .step-cell.has-note.ph-pass svg{transform:scale(1.1)!important}body.theme-studio .step-cell.has-note.ph-pass svg,body.theme-tinted .step-cell.has-note.ph-pass svg{transform:scale(1.35)!important}body.theme-afro .track-row .step-cell.has-note.ph-pass svg,body.theme-afro-light .track-row .step-cell.has-note.ph-pass svg{transform:scale(1.15)!important}.triplet-bg-square{transition:left .35s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.1,.8,.3,1),filter .2s!important}.triplet-bg-square.ph-pass{transform:translate(-50%,-50%) scale(1.15)!important;filter:brightness(1.4)!important}.triplet-first-note,.triplet-second-note,.triplet-third-note,.triplet-sub-note{transition:transform .2s cubic-bezier(.1,.8,.3,1),filter .2s!important}.triplet-first-note.ph-pass,.triplet-second-note.ph-pass,.triplet-third-note.ph-pass,.triplet-sub-note.ph-pass{transform:translate(-50%,-50%) scale(1.15)!important;filter:brightness(1.4)!important}body.light-theme .triplet-bg-square.ph-pass,body.theme-studio.light-theme .triplet-bg-square.ph-pass,body.light-theme .triplet-first-note.ph-pass,body.light-theme .triplet-second-note.ph-pass,body.light-theme .triplet-third-note.ph-pass,body.light-theme .triplet-sub-note.ph-pass{transform:translate(-50%,-50%) scale(1.15)!important;filter:none!important}@keyframes phPassLite{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.35));background-color:#fff6;border-color:#ffffff80}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.perf-lite .playhead-line{display:none!important}body.perf-lite .step-cell.current-beat-highlight:not(.has-note),body.theme-studio.perf-lite .step-cell.has-note.current-beat-highlight,body.perf-lite .step-cell.step-cell-composite.current-beat-highlight{background-color:#6366f159!important;border-color:#818cf8bf!important;box-shadow:0 0 8px #6366f14d!important}body.perf-lite .step-cell-subdivided-sub.current-beat-highlight{background-color:#6366f159!important;border-color:#818cf8bf!important;box-shadow:0 0 8px #6366f14d!important}body:not(.theme-studio).perf-lite .step-cell.has-note.current-beat-highlight{border-color:#fffffff2!important;box-shadow:0 0 12px #fff9,inset 0 0 6px #ffffff4d!important;filter:brightness(1.35)!important}body:not(.theme-studio) .steps-container.active-line{background:transparent!important;border-color:transparent!important;box-shadow:none!important}body.theme-studio .steps-container.active-line{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.steps-container.dim-line{opacity:.35!important;transition:opacity .25s ease}body.theme-afro .steps-container.dim-line:not(.loop-row-dim),body.theme-custom .steps-container.dim-line:not(.loop-row-dim){opacity:1!important;filter:brightness(.5)!important;transition:opacity .25s ease,filter .25s ease}body.light-theme .steps-container.dim-line:not(.loop-row-dim),body.theme-studio.light-theme .steps-container.dim-line:not(.loop-row-dim),body.theme-afro-light .steps-container.dim-line:not(.loop-row-dim){opacity:1!important;filter:none!important;transition:opacity .25s ease,filter .25s ease}body.light-theme:not(.blend-note-fill) .steps-container.dim-line:not(.loop-row-dim)>.step-cell.has-note,body.theme-studio.light-theme:not(.blend-note-fill) .steps-container.dim-line:not(.loop-row-dim)>.step-cell.has-note,body.theme-afro-light:not(.blend-note-fill) .steps-container.dim-line:not(.loop-row-dim)>.step-cell.has-note{opacity:.45}body.light-theme .steps-container.dim-line:not(.loop-row-dim):before,body.theme-studio.light-theme .steps-container.dim-line:not(.loop-row-dim):before,body.theme-afro-light .steps-container.dim-line:not(.loop-row-dim):before{opacity:.45}body.theme-studio .variation-btn-icon{position:relative!important;width:26px!important;height:26px!important;transform:none!important;margin:0 auto!important;color:var(--studio-note, #c9ced8)}body.theme-studio .variation-btn-icon svg{display:block!important}.btn-title-icon svg{width:24px!important;height:24px!important}@keyframes partQueueFlash{0%,to{opacity:1}50%{opacity:.35}}#btn-trigger-call.btn-part-queued,#btn-trigger-echauffement.btn-part-queued{animation:partQueueFlash .55s ease-in-out infinite!important}#btn-trigger-call.blinking{background:#10b9814d!important;border-color:#10b98199!important;color:#10b981!important;box-shadow:0 0 10px #10b98159!important}#btn-trigger-call.btn-call-on{background:#10b981!important;border-color:#10b981!important;color:#04251a!important}#btn-trigger-echauffement.btn-ech-on{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.track-row.part-call-active{--part-color-hsl: 152, 60%, 42% !important;outline:1px solid rgba(16,185,129,.4);outline-offset:-1px}.track-row.part-call-active .track-icon-wrapper{color:#10b981!important;border-color:#10b98180!important}.track-row.part-ech-active{--part-color-hsl: 8, 85%, 55% !important;outline:1px solid rgba(239,68,68,.4);outline-offset:-1px}.track-row.part-ech-active .track-icon-wrapper{color:#ef4444!important;border-color:#ef444480!important}.track-row.part-var-active{--part-color-hsl: 45, 93%, 58% !important;outline:1px solid rgba(245,158,11,.4);outline-offset:-1px}.track-row.part-var-active .track-icon-wrapper{color:#f59e0b!important;border-color:#f59e0b80!important}.track-row.part-break-active,.track-row.part-intro-active{--part-color-hsl: 38, 92%, 52% !important;outline:1px solid rgba(245,158,11,.4);outline-offset:-1px}.track-row.part-break-active .track-icon-wrapper,.track-row.part-intro-active .track-icon-wrapper{color:#f59e0b!important;border-color:#f59e0b80!important}body.theme-afro .track-row.part-var-active,body.theme-afro-light .track-row.part-var-active{--part-color-hsl: var(--variation-hsl, 162, 28%, 42%) !important;outline:1px solid color-mix(in srgb,var(--variation-color, var(--accent)) 48%,transparent)!important}body.theme-afro .track-row.part-var-active .track-icon-wrapper,body.theme-afro-light .track-row.part-var-active .track-icon-wrapper{color:var(--variation-color, var(--accent))!important;border-color:color-mix(in srgb,var(--variation-color, var(--accent)) 50%,transparent)!important}body.theme-afro-light .track-row.part-var-active{--row-card: color-mix(in srgb, var(--variation-color, var(--accent)) 15%, #ffffff) !important;--row-top: initial !important;--row-edge: initial !important;outline:1px solid color-mix(in srgb,var(--variation-color, var(--accent)) 45%,transparent)!important}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#f8fafc;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:Outfit,Inter,sans-serif;opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s}.demo-device-frame .loading-screen{position:absolute;width:100%;height:100%;border-radius:32px}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:10;padding:2rem}.loading-spinner-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.loading-spinner{width:70px;height:70px;border:3.5px solid rgba(249,115,22,.1);border-top:3.5px solid #f97316;border-radius:50%;animation:loading-spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite}.loading-spinner-inner{position:absolute;width:46px;height:46px;border:2.5px solid rgba(56,189,248,.1);border-bottom:2.5px solid #38bdf8;border-radius:50%;animation:loading-spin .9s cubic-bezier(.5,.1,.5,.9) infinite reverse}.loading-title{font-family:Josefin Sans,Outfit,sans-serif;font-size:1.9rem;font-weight:600;letter-spacing:.126em;text-transform:uppercase;margin:0;background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(129,140,248,.15)}.loading-status{font-size:.85rem;font-weight:500;color:#94a3b8;letter-spacing:.05em;min-height:1.2rem;transition:color .3s ease}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{position:absolute;inset:0;z-index:100002;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080a0f;transition:opacity .4s ease}body.unified .loading-screen{position:fixed}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner-container{position:relative;width:64px;height:64px}.loading-spinner,.loading-spinner-inner{position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.loading-spinner{border-top-color:#f97316;animation:loadspin 1s linear infinite}.loading-spinner-inner{inset:10px;border-bottom-color:#38bdf8;animation:loadspin 1.4s linear infinite reverse}@keyframes loadspin{to{transform:rotate(360deg)}}.loading-title{font-family:Josefin Sans,Outfit,sans-serif;font-weight:600;font-size:1.5rem;letter-spacing:.126em;text-transform:uppercase;color:#e2e5ea}.loading-status{font-size:.85rem;color:#9ca3af}.loading-screen{background:url(Djembes_Hero_10.webp) center 15% / auto 85% no-repeat,#0a0f1e;justify-content:flex-end}.loading-screen .loading-title{font-size:2.4rem;background:linear-gradient(to bottom,#a8d8ff,#38bdf8 40%,#0ea5e9,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.loading-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000 30%,#0000008c,#000000d1);pointer-events:none;z-index:1}.loading-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#0000000d 22%,#000000e0);pointer-events:none;z-index:1}.loading-content{position:relative;z-index:2;padding-bottom:2.5rem;animation:ld-fade .7s ease both}@media(max-width:768px){.loading-screen{background-position:center top}.loading-screen:before{background:linear-gradient(to bottom,#0000 55%,#0009 80%,#000000d9)}.loading-content{padding-bottom:clamp(2rem,9.4dvh,5.5rem)}}@media(min-width:769px){.loading-screen .loading-title{font-size:clamp(3.5rem,4.5vw,5.5rem);letter-spacing:.135em}.loading-status{font-size:1.05rem}.loading-spinner-container{width:96px;height:96px}.loading-content{gap:1.5rem;padding-bottom:.5rem}}@keyframes ld-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body.theme-studio{--studio-note: #c9ced8;--studio-note-dim: rgba(201, 206, 216, .45)}.theme-option-btn{display:flex;align-items:center}.theme-option-btn .theme-check{display:none;color:var(--primary);flex-shrink:0}.theme-option-btn.active .theme-check{display:block}body.theme-studio .logo-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#e2e5ea!important;text-shadow:none!important}body.theme-studio #sequencer-grid-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#d9b27c!important;text-shadow:none!important}body.theme-studio .track-row{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .055) 0%, hsla(var(--part-color-hsl, 243, 75%, 59%), .01) 100%) !important;--row-card: rgba(10, 13, 20, .55) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 243, 75%, 59%), .22) 0%, rgba(120, 120, 120, .07) 100%) !important;box-shadow:0 2px 10px #0000004d!important}body.theme-studio .track-icon-wrapper{box-shadow:none!important;border-color:hsla(var(--part-color-hsl, 243, 75%, 59%),.35)!important}body.theme-studio .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(214,222,255) l calc(c * var(--zebra-sat, 1)) h / calc(.05 * var(--stripe-k, 1))) 0,oklch(from rgb(214,222,255) l calc(c * var(--zebra-sat, 1)) h / calc(.05 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))}body.theme-studio .beat-marker{display:none!important}body.rhythm-9-8.theme-studio .steps-container,body.rhythm-9-8.theme-studio .steps-container.active-line,body.rhythm-9-8.light-theme .steps-container,body.rhythm-9-8.theme-studio.light-theme .steps-container{background:transparent!important}body.rhythm-9-8.theme-studio .beat-zone-1{background:#ffffff0d;border-radius:4px 0 0 4px}body.rhythm-9-8.theme-studio .beat-zone-2{background:#ffffff03}body.rhythm-9-8.theme-studio .beat-zone-3{background:#ffffff0d;border-radius:0 4px 4px 0}body.rhythm-9-8.theme-studio .steps-container.active-line .beat-zone-1{background:#ffffff0e}body.rhythm-9-8.theme-studio .steps-container.active-line .beat-zone-2{background:#ffffff04}body.rhythm-9-8.theme-studio .steps-container.active-line .beat-zone-3{background:#ffffff0e}body.rhythm-9-8.light-theme .beat-zone-1,body.rhythm-9-8.theme-studio.light-theme .beat-zone-1{background:#0000000e;border-radius:4px 0 0 4px}body.rhythm-9-8.light-theme .beat-zone-2,body.rhythm-9-8.theme-studio.light-theme .beat-zone-2{background:#00000005}body.rhythm-9-8.light-theme .beat-zone-3,body.rhythm-9-8.theme-studio.light-theme .beat-zone-3{background:#0000000e;border-radius:0 4px 4px 0}body.theme-studio .step-cell{background:#ffffff05!important;border-color:#ffffff17!important;box-shadow:none!important;color:var(--studio-note)!important;border-radius:3px!important}body.theme-studio .step-cell.beat-start-empty{background:#ffffff0b!important;border-color:#ffffff29!important}body.theme-studio .step-cell.has-note{border-color:#ffffff38!important}body.theme-studio .step-cell svg{display:block!important;width:92%!important;height:92%!important}body.theme-studio .studio-flam{position:relative;display:block;width:100%;height:100%}body.theme-studio .studio-flam .studio-grace{position:absolute;top:-22%;left:-22%;width:64%;height:64%;opacity:.55;z-index:1}body.theme-studio .studio-flam .studio-main{position:absolute;bottom:-6%;right:-10%;width:88%;height:88%;z-index:2}body.theme-studio .studio-roll{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:1px}body.theme-studio .studio-roll>span{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}body.theme-studio .studio-roll>span:last-child{opacity:.8}body.theme-studio .studio-triplet{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}body.theme-studio .studio-triplet>span{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}body.theme-studio .studio-triplet .studio-badge3{position:absolute;top:-40%;right:-20%;flex:none;font-size:8px;font-weight:700;color:var(--studio-note-dim);line-height:1}body.theme-studio .studio-flam svg,body.theme-studio .studio-roll svg,body.theme-studio .studio-triplet svg{width:100%!important;height:100%!important}body.theme-studio .step-cell.step-cell-composite{background:#ffffff0e!important;border-color:#ffffff38!important}.playhead-line{left:0!important;will-change:transform!important}body.theme-studio .playhead-line{width:3px!important;background:linear-gradient(180deg,transparent 0%,rgba(226,229,234,.85) 30%,rgba(226,229,234,.85) 70%,transparent 100%)!important;box-shadow:-6px 0 10px #e2e5ea1f!important;border-radius:2px}body.theme-studio #breaks-control-row,body.theme-studio #special-parts-control-row{background:var(--bg-glass)!important;border:1px solid var(--border-color)!important}body.theme-studio #solos-control-row>span,body.theme-studio #breaks-control-row>span,body.theme-studio #variations-control-row>span,body.theme-studio #special-parts-control-row>span{color:var(--text-muted)!important;text-transform:none!important;letter-spacing:.02em!important}body.theme-studio .btn,body.theme-studio .btn-primary,body.theme-studio .btn-play-large{box-shadow:none!important}body.theme-studio .demo-device-frame{box-shadow:0 25px 50px -12px #000c!important}body.theme-studio.light-theme{--studio-note: #3f4756;--studio-note-dim: rgba(63, 71, 86, .5)}body.theme-studio.light-theme .logo-title{-webkit-text-fill-color:#1f2530!important}body.theme-studio.light-theme #sequencer-grid-title{-webkit-text-fill-color:#8a6a3a!important}body.theme-studio.light-theme .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.082 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.082 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))}body.theme-studio.light-theme .step-cell{background:#00000009!important;border-color:#00000026!important}body.theme-studio.light-theme .step-cell.beat-start-empty{background:#00000014!important;border-color:#00000040!important}body.theme-studio.light-theme .step-cell.has-note,body.theme-studio.light-theme .step-cell.step-cell-composite{border-color:#0000004d!important}body.theme-studio.light-theme .playhead-line{background:linear-gradient(180deg,transparent 0%,rgba(30,41,59,.8) 30%,rgba(30,41,59,.8) 70%,transparent 100%)!important;box-shadow:none!important}body.disable-blur .glass-panel,body.disable-blur .mobile-header,body.disable-blur .controls-bar,body.disable-blur .modal-overlay,body.disable-blur .modal-content,body.disable-blur .variations-popup{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.disable-blur:not(.light-theme):not(.theme-afro-light) .glass-panel{background:#0b0e15!important}body.disable-blur:not(.light-theme):not(.theme-afro-light) .controls-bar{background:#07090e!important}body.disable-blur:not(.light-theme):not(.theme-afro-light) .modal-content{background:#10141d!important}body.disable-blur:not(.light-theme):not(.theme-afro-light) .variations-popup{background:#10141d!important}body.disable-blur.light-theme .glass-panel,body.disable-blur.light-theme .modal-content,body.disable-blur.light-theme .variations-popup{background:#fff!important}body.disable-blur.light-theme .controls-bar{background:#f4f6fa!important}body.disable-blur .glass-panel,body.disable-blur .track-row,body.disable-blur .controls-bar{box-shadow:none!important}body.perf-lite .step-cell.strike-flash{animation:liteStrikeFlash .22s ease-out forwards!important}@keyframes liteStrikeFlash{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.35))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.compact-notes .app-container{padding-left:.3rem!important;padding-right:.3rem!important}body.compact-notes .glass-panel:has(#sequencer-grid){padding-left:.2rem!important;padding-right:.2rem!important}body.compact-notes #sequencer-grid-title{margin-bottom:.45rem!important}body.compact-notes .track-row{padding:.12rem 2px!important;border-radius:8px!important;margin-bottom:.08rem!important}body.compact-notes .track-meta{width:22px!important;min-width:22px!important}body.compact-notes .track-icon-wrapper{width:22px!important;height:22px!important;border-radius:6px!important}body.compact-notes .track-icon-wrapper svg{width:15px!important;height:15px!important}body.compact-notes .steps-container{margin-left:2px!important;width:calc(100% - 2px)!important;height:max(24px,var(--cell-h, 24px))!important}body.compact-notes .step-cell,body.unified.compact-notes .step-cell,body.compact-notes.theme-studio .step-cell,body.unified.compact-notes.theme-studio .step-cell{width:clamp(12px,calc(100%/max(var(--line-steps, 16),12)*(.84 + .06*clamp(0,(var(--line-steps, 16) - 12) / 4,1))),34px)!important;height:auto!important;aspect-ratio:1 / 1;border-radius:3px!important}body.compact-notes .step-cell svg{width:92%!important;height:92%!important}body.compact-notes .track-lines-container{gap:.22rem!important}body.compact-notes:not(.theme-studio) .step-cell,body.unified.compact-notes:not(.theme-studio) .step-cell{width:clamp(11px,calc(100%/max(var(--line-steps, 16),12)*(.81 + .06*clamp(0,(var(--line-steps, 16) - 12) / 4,1))),32px)!important}body.compact-notes .track-meta{width:27px!important;min-width:27px!important}body.compact-notes .track-icon-wrapper{width:26px!important;height:26px!important;border-radius:7px!important}body.compact-notes .track-icon-wrapper svg{width:18px!important;height:18px!important}body.compact-notes .steps-container{margin-left:3px!important;width:calc(100% - 3px)!important}body.compact-notes .logo-title{font-size:clamp(1.05rem,5.5vw,1.4rem)!important;letter-spacing:clamp(.02em,.08em,.08em)!important;min-width:0!important;flex-shrink:1!important}body.compact-notes .lower-sections-grid{min-width:0!important}body.compact-notes .pads-panel,body.compact-notes .notation-container{min-width:0!important;padding-left:.3rem!important;padding-right:.3rem!important}body.compact-notes .pads-grid{min-width:0!important}body.compact-notes .notation-output{min-width:0!important;width:100%!important;box-sizing:border-box!important}.variations-popup-header{padding-bottom:.6rem!important;margin-bottom:.65rem!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.variations-popup-title{font-family:Outfit,sans-serif!important;font-weight:700!important;font-size:.95rem!important;letter-spacing:.02em!important}body.theme-tinted .step-cell.djembe-B{color:#92b9f0!important}body.theme-tinted .step-cell.djembe-T{color:#e7c483!important}body.theme-tinted .step-cell.djembe-S{color:#ee9a93!important}body.theme-tinted .step-cell.djembe-M{color:#c5a9eb!important}body.theme-tinted .step-cell.dunun-O,body.theme-tinted .step-cell.dunun-C,body.theme-tinted .step-cell.dunun-X{color:#94d6b4!important}body.theme-tinted .step-cell.bell-O,body.theme-tinted .step-cell.bell-X,body.theme-tinted .step-cell.bell-C{color:#8fd2e3!important}body.theme-tinted .step-cell.shekere-O,body.theme-tinted .step-cell.shekere-X{color:#d8d298!important}body.theme-tinted .note-svg-djembe-B{color:#92b9f0!important}body.theme-tinted .note-svg-djembe-T{color:#e7c483!important}body.theme-tinted .note-svg-djembe-S{color:#ee9a93!important}body.theme-tinted .note-svg-djembe-M{color:#c5a9eb!important}body.theme-tinted .note-svg-dunun-O,body.theme-tinted .note-svg-dunun-X,body.theme-tinted .note-svg-dunun-C{color:#94d6b4!important}body.theme-tinted .note-svg-bell-O,body.theme-tinted .note-svg-bell-X,body.theme-tinted .note-svg-bell-C{color:#8fd2e3!important}body.theme-tinted .note-svg-shekere-O,body.theme-tinted .note-svg-shekere-X{color:#d8d298!important}body.theme-tinted .step-cell.step-cell-composite{color:hsla(var(--part-color-hsl, 220, 30%, 75%),.85)!important}.variations-popup{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.variations-popup::-webkit-scrollbar{width:6px}.variations-popup::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.variations-popup::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.variations-popup::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.step-cell.step-cell-subdivided-container{left:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;background:transparent!important;border:none!important;box-shadow:none!important;pointer-events:none!important}body .step-cell.step-cell-subdivided-sub{transform:translateY(-50%) scale(var(--current-scale, .9))}.step-cell-subdivided-sub{border-width:.25px!important}.step-cell-subdivided-sub svg,.step-cell-subdivided-sub .sub-note-square,body .step-cell.step-cell-triplet.step-cell-subdivided-sub svg,body .step-cell.step-cell-triplet.step-cell-subdivided-sub .sub-note-square{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;transform:scale(1.15)!important;transform-origin:center!important;transition:transform .25s cubic-bezier(.1,.8,.3,1),filter .25s!important}.step-cell-subdivided-sub.ph-pass svg,.step-cell-subdivided-sub.ph-pass .sub-note-square,body .step-cell.step-cell-triplet.step-cell-subdivided-sub.ph-pass svg,body .step-cell.step-cell-triplet.step-cell-subdivided-sub.ph-pass .sub-note-square{transform:scale(1.5525)!important;filter:brightness(1.4)!important}.roll-first-note.sub-note-square{width:42%!important;height:42%!important;border-radius:20%!important;margin-right:-10%!important;box-sizing:border-box!important}.roll-second-note.sub-note-square{width:52%!important;height:52%!important;border-radius:20%!important;box-sizing:border-box!important}.triplet-first-note.sub-note-square,.triplet-second-note.sub-note-square{width:32%!important;height:32%!important;border-radius:20%!important;margin-right:-8%!important;box-sizing:border-box!important}.triplet-third-note.sub-note-square{width:42%!important;height:42%!important;border-radius:20%!important;box-sizing:border-box!important}.roll-first-note.sub-note-square svg,.roll-second-note.sub-note-square svg,.triplet-first-note.sub-note-square svg,.triplet-second-note.sub-note-square svg,.triplet-third-note.sub-note-square svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important}body:not(.theme-studio) .triplet-badge{top:20%!important;font-size:7px!important;padding:.5px 2px!important;border-radius:2px!important}.large-slider-window{background:#181e308c!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.light-theme:not(.disable-blur) .large-slider-window,body.theme-studio.light-theme:not(.disable-blur) .large-slider-window{background:color-mix(in srgb,#faf8f4 62%,transparent)!important;border:1px solid var(--border-color, rgba(0, 0, 0, .12))!important;box-shadow:0 20px 40px #00000026,inset 0 1px #fff9!important}body.light-theme.disable-blur .large-slider-window{background:#faf8f4!important;border:1px solid var(--border-color, rgba(0, 0, 0, .12))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.theme-afro-light .large-slider-window{background:color-mix(in srgb,var(--bg-card-opaque, #F7EFC2) 60%,transparent)!important;border:1px solid var(--border-color, rgba(62, 22, 5, .18))!important}body.theme-afro-light.disable-blur .large-slider-window{background:var(--bg-card-opaque, #F7EFC2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.theme-afro .large-slider-window{background:color-mix(in srgb,var(--modal-bg, var(--bg-card-opaque, #21443e)) 50%,transparent)!important;border:1px solid var(--border-color, rgba(208, 173, 84, .25))!important}body.theme-afro.disable-blur .large-slider-window{background:var(--modal-bg, var(--bg-card-opaque, #21443e))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.theme-afro-light .large-slider-label,body.theme-afro .large-slider-label{color:var(--text-muted)!important}body.theme-afro-light .large-slider-value,body.theme-afro .large-slider-value{color:var(--text-main)!important;text-shadow:none!important}body.light-theme .large-slider-label{color:#1f2937b3!important}body.light-theme .large-slider-value{color:#1f2937!important;text-shadow:none!important}body.light-theme .large-slider-input{background:#00000014!important;height:4px!important;border-radius:2px!important;margin:.5rem 0!important}body.light-theme .large-slider-input::-webkit-slider-runnable-track{background:#00000014!important;height:4px!important;border-radius:2px!important}body.light-theme .large-slider-input::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;border-radius:50%!important;background:var(--accent-color, var(--primary, #6366f1))!important;cursor:pointer!important;box-shadow:0 0 8px var(--primary-glow)!important;border:none!important;margin-top:-5px!important;transition:transform .1s ease!important}body.light-theme .large-slider-input::-webkit-slider-thumb:active{transform:scale(1.2)!important}body.light-theme .large-slider-input::-moz-range-track{background:#00000014!important;height:4px!important;border-radius:2px!important}body.light-theme .large-slider-input::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:var(--accent-color, var(--primary, #6366f1))!important;cursor:pointer!important;box-shadow:0 0 8px var(--primary-glow)!important;border:none!important;transition:transform .1s ease!important}body.light-theme .large-slider-input::-moz-range-thumb:active{transform:scale(1.2)!important}body.light-theme.disable-blur .sample-group-popup{background:#faf8f4!important;border:1px solid var(--border-color, rgba(0, 0, 0, .12))!important;box-shadow:0 20px 40px #00000026,inset 0 1px #fffc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.light-theme:not(.disable-blur) .sample-group-popup{background:color-mix(in srgb,#faf8f4 74%,transparent)!important;border:1px solid var(--border-color, rgba(0, 0, 0, .12))!important;box-shadow:0 20px 40px #00000026,inset 0 1px #fff9!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.light-theme .sample-group-popup-title{color:#1f2937!important}body.light-theme .sample-group-popup-btn{background:#ffffffc7!important;border:1px solid rgba(0,0,0,.08)!important;color:var(--text-main)!important;box-shadow:0 4px 10px #0000002e!important}body.light-theme .sample-group-popup-btn:hover:not(.active){background:color-mix(in srgb,var(--primary) 12%,#ffffff)!important;border-color:color-mix(in srgb,var(--primary) 40%,transparent)!important}body.light-theme .sample-group-popup-btn.active{background:color-mix(in srgb,var(--primary) 15%,#ffffff)!important;border-color:color-mix(in srgb,var(--primary) 65%,transparent)!important;color:color-mix(in srgb,var(--primary) 72%,#2E2A24)!important;box-shadow:none!important}body.light-theme .sample-group-popup-btn.card-style{background:#ffffffbf!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 4px 10px #00000040!important}body.light-theme .sample-group-popup-btn.card-style:hover{background:#ffffffeb!important;border-color:#00000026!important}body.light-theme .sample-group-popup-btn.card-style.active{background:#0000000a!important;border-color:var(--theme-active-color, #2dd4bf)!important;box-shadow:0 4px 10px #00000040!important}body.light-theme .popup-btn-label{color:#1f293799!important}body.light-theme .sample-group-popup-btn.card-style.active .popup-btn-label{color:#1f2937!important}body.light-theme .popup-tuning-container,body.theme-afro-light .popup-tuning-container{border-top-color:#00000014!important}body.light-theme .popup-tuning-container input[type=range],body.theme-afro-light .popup-tuning-container input[type=range]{background:#00000014!important}body.light-theme .popup-tuning-container input[type=range]::-webkit-slider-runnable-track,body.theme-afro-light .popup-tuning-container input[type=range]::-webkit-slider-runnable-track{background:#00000014!important}body.light-theme .popup-tuning-container input[type=range]::-moz-range-track,body.theme-afro-light .popup-tuning-container input[type=range]::-moz-range-track{background:#00000014!important}body.light-theme .popup-tuning-header{color:#1f2937!important}body.theme-afro-light .popup-tuning-header{color:var(--text-main)!important}body.light-theme .popup-delete-text{color:#374151!important}body.theme-afro{--bg-base: #15221B;--bg-card: rgba(33, 68, 62, .75);--bg-card-hover: rgba(57, 103, 93, .9);--bg-card-opaque: #21443e;--bg-modal-opaque: var(--bg-card-opaque);--bg-card-opaque-hover: #39675d;--bg-glass: rgba(33, 68, 62, .5);--border-color: rgba(208, 173, 84, .15);--border-glow: rgba(181, 58, 22, .12);--text-main: #f4ece1;--text-muted: #dab980;--text-dim: #7f7350;--primary: #d0ad54;--primary-glow: rgba(208, 173, 84, .25);--accent: #b53a16;--accent-glow: rgba(181, 58, 22, .25);--color-bass: #dbab3d !important;--color-bass-glow: rgba(219, 171, 61, .25) !important;--color-tone: #d0ad54 !important;--color-tone-glow: rgba(208, 173, 84, .25) !important;--color-slap: #b2a268 !important;--color-slap-glow: rgba(178, 162, 104, .2) !important;--color-muffled: #7f7350 !important;--color-muffled-glow: rgba(127, 115, 80, .15) !important;--color-open: #85af97 !important;--color-open-glow: rgba(133, 175, 151, .25) !important;--color-mute: #39675d !important;--color-mute-glow: rgba(57, 103, 93, .2) !important;--color-bell-open: #b53a16 !important;--color-bell-open-glow: rgba(181, 58, 22, .25) !important;--color-bell-mute: #8f502a !important;--color-bell-mute-glow: rgba(143, 80, 42, .15) !important;--color-shekere-open: hsl(54, 42%, 56%) !important;--color-shekere-open-glow: hsla(54, 42%, 56%, .2) !important;--color-shekere-tap: hsl(48, 38%, 45%) !important;--color-shekere-tap-glow: hsla(48, 38%, 45%, .15) !important;background-color:var(--bg-base)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z' fill='none' stroke='%23D0AD54' stroke-width='1' stroke-opacity='0.01'/%3E%3C/svg%3E"),radial-gradient(at 0% 0%,rgba(208,173,84,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(181,58,22,.04) 0px,transparent 50%)!important;color:var(--text-main)!important}body.theme-afro .demo-device-frame{background:#15221b!important;border-color:#21443e!important;box-shadow:0 25px 50px -12px #000c,0 0 40px #d0ad5408!important}body.theme-afro .mobile-header{background:#15221b!important;border-bottom-color:#d0ad5426!important}body.theme-afro .track-row{box-shadow:0 4px 15px #00000059!important}body.theme-afro .track-row.focused-track{box-shadow:0 0 15px hsla(var(--part-color-hsl, 44, 57%, 57%),.15)!important}body.theme-afro .track-icon-wrapper{background:#00000080!important;border-color:hsla(var(--part-color-hsl, 44, 57%, 57%),.35)!important;color:var(--primary)!important}body.theme-afro .step-cell{background:#ffffff02!important;border-color:#ffffff0d!important}body.theme-afro .step-cell.beat-start-empty{background:#ffffff08!important;border-color:#ffffff14!important}body.theme-afro .step-cell.has-note{background:#ffffff0b!important;border-color:#ffffff1f!important}body.theme-afro .step-cell.djembe-B,body.theme-afro .note-svg-djembe-B{color:var(--color-bass)!important}body.theme-afro .step-cell.djembe-T,body.theme-afro .note-svg-djembe-T{color:var(--color-tone)!important}body.theme-afro .step-cell.djembe-S,body.theme-afro .note-svg-djembe-S{color:var(--color-slap)!important}body.theme-afro .step-cell.djembe-M,body.theme-afro .note-svg-djembe-M{color:var(--color-muffled)!important}body.theme-afro .step-cell.dunun-O,body.theme-afro .note-svg-dunun-O{color:var(--color-open)!important}body.theme-afro .step-cell.dunun-C,body.theme-afro .note-svg-dunun-C,body.theme-afro .step-cell.dunun-X,body.theme-afro .note-svg-dunun-X{color:var(--color-mute)!important}body.theme-afro .step-cell.bell-O,body.theme-afro .note-svg-bell-O,body.theme-afro .step-cell.bell-X,body.theme-afro .note-svg-bell-X{color:var(--color-bell-open)!important}body.theme-afro .step-cell.bell-C,body.theme-afro .note-svg-bell-C{color:var(--color-bell-mute)!important}body.theme-afro .step-cell.shekere-O,body.theme-afro .note-svg-shekere-O{color:var(--color-shekere-open)!important}body.theme-afro .step-cell.shekere-X,body.theme-afro .note-svg-shekere-X{color:var(--color-shekere-tap)!important}body.theme-afro .step-cell.step-cell-composite{color:hsla(var(--part-color-hsl, 44, 30%, 75%),.85)!important}body.theme-afro .glass-panel{background:var(--bg-card)!important;border-color:#d0ad5426!important}body.theme-afro .hamburger-menu{background:#15221bfa!important;border-color:#d0ad5433!important}body.theme-afro .menu-item-btn{color:var(--text-main)!important}body.theme-afro .menu-item-btn:hover{background:#d0ad541f!important}body.theme-afro .modal-content{background:var(--modal-bg, var(--bg-card-opaque, #21443e))!important;border-color:var(--border-color, rgba(208, 173, 84, .25))!important;color:var(--text-main)!important}body.theme-afro .playhead-line{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--primary) 92%,transparent) 30%,color-mix(in srgb,var(--primary) 92%,transparent) 70%,transparent 100%)!important;box-shadow:0 0 10px var(--primary)!important}body.theme-afro select,body.theme-afro input[type=text],body.theme-afro input[type=email],body.theme-afro input[type=password]{background:#0000004d!important;border-color:#d0ad5440!important;color:var(--text-main)!important}body.theme-afro input[type=range]{background:transparent!important}body.theme-afro input[type=range]::-webkit-slider-runnable-track{background:#ffffff0f!important}body.theme-afro-light{--bg-base: #f7efc2;--bg-card: rgba(239, 205, 145, .85);--bg-card-hover: rgba(218, 185, 128, .95);--bg-card-opaque: #efcd91;--bg-modal-opaque: var(--bg-card-opaque);--bg-card-opaque-hover: #dab980;--bg-glass: rgba(239, 205, 145, .65);--border-color: rgba(143, 80, 42, .2);--border-glow: rgba(208, 173, 84, .12);--text-main: #281507;--text-muted: #5b4a39;--text-dim: #7f7350;--primary: #8f502a;--primary-glow: rgba(143, 80, 42, .15);--accent: #dbab3d;--accent-glow: rgba(219, 171, 61, .15);--color-bass: #e5a827 !important;--color-bass-glow: rgba(229, 168, 39, .25) !important;--color-tone: #d0ad54 !important;--color-tone-glow: rgba(208, 173, 84, .25) !important;--color-slap: #b2a268 !important;--color-slap-glow: rgba(178, 162, 104, .2) !important;--color-muffled: #7f7350 !important;--color-muffled-glow: rgba(127, 115, 80, .15) !important;--color-open: #5e8c7b !important;--color-open-glow: rgba(94, 140, 123, .25) !important;--color-mute: #21443e !important;--color-mute-glow: rgba(33, 68, 62, .2) !important;--color-bell-open: #a72305 !important;--color-bell-open-glow: rgba(167, 35, 5, .25) !important;--color-bell-mute: #8f502a !important;--color-bell-mute-glow: rgba(143, 80, 42, .15) !important;--color-shekere-open: hsl(48, 38%, 45%) !important;--color-shekere-open-glow: hsla(48, 38%, 45%, .2) !important;--color-shekere-tap: hsl(45, 32%, 32%) !important;--color-shekere-tap-glow: hsla(45, 32%, 32%, .15) !important;background-color:var(--bg-base)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z' fill='none' stroke='%238F502A' stroke-width='1' stroke-opacity='0.015'/%3E%3C/svg%3E"),radial-gradient(at 0% 0%,rgba(143,80,42,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(208,173,84,.02) 0px,transparent 50%)!important;color:var(--text-main)!important}body.theme-afro-light .demo-device-frame{background:#f7efc2!important;border-color:#efcd91!important;box-shadow:0 25px 50px -12px #00000026,0 0 40px #8f502a05!important}body.theme-afro-light .mobile-header{background:#f7efc2!important;border-bottom-color:#8f502a1f!important}body.theme-afro-light .track-row{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 44, 57%, 57%), .05) 0%, hsla(var(--part-color-hsl, 44, 57%, 57%), .01) 100%) !important;--row-card: rgba(253, 248, 230, .85) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 44, 57%, 57%), .2) 0%, rgba(0, 0, 0, .05) 100%) !important;box-shadow:0 2px 8px #0000000a!important}body.theme-afro-light .track-row:hover{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 44, 57%, 57%), .06) 0%, hsla(var(--part-color-hsl, 44, 57%, 57%), .012) 100%) !important;--row-card: rgba(248, 243, 224, .9) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 44, 57%, 57%), .3) 0%, rgba(0, 0, 0, .06) 100%) !important;box-shadow:0 4px 10px #0000000f!important}body.theme-afro-light .track-row.focused-track{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl, 44, 57%, 57%), .08) 0%, hsla(var(--part-color-hsl, 44, 57%, 57%), .015) 100%) !important;--row-card: rgba(253, 248, 230, .95) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl, 44, 57%, 57%), .4) 0%, rgba(0, 0, 0, .08) 100%) !important;box-shadow:0 0 10px hsla(var(--part-color-hsl, 44, 57%, 57%),.06)!important}body.theme-afro-light .track-row.dimmed-track{opacity:.52!important;filter:contrast(.8) brightness(.9)!important}body.theme-afro-light .track-icon-wrapper{background:#ffffffb3!important;border-color:hsla(var(--part-color-hsl, 44, 57%, 57%),.28)!important;color:var(--primary)!important}body.theme-afro-light .step-cell{background:#00000003!important;border-color:#0000000f!important}body.theme-afro-light .step-cell.beat-start-empty{background:#00000009!important;border-color:#0000001c!important}body.theme-afro-light .step-cell.has-note{background:#0000000b!important;border-color:#00000026!important}body.theme-afro-light .step-cell.djembe-B,body.theme-afro-light .note-svg-djembe-B{color:var(--color-bass)!important}body.theme-afro-light .step-cell.djembe-T,body.theme-afro-light .note-svg-djembe-T{color:var(--color-tone)!important}body.theme-afro-light .step-cell.djembe-S,body.theme-afro-light .note-svg-djembe-S{color:var(--color-slap)!important}body.theme-afro-light .step-cell.djembe-M,body.theme-afro-light .note-svg-djembe-M{color:var(--color-muffled)!important}body.theme-afro-light .step-cell.dunun-O,body.theme-afro-light .note-svg-dunun-O{color:var(--color-open)!important}body.theme-afro-light .step-cell.dunun-C,body.theme-afro-light .note-svg-dunun-C,body.theme-afro-light .step-cell.dunun-X,body.theme-afro-light .note-svg-dunun-X{color:var(--color-mute)!important}body.theme-afro-light .step-cell.bell-O,body.theme-afro-light .note-svg-bell-O,body.theme-afro-light .step-cell.bell-X,body.theme-afro-light .note-svg-bell-X{color:var(--color-bell-open)!important}body.theme-afro-light .step-cell.bell-C,body.theme-afro-light .note-svg-bell-C{color:var(--color-bell-mute)!important}body.theme-afro-light .step-cell.shekere-O,body.theme-afro-light .note-svg-shekere-O{color:var(--color-shekere-open)!important}body.theme-afro-light .step-cell.shekere-X,body.theme-afro-light .note-svg-shekere-X{color:var(--color-shekere-tap)!important}body.theme-afro-light .step-cell.step-cell-composite{color:hsla(var(--part-color-hsl, 44, 30%, 35%),.85)!important}body.theme-afro-light .glass-panel{background:var(--bg-card)!important;border-color:#8f502a26!important}body.theme-afro-light .hamburger-menu{background:#f7efc2fa!important;border-color:#8f502a26!important}body.theme-afro-light .menu-item-btn{color:var(--text-main)!important}body.theme-afro-light .menu-item-btn:hover{background:#8f502a14!important}body.theme-afro-light .modal-content{background:var(--bg-card-opaque, #F7EFC2)!important;border-color:var(--border-color, rgba(143, 80, 42, .18))!important;color:var(--text-main)!important}body.theme-afro-light .playhead-line{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--primary) 92%,transparent) 30%,color-mix(in srgb,var(--primary) 92%,transparent) 70%,transparent 100%)!important;box-shadow:0 0 10px var(--primary)!important}body.theme-afro-light select,body.theme-afro-light input[type=text],body.theme-afro-light input[type=email],body.theme-afro-light input[type=password]{background:#ffffff80!important;border-color:#8f502a33!important;color:var(--text-main)!important}body.theme-afro-light input[type=range]{background:transparent!important}body.theme-afro-light input[type=range]::-webkit-slider-runnable-track{background:#00000026!important}body .step-cell.note-play-flash{animation:notePlayFlashAnim var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}body .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashAnim var(--flash-sub-dur, .18s) cubic-bezier(.1,.8,.3,1)!important}@keyframes subCellPlayFlashAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.9))}to{transform:translateY(-50%) scale(var(--current-scale, .9))}}@keyframes notePlayFlashAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.36))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.light-theme .step-cell.note-play-flash,body.theme-studio.light-theme .step-cell.note-play-flash{animation:notePlayFlashLightAnim var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}body.light-theme .step-cell.step-cell-subdivided-sub.note-play-flash,body.theme-studio.light-theme .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashLightAnim var(--flash-sub-dur, .18s) cubic-bezier(.1,.8,.3,1)!important}@keyframes subCellPlayFlashLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, .9))}}@keyframes notePlayFlashLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.theme-afro-light .step-cell.note-play-flash{animation:notePlayFlashAfroLightAnim var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}body.theme-afro-light .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashAfroLightAnim var(--flash-sub-dur, .18s) cubic-bezier(.1,.8,.3,1)!important}@keyframes subCellPlayFlashAfroLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, .9))}}@keyframes notePlayFlashAfroLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}body.theme-afro:not(.theme-afro-light) .step-cell.note-play-flash{animation:notePlayFlashAfroDarkAnim var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}body.theme-afro:not(.theme-afro-light) .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashAfroDarkAnim var(--flash-sub-dur, .18s) cubic-bezier(.1,.8,.3,1)!important}@keyframes notePlayFlashAfroDarkAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.24))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}@keyframes subCellPlayFlashAfroDarkAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.28))}to{transform:translateY(-50%) scale(var(--current-scale, .9))}}body:not(.theme-studio) .step-cell.has-note.note-play-flash{animation:notePlayFlashClassicAnim var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}@keyframes notePlayFlashClassicAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.36))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}.triplet-note-play-flash{animation:tripletNotePlayFlashAnim .08s cubic-bezier(.1,.8,.3,1)!important}@keyframes tripletNotePlayFlashAnim{0%{transform:translate(-50%,-50%) scale(1.6);filter:brightness(1.8)}to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.triplet-bg-play-flash{animation:tripletBgPlayFlashAnim .08s cubic-bezier(.1,.8,.3,1)!important}@keyframes tripletBgPlayFlashAnim{0%{transform:translate(-50%,-50%) scale(1.4);background-color:hsla(var(--part-color-hsl, 243, 75%, 59%),.55);border-color:hsla(var(--part-color-hsl, 243, 75%, 59%),.95);box-shadow:0 0 12px hsla(var(--part-color-hsl, 243, 75%, 59%),.6)}to{transform:translate(-50%,-50%) scale(1);background-color:#ffffff0a;border-color:#ffffff1f;box-shadow:none}}body.light-theme .triplet-bg-play-flash,body.theme-studio.light-theme .triplet-bg-play-flash{animation:tripletBgPlayFlashLightAnim .08s cubic-bezier(.1,.8,.3,1)!important}@keyframes tripletBgPlayFlashLightAnim{0%{transform:translate(-50%,-50%) scale(1.4);background-color:#d9770673;border-color:#d97706e6;box-shadow:0 0 12px #d9770699}to{transform:translate(-50%,-50%) scale(1);background-color:#0000000a;border-color:#0000001f;box-shadow:none}}body.theme-afro-light .triplet-bg-play-flash{animation:tripletBgPlayFlashAfroLightAnim .08s cubic-bezier(.1,.8,.3,1)!important}@keyframes tripletBgPlayFlashAfroLightAnim{0%{transform:translate(-50%,-50%) scale(1.4);background-color:#d4622e73;border-color:#d4622ee6;box-shadow:0 0 12px #d4622e99}to{transform:translate(-50%,-50%) scale(1);background-color:#0000000a;border-color:#0000001f;box-shadow:none}}:root{--djembe-card-bg: rgba(62, 22, 5, .65);--djembe-border: #622908;--djembe-icon-color: #EB8F69;--djembe-icon-bg: #281507;--djembe-note-bg: #8A2E0F;--djembe-note-color: #F7EFC2;--djembe-blend-note: #D4622E;--kenkeni-card-bg: rgba(178, 162, 104, .15);--kenkeni-border: #9CA681;--kenkeni-icon-color: #D0AD54;--kenkeni-icon-bg: rgba(178, 162, 104, .1);--kenkeni-note-bg: #B2A268;--kenkeni-note-color: #ffffff;--kenkeni-blend-note: #DBAB3D;--sangban-card-bg: rgba(127, 115, 80, .18);--sangban-border: #7F7350;--sangban-icon-color: #B2A268;--sangban-icon-bg: rgba(127, 115, 80, .1);--sangban-note-bg: #C07F28;--sangban-note-color: #ffffff;--sangban-blend-note: #F3983C;--doundounba-card-bg: rgba(91, 74, 57, .22);--doundounba-border: #5B4A39;--doundounba-icon-color: #8F502A;--doundounba-icon-bg: rgba(91, 74, 57, .1);--doundounba-note-bg: #784617;--doundounba-note-color: #ffffff;--doundounba-blend-note: #622908;--app-canvas-bg: #281507;--app-phone-bg: #130a04;--app-bar-bg: #1c1008}body.theme-afro .app-container,body.theme-afro-light .app-container,body.theme-custom .app-container{position:relative!important;background-color:var(--app-canvas-bg)!important}body.theme-afro #app-background-layer,body.theme-afro-light #app-background-layer,body.theme-custom #app-background-layer{position:fixed!important;inset:0;pointer-events:none;z-index:0;background-repeat:repeat;background-position:center}body.theme-afro-light .track-djembe{--row-card: var(--djembe-card-bg) !important;--row-border-col: var(--djembe-border) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro .track-djembe .track-icon-wrapper,body.theme-afro-light .track-djembe .track-icon-wrapper,body.theme-custom .track-djembe .track-icon-wrapper{color:var(--djembe-icon-color)!important;background-color:var(--djembe-icon-bg)!important;border-color:var(--djembe-border)!important}body.theme-afro-light .track-kenkeni{--row-card: var(--kenkeni-card-bg) !important;--row-border-col: var(--kenkeni-border) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro .track-kenkeni .track-icon-wrapper,body.theme-afro-light .track-kenkeni .track-icon-wrapper,body.theme-custom .track-kenkeni .track-icon-wrapper{color:var(--kenkeni-icon-color)!important;background-color:var(--kenkeni-icon-bg)!important;border-color:var(--kenkeni-border)!important}body.theme-afro-light .track-sangban{--row-card: var(--sangban-card-bg) !important;--row-border-col: var(--sangban-border) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro .track-sangban .track-icon-wrapper,body.theme-afro-light .track-sangban .track-icon-wrapper,body.theme-custom .track-sangban .track-icon-wrapper{color:var(--sangban-icon-color)!important;background-color:var(--sangban-icon-bg)!important;border-color:var(--sangban-border)!important}body.theme-afro-light .track-doundounba{--row-card: var(--doundounba-card-bg) !important;--row-border-col: var(--doundounba-border) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro .track-doundounba .track-icon-wrapper,body.theme-afro-light .track-doundounba .track-icon-wrapper,body.theme-custom .track-doundounba .track-icon-wrapper{color:var(--doundounba-icon-color)!important;background-color:var(--doundounba-icon-bg)!important;border-color:var(--doundounba-border)!important}body.theme-afro .track-row.part-solo-active .track-icon-wrapper,body.theme-custom .track-row.part-solo-active .track-icon-wrapper{color:#e89684!important;background-color:#b83a2e47!important;border-color:#c6423457!important}body.theme-afro-light .track-row.part-solo-active,body.theme-afro-light .track-row.part-ech-active{--row-card: #F4D6CE !important;--row-border-col: #C67B6C !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-solo-active .track-icon-wrapper,body.theme-afro-light .track-row.part-ech-active .track-icon-wrapper{color:#9a4034!important;background-color:#eec5ba!important;border-color:#c67b6c!important}body.theme-afro:not(.blend-note-fill) .track-row.part-solo-active .step-cell.has-note,body.theme-custom:not(.blend-note-fill) .track-row.part-solo-active .step-cell.has-note,body.theme-afro-light:not(.blend-note-fill) .track-row.part-solo-active .step-cell.has-note{background-color:color-mix(in srgb,var(--djembe-note-bg) 58%,#A33125 42%)!important;border-color:color-mix(in srgb,var(--djembe-border) 55%,#A33125 45%)!important}body.theme-afro:not(.blend-note-fill) .track-row.part-solo-active .step-cell.has-note svg,body.theme-custom:not(.blend-note-fill) .track-row.part-solo-active .step-cell.has-note svg,body.theme-afro-light:not(.blend-note-fill) .track-row.part-solo-active .step-cell.has-note svg{color:color-mix(in srgb,var(--djembe-note-color) 88%,#C0392B 12%)!important}body.theme-afro.blend-note-fill .track-row.part-solo-active .step-cell.has-note svg,body.theme-custom.blend-note-fill .track-row.part-solo-active .step-cell.has-note svg,body.theme-afro-light.blend-note-fill .track-row.part-solo-active .step-cell.has-note svg{color:color-mix(in srgb,var(--djembe-blend-note) 60%,#A33125 40%)!important}body.theme-afro-light .track-row.part-break-active,body.theme-afro-light .track-row.part-intro-active{--row-card: #F5E0C4 !important;--row-border-col: #D9A55E !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro:not(.blend-note-fill) .track-djembe .step-cell.has-note,body.theme-afro-light:not(.blend-note-fill) .track-djembe .step-cell.has-note,body.theme-custom:not(.blend-note-fill) .track-djembe .step-cell.has-note{background-color:var(--djembe-note-bg)!important;border-color:var(--djembe-border)!important}body.theme-afro:not(.blend-note-fill) .track-djembe .step-cell.has-note svg,body.theme-afro-light:not(.blend-note-fill) .track-djembe .step-cell.has-note svg,body.theme-custom:not(.blend-note-fill) .track-djembe .step-cell.has-note svg{color:var(--djembe-note-color)!important;transform:scale(1)!important}body.theme-afro:not(.blend-note-fill) .track-kenkeni .step-cell.has-note,body.theme-afro-light:not(.blend-note-fill) .track-kenkeni .step-cell.has-note,body.theme-custom:not(.blend-note-fill) .track-kenkeni .step-cell.has-note{background-color:var(--kenkeni-note-bg)!important;border-color:var(--kenkeni-border)!important}body.theme-afro:not(.blend-note-fill) .track-kenkeni .step-cell.has-note svg,body.theme-afro-light:not(.blend-note-fill) .track-kenkeni .step-cell.has-note svg,body.theme-custom:not(.blend-note-fill) .track-kenkeni .step-cell.has-note svg{color:var(--kenkeni-note-color)!important;transform:scale(1)!important}body.theme-afro:not(.blend-note-fill) .track-sangban .step-cell.has-note,body.theme-afro-light:not(.blend-note-fill) .track-sangban .step-cell.has-note,body.theme-custom:not(.blend-note-fill) .track-sangban .step-cell.has-note{background-color:var(--sangban-note-bg)!important;border-color:var(--sangban-border)!important}body.theme-afro:not(.blend-note-fill) .track-sangban .step-cell.has-note svg,body.theme-afro-light:not(.blend-note-fill) .track-sangban .step-cell.has-note svg,body.theme-custom:not(.blend-note-fill) .track-sangban .step-cell.has-note svg{color:var(--sangban-note-color)!important;transform:scale(1)!important}body.theme-afro:not(.blend-note-fill) .track-doundounba .step-cell.has-note,body.theme-afro-light:not(.blend-note-fill) .track-doundounba .step-cell.has-note,body.theme-custom:not(.blend-note-fill) .track-doundounba .step-cell.has-note{background-color:var(--doundounba-note-bg)!important;border-color:var(--doundounba-border)!important}body.theme-afro:not(.blend-note-fill) .track-doundounba .step-cell.has-note svg,body.theme-afro-light:not(.blend-note-fill) .track-doundounba .step-cell.has-note svg,body.theme-custom:not(.blend-note-fill) .track-doundounba .step-cell.has-note svg{color:var(--doundounba-note-color)!important;transform:scale(1)!important}body.theme-afro.blend-note-fill .track-row .step-cell.has-note,body.theme-afro-light.blend-note-fill .track-row .step-cell.has-note,body.theme-custom.blend-note-fill .track-row .step-cell.has-note{background-color:transparent!important;border-color:transparent!important;background-image:none!important;box-shadow:none!important}body.theme-afro.blend-note-fill .track-djembe .step-cell.has-note svg,body.theme-afro-light.blend-note-fill .track-djembe .step-cell.has-note svg,body.theme-custom.blend-note-fill .track-djembe .step-cell.has-note svg{color:var(--djembe-blend-note)!important;transform:scale(1)!important}body.theme-afro.blend-note-fill .track-kenkeni .step-cell.has-note svg,body.theme-afro-light.blend-note-fill .track-kenkeni .step-cell.has-note svg,body.theme-custom.blend-note-fill .track-kenkeni .step-cell.has-note svg{color:var(--kenkeni-blend-note)!important;transform:scale(1)!important}body.theme-afro.blend-note-fill .track-sangban .step-cell.has-note svg,body.theme-afro-light.blend-note-fill .track-sangban .step-cell.has-note svg,body.theme-custom.blend-note-fill .track-sangban .step-cell.has-note svg{color:var(--sangban-blend-note)!important;transform:scale(1)!important}body.theme-afro.blend-note-fill .track-doundounba .step-cell.has-note svg,body.theme-afro-light.blend-note-fill .track-doundounba .step-cell.has-note svg,body.theme-custom.blend-note-fill .track-doundounba .step-cell.has-note svg{color:var(--doundounba-blend-note)!important;transform:scale(1)!important}body.theme-afro .step-cell svg,body.theme-afro-light .step-cell svg,body.theme-custom .step-cell svg{display:block!important;width:92%!important;height:92%!important;margin:auto}body.compact-notes.theme-studio .step-cell svg,body.compact-notes.theme-afro .step-cell svg,body.compact-notes.theme-afro-light .step-cell svg,body.compact-notes.theme-custom .step-cell svg{width:75%!important;height:75%!important}body.compact-notes.theme-studio .step-cell .note-svg-djembe-S,body.compact-notes.theme-afro .step-cell .note-svg-djembe-S,body.compact-notes.theme-afro-light .step-cell .note-svg-djembe-S,body.compact-notes.theme-custom .step-cell .note-svg-djembe-S,body.compact-notes.theme-studio .step-cell .note-svg-djembe-M,body.compact-notes.theme-afro .step-cell .note-svg-djembe-M,body.compact-notes.theme-afro-light .step-cell .note-svg-djembe-M,body.compact-notes.theme-custom .step-cell .note-svg-djembe-M{width:92%!important;height:92%!important}body.theme-afro.clean-bars .mobile-header,body.theme-afro.clean-bars .controls-bar,body.theme-afro-light.clean-bars .mobile-header,body.theme-afro-light.clean-bars .controls-bar,body.theme-custom.clean-bars .mobile-header,body.theme-custom.clean-bars .controls-bar{background-image:none!important;background-color:var(--app-bar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.theme-afro.isolate-pattern .track-row:before,body.theme-afro-light.isolate-pattern .track-row:before,body.theme-custom.isolate-pattern .track-row:before{content:""!important;position:absolute!important;inset:0!important;background-color:var(--app-canvas-bg)!important;z-index:-1!important;border-radius:inherit!important}body.theme-afro .track-row,body.theme-afro-light .track-row,body.theme-custom .track-row{position:relative!important;z-index:1!important}body.theme-custom{background-color:var(--app-canvas-bg)!important}body.theme-custom .demo-device-frame{background-color:var(--app-phone-bg)!important}body.theme-custom .mobile-header{background-color:var(--app-bar-bg)!important}.theme-submenu{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .35s ease,margin .35s ease;display:flex!important;flex-direction:column;padding:0px .5rem 0px 2rem!important;margin-top:0!important;margin-bottom:0!important}.theme-submenu.expanded{max-height:340px;opacity:1;padding:.5rem .5rem .5rem 2rem!important;margin-top:.25rem!important;margin-bottom:.5rem!important}#designer-area-popup.active{transform:translateY(0)!important}.designer-preview-cell{transition:transform .1s ease,border-color .15s ease,background-color .15s ease}.designer-preview-cell:hover{transform:scale(1.15);border-color:#ffffff6b!important}.designer-preview-row{transition:transform .15s ease,filter .15s ease}.designer-preview-row:hover{filter:brightness(1.15);transform:scale(1.015)}#popup-palette-grid button,#popup-note-palette-grid button{transition:transform .12s ease,border-color .12s ease}#popup-palette-grid button:hover,#popup-note-palette-grid button:hover{transform:scale(1.15);border-color:#efcd91!important}.popup-pattern-btn{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;transition:background-color .15s,border-color .15s}.popup-pattern-btn:hover{background:#ffffff14!important;border-color:#fff3!important}.popup-pattern-btn.active{background:#eb8f6933!important;border-color:#eb8f69!important;color:#eb8f69!important}.triplet-bg-square{position:absolute!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--triplet-bg-scale, 1));width:25%!important;aspect-ratio:1 / 1!important;height:auto!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:2px!important;box-sizing:border-box!important;z-index:1!important;pointer-events:none!important;transition:left .35s cubic-bezier(.25,1,.5,1)!important}body.light-theme .triplet-bg-square{background:#0000000a!important;border:1px solid rgba(0,0,0,.12)!important}.triplet-bg-square-1{left:20%!important}.triplet-bg-square-2{left:50%!important}.triplet-bg-square-3{left:80%!important}.triplet-note-container{position:relative!important;width:100%!important;height:100%!important;z-index:2!important;transform:scale(var(--triplet-note-scale, 1))!important;transform-origin:center!important}.triplet-first-note,.triplet-second-note,.triplet-third-note,.triplet-sub-note{position:absolute!important;top:50%!important;transform:translate(-50%,-50%);width:7.5px!important;height:7.5px!important;border-radius:50%!important;background:#ccc!important;border:none!important;box-shadow:none!important;margin:0!important}.triplet-first-note svg,.triplet-second-note svg,.triplet-third-note svg,.triplet-sub-note svg{color:#ccc!important}.step-cell.step-cell-composite.step-cell-triplet{width:calc(var(--triplet-width-percent, 100) * 1%)!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-first-note,.step-cell.step-cell-composite.step-cell-triplet .triplet-sub-note:nth-child(2){left:16.67%!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-second-note,.step-cell.step-cell-composite.step-cell-triplet .triplet-sub-note:nth-child(3){left:50%!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-third-note,.step-cell.step-cell-composite.step-cell-triplet .triplet-sub-note:nth-child(4){left:83.33%!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-badge{left:50%!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-bg-square-1{left:16.67%!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-bg-square-2{left:50%!important}.step-cell.step-cell-composite.step-cell-triplet .triplet-bg-square-3{left:83.33%!important}body.light-theme .triplet-first-note,body.light-theme .triplet-second-note,body.light-theme .triplet-third-note,body.light-theme .triplet-sub-note,body.theme-afro-light .triplet-first-note,body.theme-afro-light .triplet-second-note,body.theme-afro-light .triplet-third-note,body.theme-afro-light .triplet-sub-note{background:#333!important}body.light-theme .triplet-first-note svg,body.light-theme .triplet-second-note svg,body.light-theme .triplet-third-note svg,body.light-theme .triplet-sub-note svg,body.theme-afro-light .triplet-first-note svg,body.theme-afro-light .triplet-second-note svg,body.theme-afro-light .triplet-third-note svg,body.theme-afro-light .triplet-sub-note svg{color:#333!important}body .variation-btn .triplet-first-note,body .variation-btn .triplet-second-note,body .variation-btn .triplet-third-note,body .variation-btn .triplet-sub-note{background:transparent!important;border-radius:0!important;box-shadow:none!important;border:none!important}.triplet-first-note,.triplet-sub-note:nth-child(2){left:20%!important}.triplet-second-note,.triplet-sub-note:nth-child(3){left:50%!important}.triplet-third-note,.triplet-sub-note:nth-child(4){left:80%!important}body.theme-studio .step-cell.step-cell-triplet svg,body.theme-tinted .step-cell.step-cell-triplet svg,body.theme-afro .step-cell.step-cell-triplet svg,body.theme-afro-light .step-cell.step-cell-triplet svg,body.theme-custom .step-cell.step-cell-triplet svg,body .step-cell.step-cell-triplet svg,.step-cell-triplet svg{display:none!important}body .step-cell.step-cell-triplet.step-cell-subdivided-sub svg,body .step-cell.step-cell-triplet.step-cell-subdivided-sub .sub-note-square,body.theme-studio .step-cell.step-cell-triplet.step-cell-subdivided-sub svg,body.theme-tinted .step-cell.step-cell-triplet.step-cell-subdivided-sub svg,body.theme-afro .step-cell.step-cell-triplet.step-cell-subdivided-sub svg,body.theme-afro-light .step-cell.step-cell-triplet.step-cell-subdivided-sub svg,body.theme-custom .step-cell.step-cell-triplet.step-cell-subdivided-sub svg{display:block!important}.triplet-badge{position:absolute!important;top:20%!important;left:50%!important;transform:translate(-50%)!important;font-size:7px!important;font-family:Outfit,sans-serif!important;font-weight:700!important;color:var(--text-dim, rgba(255, 255, 255, .45))!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;pointer-events:none!important;z-index:10!important}body .variation-btn .triplet-badge{top:-2px!important}.variation-btn .triplet-bg-square{display:none!important}.variation-btn .triplet-first-note,.variation-btn .triplet-sub-note:nth-child(2){left:15%!important}.variation-btn .triplet-third-note,.variation-btn .triplet-sub-note:nth-child(4){left:85%!important}.rhythm-type-btn{flex:1;padding:.75rem .5rem!important;border-radius:12px!important;font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;text-align:center;cursor:pointer;border:1.5px solid rgba(255,255,255,.08)!important;background:#ffffff05!important;color:var(--text-muted)!important;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;outline:none!important}.rhythm-type-btn.active{border-color:var(--primary)!important;background:#6366f126!important;color:#fff!important;box-shadow:0 0 12px #6366f140}.bar-count-btn{width:32px!important;height:32px!important;border-radius:8px!important;font-family:Outfit,sans-serif;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.08)!important;background:#ffffff05!important;color:var(--text-muted)!important;transition:all .15s ease;outline:none!important}.bar-count-btn.active{border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important;box-shadow:0 0 8px #6366f14d}@media(max-width:768px),(pointer:coarse)and (max-width:1024px){body.unified .controls-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:.48rem .75rem!important;margin:0!important;border-radius:0!important;border:none!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -6px 20px #00000080!important;background:#080a0f!important;z-index:100000!important;justify-content:space-between!important;flex-wrap:nowrap!important;box-sizing:border-box!important;min-height:76px!important}@media(max-width:360px){body.unified .controls-bar{padding:.6rem .65rem!important;min-height:91px!important}}}body .step-cell.step-cell-triplet.triplet-show-icons svg,.step-cell-triplet.triplet-show-icons svg{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.step-cell-triplet.triplet-show-icons .triplet-first-note,.step-cell-triplet.triplet-show-icons .triplet-second-note,.step-cell-triplet.triplet-show-icons .triplet-third-note,.step-cell-triplet.triplet-show-icons .triplet-sub-note{position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:7px!important;height:7px!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important}body.unified .step-cell-triplet.triplet-show-icons .triplet-first-note,body.unified .step-cell-triplet.triplet-show-icons .triplet-second-note,body.unified .step-cell-triplet.triplet-show-icons .triplet-third-note,body.unified .step-cell-triplet.triplet-show-icons .triplet-sub-note{width:8px!important;height:8px!important}.save-item-container{position:relative;overflow:hidden;display:flex;width:100%;min-height:46px!important;height:auto!important;flex-shrink:0!important;border-radius:8px;margin-bottom:0;background:transparent;box-sizing:border-box}.save-item-delete-bg{position:absolute;right:1px;top:1px;bottom:1px;width:59px;background:#ef4444;border-top-right-radius:7px;border-bottom-right-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;z-index:1;user-select:none;pointer-events:none}.save-item-container.swipe-reveal .save-item-delete-bg{pointer-events:auto}.library-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;align-self:start!important;gap:.35rem!important;border:1px solid rgba(255,255,255,.1)!important;padding:.6rem .7rem!important;min-height:auto!important;height:auto!important;flex-shrink:0!important;box-sizing:border-box!important;border-radius:8px!important;background:#181d29!important;cursor:pointer!important}.library-item:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important}.save-item-card{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.3rem .85rem!important;min-height:44px!important;height:auto!important;flex-shrink:0!important;box-sizing:border-box;background:#181d29;border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:2;touch-action:pan-y;user-select:none}.save-item-card-info{display:flex;flex-direction:column;gap:.16rem;flex:1;min-width:0;text-align:left}.save-item-card-title{font-size:.84rem!important;font-weight:700;color:#fff;font-family:Outfit,sans-serif;margin:0;line-height:1.2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-item-card-meta{display:flex;align-items:center;gap:.5rem}.save-item-card .meter-badge{font-size:.56rem}.save-item-card-date{font-size:.6rem;color:var(--text-dim);font-family:Inter,sans-serif}.save-item-card-actions{display:flex;gap:.5rem;align-items:center}.save-item-load-btn{background:var(--primary);color:#fff;border:none;width:28px;height:28px;padding:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,transform .1s}.save-item-load-btn:active{transform:scale(.95)}.save-item-share-btn{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s;padding:0}.save-item-share-btn:active{transform:scale(.95)}@media(hover:hover){.save-item-share-btn:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)}}body.theme-afro-light .save-item-share-btn{background:color-mix(in srgb,var(--accent) 24%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,#2A1503);color:color-mix(in srgb,var(--accent) 56%,#2A1503)}@media(hover:hover){body.theme-afro-light .save-item-share-btn:hover{background:color-mix(in srgb,var(--accent) 38%,transparent)}}body.light-theme .save-item-share-btn,body.theme-studio.light-theme .save-item-share-btn{background:#2f9e6e24;border-color:#2f9e6e6b;color:#2f9e6e}@media(hover:hover){body.light-theme .save-item-share-btn:hover,body.theme-studio.light-theme .save-item-share-btn:hover{background:#2f9e6e42}}.demo-device-frame .modal-overlay{background:#0a0f1e80!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.demo-device-frame .modal-content,.modal-content{background:#181e30bf!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 25px 50px -12px #000c!important}body[class*=theme-]:not(.light-theme):not(.theme-afro-light):not(.blend-note-fill) div[class*=track-] div.step-cell:not(.has-note),body[class*=theme-]:not(.light-theme):not(.theme-afro-light):not(.blend-note-fill) div[class*=track-] div.step-cell-subdivided-sub:not(.has-note),body.theme-afro .step-cell:not(.has-note),body.theme-custom .step-cell:not(.has-note),body.theme-studio .step-cell:not(.has-note),body.theme-tinted .step-cell:not(.has-note),body.theme-afro .step-cell-subdivided-sub:not(.has-note),body.theme-custom .step-cell-subdivided-sub:not(.has-note),body.theme-studio .step-cell-subdivided-sub:not(.has-note),body.theme-tinted .step-cell-subdivided-sub:not(.has-note),body:not(.light-theme):not(.theme-afro-light) .step-cell:not(.has-note),body:not(.light-theme):not(.theme-afro-light) .step-cell-subdivided-sub:not(.has-note){border-color:#fff6!important;border-color:hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 60% 88% / .4)!important;border-style:solid!important}body[class*=theme-afro-light]:not(.blend-note-fill) div[class*=track-] div.step-cell:not(.has-note),body[class*=theme-afro-light]:not(.blend-note-fill) div[class*=track-] div.step-cell-subdivided-sub:not(.has-note),body.light-theme:not(.blend-note-fill) div[class*=track-] div.step-cell:not(.has-note),body.light-theme:not(.blend-note-fill) div[class*=track-] div.step-cell-subdivided-sub:not(.has-note),body.light-theme .step-cell:not(.has-note),body.light-theme .step-cell-subdivided-sub:not(.has-note),body.theme-afro-light .step-cell:not(.has-note),body.theme-afro-light .step-cell-subdivided-sub:not(.has-note){border-color:#00000080!important;border-style:solid!important}body[class*=theme-]:not(.light-theme):not(.theme-afro-light):not(.blend-note-fill) div[class*=track-] div.step-cell.has-note,body[class*=theme-]:not(.light-theme):not(.theme-afro-light):not(.blend-note-fill) div[class*=track-] div.step-cell-subdivided-sub.has-note,body.theme-afro .step-cell.has-note,body.theme-custom .step-cell.has-note,body.theme-studio .step-cell.has-note,body.theme-tinted .step-cell.has-note,body.theme-afro .step-cell-subdivided-sub.has-note,body.theme-custom .step-cell-subdivided-sub.has-note,body.theme-studio .step-cell-subdivided-sub.has-note,body.theme-tinted .step-cell-subdivided-sub.has-note,body:not(.light-theme):not(.theme-afro-light) .step-cell.has-note,body:not(.light-theme):not(.theme-afro-light) .step-cell-subdivided-sub.has-note{border-color:#ffffff1a!important;border-style:solid!important;box-shadow:none!important}body[class*=theme-afro-light]:not(.blend-note-fill) div[class*=track-] div.step-cell.has-note,body[class*=theme-afro-light]:not(.blend-note-fill) div[class*=track-] div.step-cell-subdivided-sub.has-note,body.light-theme:not(.blend-note-fill) div[class*=track-] div.step-cell.has-note,body.light-theme:not(.blend-note-fill) div[class*=track-] div.step-cell-subdivided-sub.has-note,body.light-theme .step-cell.has-note,body.light-theme .step-cell-subdivided-sub.has-note,body.theme-afro-light .step-cell.has-note,body.theme-afro-light .step-cell-subdivided-sub.has-note{border-color:#0003!important;border-style:solid!important;box-shadow:none!important}.sub-note-square{box-shadow:none!important}.library-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;padding-bottom:0!important;border-bottom:none!important;margin-bottom:.75rem!important}.library-modal-static-title{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(1.4rem,-.25rem + 7.33vw,2.5rem);color:var(--text-main);white-space:nowrap}.library-header-tabs{display:flex;gap:.35rem;width:100%;flex-shrink:0}.library-tab-btn{flex:1 1 0;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;background:color-mix(in srgb,var(--tab-hue) 5%,transparent)!important;border:1px solid color-mix(in srgb,var(--tab-hue) 30%,transparent)!important;border-bottom:2.5px solid color-mix(in srgb,var(--tab-hue) 26%,transparent)!important;border-radius:7px 7px 0 0!important;color:var(--text-muted)!important;font-family:Outfit,sans-serif;font-weight:600;font-size:.98rem;cursor:pointer;padding:0 .4rem;box-shadow:none!important;transition:color .18s ease,background .18s ease,border-color .18s ease}.library-tab-btn svg{width:15px;height:15px;flex-shrink:0}.library-tab-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tab-btn:hover:not(.active){color:color-mix(in srgb,var(--tab-hue) 62%,var(--text-main))!important;background:color-mix(in srgb,var(--tab-hue) 11%,transparent)!important;border-color:color-mix(in srgb,var(--tab-hue) 48%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--tab-hue) 40%,transparent)!important}body.light-theme .library-tab-btn:not(.active),body.theme-afro-light .library-tab-btn:not(.active){background:transparent!important;border-color:color-mix(in srgb,var(--tab-hue) 38%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--tab-hue) 32%,transparent)!important;color:color-mix(in srgb,var(--tab-hue) 58%,var(--text-muted))!important}@media(hover:hover){body.light-theme .library-tab-btn:not(.active):hover,body.theme-afro-light .library-tab-btn:not(.active):hover{background:color-mix(in srgb,var(--tab-hue) 9%,transparent)!important;border-color:color-mix(in srgb,var(--tab-hue) 60%,transparent)!important;color:var(--tab-hue)!important}}.library-tab-btn.active{color:var(--tab-hue)!important;background:color-mix(in srgb,var(--tab-hue) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--tab-hue) 58%,transparent)!important;border-bottom:2.5px solid var(--tab-hue)!important;font-weight:700}@media(max-width:430px){.library-tab-btn{font-size:.9rem;gap:0;padding:0 .25rem}.library-tab-btn svg{display:none}}@media(max-width:375px){.library-tab-btn{font-size:.84rem;padding:0 .1rem}}.library-tab-btn.tab-trad{--tab-hue: #CF6A38}.library-tab-btn.tab-practice{--tab-hue: #4E9377}.library-tab-btn.tab-mine{--tab-hue: #C99A3E}body.light-theme .library-tab-btn.tab-trad,body.theme-afro-light .library-tab-btn.tab-trad{--tab-hue: #B4551F}body.light-theme .library-tab-btn.tab-practice,body.theme-afro-light .library-tab-btn.tab-practice{--tab-hue: #2F7458}body.light-theme .library-tab-btn.tab-mine,body.theme-afro-light .library-tab-btn.tab-mine{--tab-hue: #9A7420}#library-modal #my-rhythms-list{max-height:none!important;flex:1 1 auto!important;overflow-y:auto!important;display:none;flex-direction:column;gap:.35rem;padding:.1rem 0!important}#library-modal #my-rhythms-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start}#library-modal #my-rhythms-list{border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#0003!important;padding:.4rem .75rem .4rem .5rem!important}#library-modal #library-body{border:none!important;border-radius:0!important;background:transparent!important}#library-modal #library-body{display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-content:start!important;gap:.4rem!important}#library-modal #library-body.lib-hidden{display:none!important}.list-fade-wrapper{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.list-fade-wrapper:before,.list-fade-wrapper:after{content:"";position:absolute;left:0;right:0;height:38px;z-index:2;pointer-events:none;border-radius:10px}.list-fade-wrapper:before{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent)}.list-fade-wrapper:after{display:none}#library-modal #library-body{margin-bottom:0!important}#library-modal .modal-footer{margin-top:.5rem!important}#library-modal{padding-top:8vh!important}#library-modal .modal-content.library-modal-content{max-width:1020px!important;width:94%!important;height:100%!important;padding-left:1.15rem!important;padding-right:1.15rem!important;padding-bottom:1rem!important}.library-title{font-size:.82rem!important;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;line-height:1.25!important}.modal-content{padding-left:1.6rem!important;padding-right:1.6rem!important}@media(min-width:769px){#library-modal #library-body{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}@media(min-width:769px){#library-body::-webkit-scrollbar,#my-rhythms-list::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:12px}#library-body::-webkit-scrollbar-track,#my-rhythms-list::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#ffffff0f;border-radius:6px}#library-body::-webkit-scrollbar-thumb,#my-rhythms-list::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#ffffff61;border-radius:6px;min-height:44px}#library-body::-webkit-scrollbar-thumb:hover,#my-rhythms-list::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#fff9}#library-body,#my-rhythms-list,.modal-body{scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.38) rgba(255,255,255,.06)}.lib-scroll-track{display:none}}.demo-device-frame #library-modal,.demo-device-frame #library-modal .modal-content,.demo-device-frame #library-modal .modal-body,.demo-device-frame #library-body,.demo-device-frame #my-rhythms-list{overflow-x:hidden!important}.demo-device-frame #library-body::-webkit-scrollbar,.demo-device-frame #my-rhythms-list::-webkit-scrollbar,.demo-device-frame .library-modal-content::-webkit-scrollbar,.demo-device-frame .modal-body::-webkit-scrollbar{display:none!important}.demo-device-frame #library-body,.demo-device-frame #my-rhythms-list,.demo-device-frame .library-modal-content,.demo-device-frame .modal-body{-ms-overflow-style:none!important;scrollbar-width:none!important}@media(max-width:768px){#library-modal,#library-modal .modal-content,#library-modal .modal-body,#library-body,#my-rhythms-list{overflow-x:hidden!important}.library-modal-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar{display:none!important}.library-modal-content,.modal-body{-ms-overflow-style:none!important;scrollbar-width:none!important}#my-rhythms-list::-webkit-scrollbar,#library-body::-webkit-scrollbar{display:none!important;width:0!important}#my-rhythms-list,#library-body{scrollbar-width:none!important}.lib-scroll-track{display:block}}.meter-badge.meter-4-4{background:#38bdf826!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.3)!important}.library-item:hover{transform:translateY(-1px)!important;border-color:var(--primary)!important;background:#1f2636!important}.library-item.library-item--active{border-color:var(--primary)!important;background:#ffffff0d!important;box-shadow:0 0 0 1px var(--primary)!important}.save-item-container.library-item--active .save-item-card{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 14%,var(--bg-card-opaque))!important;box-shadow:0 0 0 1px var(--primary)!important}.lib-scroll-track{position:absolute;right:3px;top:8px;bottom:8px;width:6px;border-radius:3px;background:#ffffff12;z-index:10;pointer-events:none;transition:opacity .15s}.lib-scroll-thumb{position:absolute;left:0;right:0;background:#ffffff73;border-radius:3px;pointer-events:all;cursor:grab;touch-action:none;min-height:44px}.lib-scroll-thumb:active{background:#ffffffa6;cursor:grabbing}#library-modal .library-search-bar{margin-bottom:.6rem!important}#library-search{padding-top:calc(.7rem + (var(--desktop-cell-slot, 18px) - 18px) * .015)!important;padding-bottom:calc(.7rem + (var(--desktop-cell-slot, 18px) - 18px) * .015)!important;font-size:calc(.9rem + (var(--desktop-cell-slot, 18px) - 18px) * .02)!important}#library-search::placeholder{color:#fff9!important;opacity:1!important}@keyframes pulse-call-glow{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-ech-glow{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.btn-prominent-call{background:#10b98140!important;border-color:#10b981b3!important;border-width:2px!important;animation:pulse-call-glow 2s infinite!important}.btn-prominent-ech{background:#ef444438!important;border-color:#ef4444a6!important;border-width:2px!important;animation:pulse-ech-glow 2s infinite!important}body .step-cell:not(.has-note){border-color:rgba(255,255,255,calc(.35 - .3 * var(--current-scale, 1)))!important}body.rhythm-4-4 .step-cell svg{width:105.8%!important;height:105.8%!important}body.rhythm-4-4 .step-cell-subdivided-sub svg{width:115%!important;height:115%!important}#about-modal .modal-content.about-modal-content{padding:0;overflow:hidden;max-width:420px;position:relative;background:#000!important;border-color:#ffffff6b!important}#about-modal .about-modal-credits{background:#000}.about-modal-close-btn{position:absolute;top:.6rem;right:.6rem;z-index:10;background:#0000008c;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s;flex-shrink:0}.about-modal-close-btn:hover{background:#000c}.about-modal-image-wrap{width:100%;line-height:0;padding-top:1.25rem}.about-modal-image{width:100%;height:auto;display:block;border-radius:0}.about-modal-credits{padding:1.25rem 1.5rem 1.6rem;text-align:center}.about-modal-title{font-family:Josefin Sans,Outfit,sans-serif;font-size:2rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;background:linear-gradient(to bottom,#a8d8ff,#38bdf8 40%,#0ea5e9,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .2rem}.about-modal-version,.about-modal-tagline,.about-modal-credit-line{color:#ffffffb8!important}.about-modal-credit-line strong,.about-modal-title{color:#fffffff2!important}.about-modal-credit-line a{color:inherit!important}.about-modal-version{font-size:.75rem;color:var(--text-muted);margin:0 0 .45rem;letter-spacing:.08em;text-transform:uppercase}.about-modal-tagline{font-size:.85rem;color:var(--text-muted);margin:0}.about-modal-divider{height:1px;background:var(--border-color);margin:.9rem 0}.about-modal-credit-line{font-size:.82rem;color:var(--text-muted);margin:.25rem 0 0}.about-modal-attribution{margin-top:.6rem;font-size:.78rem;line-height:1.5;opacity:.9}.about-modal-credit-line strong{color:var(--text-main);font-weight:600}#library-body .library-item{background:transparent!important;border:none!important;border-left:3px solid rgba(255,255,255,.15)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;padding:0 .3rem 0 .5rem!important;height:auto!important;min-height:38px!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;align-self:stretch!important}#library-body .library-title{min-width:0!important;flex:1 1 auto!important}@media(max-width:768px),(pointer:coarse){#library-body .library-item{min-height:44px!important}}#library-body .library-item.sig-4-4{border-left-color:#38bdf8e6!important}#library-body .library-item.sig-12-8{border-left-color:#f59e0be6!important}#library-body .library-item.sig-6-8{border-left-color:#14b8a6e6!important}#library-body .library-item.sig-9-8{border-left-color:#a855f7e6!important}#library-body .library-item{transform:none!important}#library-body .library-item:hover{background:transparent!important;border-left-width:3px!important;transform:none!important}@media(hover:hover)and (pointer:fine){#library-body .library-item:hover{background:#ffffff0f!important}}#library-body .library-item.library-item--active{background:#0369a159!important;box-shadow:none!important}#library-body .library-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;font-size:.8rem!important}#library-modal #library-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:.9rem!important;row-gap:0!important;padding:.15rem 0!important}@media(min-width:769px){#library-modal #library-body{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}.library-modal-title-group{display:flex;align-items:baseline;gap:.5rem;min-width:0}#library-modal .modal-footer{display:flex!important;align-items:center!important;gap:1rem!important;margin-top:.75rem!important}#library-modal .library-tag-strip{margin:0;flex:1 1 auto;min-width:0;justify-content:flex-start;padding:5px 4px}#library-modal .library-tag-strip.has-more-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 22px),transparent 100%)}#library-modal .library-tag-strip.has-more-left:not(.has-more-right){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 100%)}#library-modal .library-tag-strip.has-more-left.has-more-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}#library-modal .modal-footer .btn{flex-shrink:0;margin-left:auto}.modal-footer .mixer-reset-btn{margin-left:0;margin-right:auto}#library-modal .modal-footer .library-io-btn{margin-left:0;padding:.5rem 1rem}.library-io-btn svg{flex-shrink:0}body.theme-afro #library-modal .modal-footer .library-io-btn,body.theme-afro-light #library-modal .modal-footer .library-io-btn{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-contrast, #ffffff)!important;box-shadow:0 4px 14px 0 var(--primary-glow, rgba(0, 0, 0, .2))!important}body.theme-afro #library-modal .modal-footer .library-io-btn:hover,body.theme-afro-light #library-modal .modal-footer .library-io-btn:hover{filter:brightness(1.06)}#library-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.library-tool-btn{width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color);border-radius:8px;background:#00000040;color:#fff9;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.library-tool-btn:hover{color:#ffffffe6;background:#ffffff14}.library-tool-btn.active{color:#fff;background:var(--primary);border-color:var(--primary-glow)}body.light-theme .library-tool-btn:not(.active),body.theme-afro-light .library-tool-btn:not(.active){color:var(--text-muted)!important;background:#0000000b!important}body.light-theme .library-tool-btn:not(.active):hover,body.theme-afro-light .library-tool-btn:not(.active):hover{color:var(--text-main)!important;background:#00000017!important}@media(max-width:768px),(pointer:coarse){#library-modal #library-body{padding-right:12px!important}}body.light-theme .track-row{--row-card: #FFF3E3 !important;--row-top: initial !important;--row-edge: initial !important;--row-border-col: rgba(238, 133, 0, .4) !important}body.light-theme .track-icon-wrapper{color:#c36a00!important;background-color:#ffe3c2!important;border-color:#ee850073!important}body.light-theme .step-cell:not(.has-note),body.light-theme .step-cell-subdivided-sub:not(.has-note){background:#ffffffb8!important;border-color:#00000030!important}body.light-theme .step-cell.has-note,body.light-theme .step-cell-subdivided-sub.has-note{background:#5d8a52!important;border-color:#4e7b44!important}body.light-theme .step-cell.has-note svg,body.light-theme .step-cell-subdivided-sub.has-note svg{color:#fff6ea!important;transform:scale(1)!important}body.light-theme.blend-note-fill .step-cell.has-note,body.light-theme.blend-note-fill .step-cell-subdivided-sub.has-note{background:#fff!important;border-color:#00000030!important;box-shadow:none!important}body.light-theme.blend-note-fill .step-cell.has-note svg,body.light-theme.blend-note-fill .step-cell-subdivided-sub.has-note svg{color:#53714b!important}body.light-theme.no-track-tint .track-row{--row-card: #FFFDF9 !important;--row-top: initial !important;--row-edge: initial !important;--row-border-col: rgba(0, 0, 0, .09) !important}body.theme-afro .step-cell:not(.has-note),body.theme-afro .step-cell-subdivided-sub:not(.has-note){background:#00000047!important}body.theme-afro-light .step-cell:not(.has-note),body.theme-afro-light .step-cell-subdivided-sub:not(.has-note){background:#ffffffb8!important}body.theme-afro-light.no-track-tint .track-row{--row-card: rgba(255, 255, 255, .5) !important;--row-top: initial !important;--row-edge: initial !important;--row-border-col: rgba(0, 0, 0, .1) !important}body.theme-afro .track-row,body.theme-afro-light .track-row,body.light-theme .track-row{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro #solos-control-row,body.theme-afro #breaks-control-row,body.theme-afro #variations-control-row{background:#0000004d!important}body.theme-afro-light #solos-control-row,body.theme-afro-light #breaks-control-row,body.theme-afro-light #variations-control-row{background:#ffffff8c!important}body.light-theme #solos-control-row,body.light-theme #breaks-control-row,body.light-theme #variations-control-row{background:#ffffffbf!important}body.theme-afro #sequencer-grid-card,body.theme-afro-light #sequencer-grid-card,body.light-theme #sequencer-grid-card{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro #sequencer-grid-card{background:#0000004d!important}body.theme-afro-light #sequencer-grid-card{background:#ffffff73!important}body.light-theme #sequencer-grid-card{background:#ffffffa6!important}body.theme-afro.blend-note-fill .track-row .step-cell.has-note,body.theme-afro.blend-note-fill .track-row .step-cell-subdivided-sub.has-note{background-color:#00000047!important;border-color:#fff6!important;border-color:hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 60% 88% / .4)!important}body.theme-studio.blend-note-fill:not(.light-theme):not(.theme-afro):not(.theme-afro-light) .track-row .step-cell.has-note,body.theme-studio.blend-note-fill:not(.light-theme):not(.theme-afro):not(.theme-afro-light) .track-row .step-cell-subdivided-sub.has-note{border-color:#fff6!important;border-color:hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 60% 88% / .4)!important}body.theme-afro-light.blend-note-fill .track-row .step-cell.has-note,body.theme-afro-light.blend-note-fill .track-row .step-cell-subdivided-sub.has-note{background-color:#ffffffb8!important;border-color:#00000059!important}.preset-swatches{display:inline-flex;gap:3px;margin-right:.45rem;flex-shrink:0;align-items:center}.preset-swatches i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(127,127,127,.45);display:inline-block}body.theme-afro .pads-panel,body.theme-afro .notation-container,body.theme-afro-light .pads-panel,body.theme-afro-light .notation-container,body.light-theme .pads-panel,body.light-theme .notation-container{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro .pads-panel,body.theme-afro .notation-container{background:#0000004d!important}body.theme-afro-light .pads-panel,body.theme-afro-light .notation-container{background:#ffffff73!important}body.light-theme .pads-panel,body.light-theme .notation-container{background:#ffffffa6!important}body.theme-afro #breaks-control-row span,body.theme-afro-light #breaks-control-row span,body.light-theme #breaks-control-row span{color:var(--text-muted)!important}body.theme-afro .mobile-header,body.theme-afro .controls-bar{background:var(--app-bar-bg, #15221b)!important;border-color:var(--border-color)!important}body.theme-afro-light .mobile-header,body.theme-afro-light .controls-bar{background:var(--app-bar-bg, #f7efc2)!important;border-color:var(--border-color)!important}body.light-theme .mobile-header,body.light-theme .controls-bar{background:#fff1de!important;border-color:#ee850040!important}body.theme-afro .logo-title,body.theme-afro-light .logo-title,body.light-theme .logo-title{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--text-main)!important;color:var(--text-main)!important;text-shadow:none!important}body.theme-studio.light-theme .step-cell:not(.has-note),body.theme-studio.light-theme .step-cell-subdivided-sub:not(.has-note){background:#ffffffb8!important;border-color:#00000030!important}body.theme-studio.light-theme .step-cell.has-note,body.theme-studio.light-theme .step-cell-subdivided-sub.has-note{background:#5d8a52!important;border-color:#4e7b44!important}body.theme-studio.light-theme .step-cell.has-note svg,body.theme-studio.light-theme .step-cell-subdivided-sub.has-note svg{color:#fff6ea!important;transform:scale(1)!important}body.theme-studio.light-theme.blend-note-fill .step-cell.has-note,body.theme-studio.light-theme.blend-note-fill .step-cell-subdivided-sub.has-note{background:#fff!important;border-color:#00000030!important;box-shadow:none!important}body.theme-studio.light-theme.blend-note-fill .step-cell.has-note svg,body.theme-studio.light-theme.blend-note-fill .step-cell-subdivided-sub.has-note svg{color:#53714b!important}body.theme-studio.light-theme .track-row,body.theme-studio.light-theme .track-row:hover,body.theme-studio.light-theme .track-row.focused-track{--row-card: #FFF3E3 !important;--row-top: initial !important;--row-edge: initial !important;border:1px solid!important;--row-border-col: rgba(238, 133, 0, .4) !important;box-shadow:0 2px 8px #0000000d!important}body.theme-studio.light-theme .track-icon-wrapper{color:#c36a00!important;background-color:#ffe3c2!important;border-color:#ee850073!important}body.theme-studio.light-theme.no-track-tint .track-row,body.theme-studio.light-theme.no-track-tint .track-row:hover,body.theme-studio.light-theme.no-track-tint .track-row.focused-track{--row-card: #FFFDF9 !important;--row-top: initial !important;--row-edge: initial !important;border:1px solid!important;--row-border-col: rgba(0, 0, 0, .09) !important}body.theme-studio.light-theme .mobile-header,body.theme-studio.light-theme .controls-bar{background:#fff1de!important;border-color:#ee850040!important}body.theme-studio.light-theme .logo-title{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#2E2A24!important;color:#2e2a24!important;text-shadow:none!important}body.theme-studio.light-theme .glass-panel:not(.mobile-header),body.theme-studio.light-theme .pads-panel,body.theme-studio.light-theme .notation-container{background:#ffffffb8!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.light-theme .mobile-header,body.theme-studio.light-theme .mobile-header{background:#ee8500!important;border-bottom-color:#00000026!important}body.light-theme .mobile-header button,body.theme-studio.light-theme .mobile-header button{color:#fffdf8f2!important}body.light-theme .logo-title,body.theme-studio.light-theme .logo-title{-webkit-text-fill-color:#FFFDF8!important;color:#fffdf8!important}body.light-theme .step-cell.has-note,body.light-theme .step-cell-subdivided-sub.has-note,body.theme-studio.light-theme .step-cell.has-note,body.theme-studio.light-theme .step-cell-subdivided-sub.has-note{background:#4a7340!important;border-color:#3e6136!important}body.theme-afro-light .track-row,body.theme-afro-light .track-row:hover,body.theme-afro-light .track-row.focused-track{--row-border-col: rgba(62, 22, 5, .28) !important}body.theme-afro .track-row .track-icon-wrapper,body.theme-afro .track-row .track-icon-wrapper:active{border-color:#f7efc238!important}body.theme-afro-light .track-row .track-icon-wrapper,body.theme-afro-light .track-row .track-icon-wrapper:active{border-color:#3e160547!important}body.theme-afro #sequencer-grid-card,body.theme-afro .pads-panel,body.theme-afro .notation-container{background:#0000004d!important;border:1px solid rgba(247,239,194,.14)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro-light #sequencer-grid-card,body.theme-afro-light .pads-panel,body.theme-afro-light .notation-container{background:#ffffff73!important;border:1px solid rgba(62,22,5,.18)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.light-theme #sequencer-grid-card,body.light-theme .pads-panel,body.light-theme .notation-container,body.theme-studio.light-theme #sequencer-grid-card,body.theme-studio.light-theme .pads-panel,body.theme-studio.light-theme .notation-container{background:#ffffffa6!important;border:1px solid rgba(238,133,0,.3)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.light-theme #notation-text,body.theme-studio.light-theme #notation-text,body.theme-afro-light #notation-text{background:#fff!important;color:#2a2620!important;border-color:#00000024!important}body.light-theme .drum-pad,body.light-theme .drum-pad:hover,body.theme-studio.light-theme .drum-pad,body.theme-studio.light-theme .drum-pad:hover,body.theme-afro-light .drum-pad,body.theme-afro-light .drum-pad:hover{border-color:#3e16054d!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-tinted) .step-cell svg,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-tinted) .step-cell-subdivided-sub svg{color:#eae0cb!important}body.theme-afro .drum-pad:not(.pad-active){background:#0000004d!important}body.theme-afro-light .drum-pad:not(.pad-active){background:#ffffff8c!important}body.light-theme .drum-pad:not(.pad-active),body.theme-studio.light-theme .drum-pad:not(.pad-active){background:#ffffffbf!important}body.theme-afro-light #bpm-range::-webkit-slider-runnable-track,body.light-theme #bpm-range::-webkit-slider-runnable-track{background:#00000038!important}body.theme-afro-light #bpm-range::-moz-range-track,body.light-theme #bpm-range::-moz-range-track{background:#00000038!important}body.theme-afro-light .swing-timeline-line,body.light-theme .swing-timeline-line{background:#3e160540!important}body.theme-afro-light .swing-timeline-dot.tick-mark,body.light-theme .swing-timeline-dot.tick-mark{background:#3e160559!important}body.theme-afro-light .swing-timeline-dot:not(.tick-mark),body.light-theme .swing-timeline-dot:not(.tick-mark){background:var(--primary)!important;border-color:#0003!important}body.theme-afro-light .btn-title-icon{color:var(--header-icon, var(--primary, #8F502A))!important}body.theme-afro-light .btn-title-icon:hover{color:var(--text-main, #3A2410)!important}body.theme-afro-light #sequencer-grid-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#8A6224!important;text-shadow:none!important}body.theme-afro-light .btn-primary,body.theme-afro-light .btn-primary:hover{color:#fff8ee!important}body.light-theme #btn-trigger-call,body.theme-studio.light-theme #btn-trigger-call{background:#3e8560!important;border-color:#2f6b4c!important;color:#fff!important}body.light-theme #btn-trigger-call:hover,body.theme-studio.light-theme #btn-trigger-call:hover{background:#35734f!important}body.light-theme #btn-trigger-echauffement,body.theme-studio.light-theme #btn-trigger-echauffement{background:#c24532!important;border-color:#a03526!important;color:#fff!important}body.light-theme #btn-trigger-echauffement:hover,body.theme-studio.light-theme #btn-trigger-echauffement:hover{background:#ab3a28!important}body.theme-afro-light #btn-trigger-call{background:#39675d!important;border-color:#2c544a!important;color:#edf4ee!important}body.theme-afro-light #btn-trigger-echauffement{background:#a03a28!important;border-color:#83291a!important;color:#fbefe8!important}body.light-theme .btn-prominent-call,body.light-theme .btn-prominent-ech,body.theme-afro-light .btn-prominent-call,body.theme-afro-light .btn-prominent-ech{animation:none!important;box-shadow:none!important}body.light-theme #btn-trigger-call.blinking,body.light-theme #btn-trigger-echauffement.blinking,body.theme-afro-light #btn-trigger-call.blinking,body.theme-afro-light #btn-trigger-echauffement.blinking{box-shadow:none!important}body.light-theme .track-row.muted-track,body.theme-studio.light-theme .track-row.muted-track,body.theme-afro-light .track-row.muted-track{opacity:.35!important;filter:grayscale(1)!important}body.light-theme .track-row.focused-track.muted-track>.track-meta,body.light-theme .track-row.focused-track.muted-track>.track-lines-container,body.theme-studio.light-theme .track-row.focused-track.muted-track>.track-meta,body.theme-studio.light-theme .track-row.focused-track.muted-track>.track-lines-container,body.theme-afro-light .track-row.focused-track.muted-track>.track-meta,body.theme-afro-light .track-row.focused-track.muted-track>.track-lines-container{filter:grayscale(1)}body.light-theme .track-row.focused-track.muted-track,body.theme-studio.light-theme .track-row.focused-track.muted-track,body.theme-afro-light .track-row.focused-track.muted-track{opacity:1!important;filter:none!important}body.light-theme .track-row.focused-track.muted-track>.track-meta,body.light-theme .track-row.focused-track.muted-track>.track-lines-container,body.theme-studio.light-theme .track-row.focused-track.muted-track>.track-meta,body.theme-studio.light-theme .track-row.focused-track.muted-track>.track-lines-container,body.theme-afro-light .track-row.focused-track.muted-track>.track-meta,body.theme-afro-light .track-row.focused-track.muted-track>.track-lines-container{opacity:.35}body.light-theme .sequencer-container.has-solo .track-row:not(.soloed-track),body.theme-studio.light-theme .sequencer-container.has-solo .track-row:not(.soloed-track),body.theme-afro-light .sequencer-container.has-solo .track-row:not(.soloed-track){opacity:.45!important;filter:saturate(.55)!important}body.light-theme .sequencer-container.has-solo .track-row.muted-track:not(.soloed-track),body.theme-studio.light-theme .sequencer-container.has-solo .track-row.muted-track:not(.soloed-track),body.theme-afro-light .sequencer-container.has-solo .track-row.muted-track:not(.soloed-track){opacity:.3!important;filter:saturate(.45)!important}body.theme-afro-light .track-row.track-djembe.focused-track{--row-card: var(--djembe-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.track-kenkeni.focused-track{--row-card: var(--kenkeni-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.track-sangban.focused-track{--row-card: var(--sangban-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.track-doundounba.focused-track{--row-card: var(--doundounba-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-solo-active.focused-track,body.theme-afro-light .track-row.part-ech-active.focused-track{--row-card: #F4D6CE !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-break-active.focused-track,body.theme-afro-light .track-row.part-intro-active.focused-track{--row-card: #F5E0C4 !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-var-active.focused-track{--row-card: color-mix(in srgb, var(--variation-color, var(--accent)) 15%, #ffffff) !important;--row-top: initial !important;--row-edge: initial !important}body.light-theme.blend-note-fill .step-cell.ph-pass svg,body.theme-studio.light-theme.blend-note-fill .step-cell.ph-pass svg,body.theme-afro-light.blend-note-fill .step-cell.ph-pass svg,body.light-theme.blend-note-fill .step-cell-subdivided-sub.ph-pass svg,body.theme-afro-light.blend-note-fill .step-cell-subdivided-sub.ph-pass svg{filter:brightness(.62) saturate(1.3)!important}body.light-theme .playhead-line,body.theme-studio.light-theme .playhead-line{background:linear-gradient(180deg,transparent 0%,rgba(196,103,5,.9) 30%,rgba(196,103,5,.9) 70%,transparent 100%)!important;box-shadow:none!important}body.theme-afro-light .playhead-line,body.theme-afro .playhead-line{box-shadow:none!important}body.theme-afro-light.no-track-tint .track-row.focused-track{--row-card: rgba(255, 255, 255, .5) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro .track-drawer .drawer-btn,body.theme-afro-light .track-drawer .drawer-btn,body.light-theme .track-drawer .drawer-btn,body.theme-studio.light-theme .track-drawer .drawer-btn{background:color-mix(in srgb,var(--primary) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent)!important;color:color-mix(in srgb,var(--text-muted) 70%,var(--bg-base))!important;box-shadow:none!important}body.theme-afro .track-drawer .drawer-btn:hover,body.theme-afro-light .track-drawer .drawer-btn:hover,body.light-theme .track-drawer .drawer-btn:hover,body.theme-studio.light-theme .track-drawer .drawer-btn:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)!important}body.theme-afro .drawer-center .drawer-btn,body.theme-afro-light .drawer-center .drawer-btn,body.light-theme .drawer-center .drawer-btn,body.theme-studio.light-theme .drawer-center .drawer-btn,body.theme-afro .drawer-center .drawer-btn:hover,body.theme-afro-light .drawer-center .drawer-btn:hover,body.light-theme .drawer-center .drawer-btn:hover,body.theme-studio.light-theme .drawer-center .drawer-btn:hover{background:transparent!important;border:none!important;color:var(--primary)!important}body.theme-afro .track-drawer .drawer-btn.btn-add-part,body.theme-afro-light .track-drawer .drawer-btn.btn-add-part,body.light-theme .track-drawer .drawer-btn.btn-add-part,body.theme-studio.light-theme .track-drawer .drawer-btn.btn-add-part,body.theme-afro .track-drawer .drawer-btn.btn-add-row,body.theme-afro-light .track-drawer .drawer-btn.btn-add-row,body.light-theme .track-drawer .drawer-btn.btn-add-row,body.theme-studio.light-theme .track-drawer .drawer-btn.btn-add-row{background:color-mix(in srgb,var(--accent) 12%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important;color:var(--accent)!important}body.theme-afro .track-drawer .drawer-btn.btn-remove-row,body.theme-afro-light .track-drawer .drawer-btn.btn-remove-row,body.light-theme .track-drawer .drawer-btn.btn-remove-row,body.theme-studio.light-theme .track-drawer .drawer-btn.btn-remove-row{background:color-mix(in srgb,var(--primary) 12%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 50%,transparent)!important;color:var(--primary)!important}body.theme-afro .drawer-subdiv-select,body.theme-afro-light .drawer-subdiv-select,body.light-theme .drawer-subdiv-select,body.theme-studio.light-theme .drawer-subdiv-select,body.theme-afro .drawer-sample-group-select,body.theme-afro-light .drawer-sample-group-select,body.light-theme .drawer-sample-group-select,body.theme-studio.light-theme .drawer-sample-group-select{background:color-mix(in srgb,var(--primary) 8%,var(--bg-card-opaque))!important;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent)!important;color:var(--text-main)!important}body.light-theme .track-row.dimmed-track:not(.muted-track),body.theme-studio.light-theme .track-row.dimmed-track:not(.muted-track),body.theme-afro-light .track-row.dimmed-track:not(.muted-track){opacity:.5!important;filter:saturate(.85)!important}body.light-theme .track-row.focused-track:not(.muted-track),body.theme-studio.light-theme .track-row.focused-track:not(.muted-track),body.theme-afro .track-row.focused-track:not(.muted-track),body.theme-afro-light .track-row.focused-track:not(.muted-track),body.light-theme .sequencer-container.has-solo .track-row.focused-track:not(.muted-track),body.theme-studio.light-theme .sequencer-container.has-solo .track-row.focused-track:not(.muted-track),body.theme-afro .sequencer-container.has-solo .track-row.focused-track:not(.muted-track),body.theme-afro-light .sequencer-container.has-solo .track-row.focused-track:not(.muted-track){filter:none!important}body.theme-studio #sequencer-grid-card .studio-flam .studio-grace{top:-6%!important;left:-6%!important;width:62%!important;height:62%!important;opacity:.7!important}body.theme-studio #sequencer-grid-card .studio-flam .studio-main{bottom:0!important;right:0!important;width:78%!important;height:78%!important}body.theme-studio #sequencer-grid-card .studio-flam .studio-grace svg,body.theme-studio #sequencer-grid-card .studio-flam .studio-main svg,body.unified:not(.compact-notes) #sequencer-grid-card .studio-flam .studio-grace svg,body.unified:not(.compact-notes) #sequencer-grid-card .studio-flam .studio-main svg{width:100%!important;height:100%!important}#library-toolbar .library-sig-filters{margin-left:1.25rem}.library-group{margin-bottom:.35rem}.library-group-btn{display:flex;align-items:center;gap:.55rem;width:100%;padding:1.1rem .75rem;border-radius:10px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--primary) 7%,var(--bg-card-opaque));color:var(--text-main);font-family:Outfit,sans-serif;font-size:1.14rem;font-weight:600;cursor:pointer;text-align:left}.library-group-btn:hover{background:color-mix(in srgb,var(--primary) 14%,var(--bg-card-opaque))}.library-group-btn .lg-chevron{flex-shrink:0;transition:transform .18s ease;opacity:.7}.library-group.expanded .lg-chevron{transform:rotate(90deg)}.library-group-btn .lg-count{margin-left:auto;font-size:.78em;font-weight:700;opacity:.55}.library-group{grid-column:1 / -1}.library-group-items{display:none;padding:.3rem 0 .15rem 1.1rem;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.library-group.expanded .library-group-items{display:grid}#library-modal #library-body{border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#0003!important;padding:.4rem .5rem!important}body.theme-afro #library-modal #library-body,body.theme-afro #library-modal #my-rhythms-list{border-color:var(--border-color)!important}body.light-theme #library-modal #library-body,body.theme-studio.light-theme #library-modal #library-body,body.theme-afro-light #library-modal #library-body,body.light-theme #library-modal #my-rhythms-list,body.theme-studio.light-theme #library-modal #my-rhythms-list,body.theme-afro-light #library-modal #my-rhythms-list{border:1px solid rgba(0,0,0,.14)!important;background:#0000000a!important}.save-item-card{background:color-mix(in srgb,var(--primary) 7%,var(--bg-card-opaque))!important;border:1px solid var(--border-color)!important}.save-item-card-title{color:var(--text-main)!important}.save-item-container{box-shadow:0 3px 7px #00000047}.library-group{position:relative;z-index:3}.library-group-btn{box-shadow:0 3px 7px #00000047}.library-group-items .library-item{box-shadow:0 2px 5px #00000038}body.light-theme .meter-badge.meter-4-4,body.theme-studio.light-theme .meter-badge.meter-4-4,body.theme-afro-light .meter-badge.meter-4-4{background:#0369a11f!important;color:#075985!important;border:1px solid rgba(3,105,161,.55)!important}body.light-theme .meter-badge.meter-12-8,body.theme-studio.light-theme .meter-badge.meter-12-8,body.theme-afro-light .meter-badge.meter-12-8{background:#b453091f!important;color:#92400e!important;border:1px solid rgba(180,83,9,.55)!important}body.light-theme .meter-badge.meter-6-8,body.theme-studio.light-theme .meter-badge.meter-6-8,body.theme-afro-light .meter-badge.meter-6-8{background:#0f766e1f!important;color:#115e59!important;border:1px solid rgba(15,118,110,.55)!important}body.light-theme .meter-badge.meter-9-8,body.theme-studio.light-theme .meter-badge.meter-9-8,body.theme-afro-light .meter-badge.meter-9-8{background:#7e22ce1a!important;color:#6b21a8!important;border:1px solid rgba(126,34,206,.5)!important}.list-fade-wrapper:before{display:none!important}#library-modal #library-body,#library-modal #my-rhythms-list{background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 38px),#0003!important}body.light-theme #library-modal #library-body,body.theme-studio.light-theme #library-modal #library-body,body.theme-afro-light #library-modal #library-body,body.light-theme #library-modal #my-rhythms-list,body.theme-studio.light-theme #library-modal #my-rhythms-list,body.theme-afro-light #library-modal #my-rhythms-list{background:linear-gradient(to bottom,rgba(0,0,0,.18),transparent 38px),#0000000a!important}body.theme-afro-light .track-row.track-djembe:hover{--row-card: var(--djembe-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.track-kenkeni:hover{--row-card: var(--kenkeni-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.track-sangban:hover{--row-card: var(--sangban-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.track-doundounba:hover{--row-card: var(--doundounba-card-bg) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-solo-active:hover,body.theme-afro-light .track-row.part-ech-active:hover{--row-card: #F4D6CE !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-break-active:hover,body.theme-afro-light .track-row.part-intro-active:hover{--row-card: #F5E0C4 !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .track-row.part-var-active:hover{--row-card: color-mix(in srgb, var(--variation-color, var(--accent)) 15%, #ffffff) !important;--row-top: initial !important;--row-edge: initial !important}body.theme-afro-light .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(62,22,5) l calc(c * var(--zebra-sat, 1)) h / calc(.092 * var(--stripe-k, 1))) 0,oklch(from rgb(62,22,5) l calc(c * var(--zebra-sat, 1)) h / calc(.092 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.rhythm-9-8.theme-afro-light .steps-container,body.rhythm-9-8.theme-afro-light .steps-container.active-line{background:transparent!important}body.light-theme:not(.blend-note-fill) .step-cell.has-note.ph-pass svg,body.theme-studio.light-theme:not(.blend-note-fill) .step-cell.has-note.ph-pass svg,body.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.has-note.ph-pass svg,body.theme-studio.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.has-note.ph-pass svg{filter:brightness(1.4)!important}body.theme-afro-light .sample-group-popup{background:color-mix(in srgb,var(--bg-card-opaque, #F7EFC2) 73%,transparent)!important;border:1px solid var(--border-color, rgba(62, 22, 5, .18))!important;color:var(--text-main)!important;box-shadow:0 20px 40px #0000002e,inset 0 1px #ffffff80!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro-light.disable-blur .sample-group-popup{background:var(--bg-card-opaque, #F7EFC2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.theme-afro .sample-group-popup{background:color-mix(in srgb,var(--modal-bg, var(--bg-card-opaque, #21443e)) 68%,transparent)!important;border:1px solid var(--border-color, rgba(208, 173, 84, .25))!important;color:var(--text-main)!important;box-shadow:0 20px 40px #00000073,inset 0 1px #ffffff14!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro.disable-blur .sample-group-popup{background:var(--modal-bg, var(--bg-card-opaque, #21443e))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.theme-afro-light .sample-group-popup-title,body.theme-afro .sample-group-popup-title{color:var(--text-main)!important}body.theme-afro-light .sample-group-popup-btn{background:color-mix(in srgb,#ffffff 68%,transparent)!important;border:1px solid var(--border-color, rgba(62, 22, 5, .25))!important;color:var(--text-main)!important;box-shadow:0 4px 10px #0000002e!important}body.theme-afro-light .sample-group-popup-btn:hover:not(.active){background:color-mix(in srgb,var(--primary) 10%,#ffffff)!important;border-color:color-mix(in srgb,var(--primary) 40%,transparent)!important}body.theme-afro-light .sample-group-popup-btn.active{background:color-mix(in srgb,var(--primary) 15%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 55%,transparent)!important;color:var(--primary)!important;box-shadow:none!important}body.theme-afro-light .popup-btn-label{color:var(--text-muted)!important}body.theme-afro-light .sample-group-popup-btn.card-style.active .popup-btn-label{color:var(--text-main)!important}#large-slider-overlay{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sample-group-popup{position:relative}.sample-group-popup:before,.large-slider-window:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 10%,transparent 28%),linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 6px)}.sample-group-popup>*,.large-slider-window>*{position:relative;z-index:1}body.light-theme .sample-group-popup:before,body.theme-studio.light-theme .sample-group-popup:before,body.theme-afro-light .sample-group-popup:before,body.light-theme .large-slider-window:before,body.theme-studio.light-theme .large-slider-window:before,body.theme-afro-light .large-slider-window:before{background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.15) 10%,transparent 30%),linear-gradient(to bottom,rgba(255,255,255,.26) 0%,transparent 8px)}body.light-theme.disable-blur .sample-group-popup,body.theme-studio.light-theme.disable-blur .sample-group-popup,body.light-theme.disable-blur .large-slider-window,body.theme-studio.light-theme.disable-blur .large-slider-window{background:color-mix(in srgb,#faf8f4 62%,transparent)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro-light.disable-blur .sample-group-popup,body.theme-afro-light.disable-blur .large-slider-window{background:color-mix(in srgb,var(--bg-card-opaque, #F7EFC2) 60%,transparent)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.theme-afro.disable-blur .sample-group-popup,body.theme-afro.disable-blur .large-slider-window{background:color-mix(in srgb,var(--modal-bg, var(--bg-card-opaque, #21443e)) 50%,transparent)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.disable-blur .sample-group-popup,body.disable-blur .large-slider-window{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}body.light-theme .btn[data-type=solo]:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .btn[data-type=solo]:not(.btn-primary):not(.special-active):not(.queued-painted),body.light-theme .btn[data-type=call]:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .btn[data-type=call]:not(.btn-primary):not(.special-active):not(.queued-painted){background:var(--primary-glow)!important;border:1px solid var(--primary)!important;color:var(--primary)!important}body.light-theme .btn[data-type=variation]:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .btn[data-type=variation]:not(.btn-primary):not(.special-active):not(.queued-painted),body.light-theme .variation-btn:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .variation-btn:not(.btn-primary):not(.special-active):not(.queued-painted){background:var(--accent-glow)!important;border:1px solid var(--accent)!important;color:var(--accent)!important}body.light-theme .btn[data-type=variation]:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .btn[data-type=variation]:not(.btn-primary):not(.special-active):not(.queued-painted){background:#79895238!important;border:1px solid #677548!important;color:#525e36!important}body.light-theme .btn[data-type=solo].special-active,body.theme-studio.light-theme .btn[data-type=solo].special-active,body.light-theme .btn[data-type=solo].btn-primary,body.theme-studio.light-theme .btn[data-type=solo].btn-primary,body.light-theme .btn[data-type=solo].queued-painted,body.theme-studio.light-theme .btn[data-type=solo].queued-painted{background:#c46705!important;border:1px solid #A85B00!important;color:#fff!important}body.light-theme .btn[data-type=variation].special-active,body.theme-studio.light-theme .btn[data-type=variation].special-active,body.light-theme .btn[data-type=variation].btn-primary,body.theme-studio.light-theme .btn[data-type=variation].btn-primary,body.light-theme .btn[data-type=variation].queued-painted,body.theme-studio.light-theme .btn[data-type=variation].queued-painted{background:#637240!important;border:1px solid #556237!important;color:#fff!important}@keyframes phPassScaleOnly{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.15));filter:brightness(1.3)}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(1)}}body.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash){animation:phPassScaleOnly .35s cubic-bezier(.1,.8,.3,1) forwards!important}body.light-theme:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg,body.theme-studio.light-theme:not(.blend-note-fill) .track-row .step-cell.has-note.ph-pass svg,body.light-theme:not(.blend-note-fill) .track-row .step-cell-subdivided-sub.has-note.ph-pass svg,body.theme-studio.light-theme:not(.blend-note-fill) .track-row .step-cell-subdivided-sub.has-note.ph-pass svg{transform:scale(1)!important;filter:none!important}body.light-theme .track-row.part-call-active,body.theme-studio.light-theme .track-row.part-call-active{--part-color-hsl: 32, 90%, 46% !important;outline-color:#ee850073!important}body.light-theme .track-row.part-call-active .track-icon-wrapper,body.theme-studio.light-theme .track-row.part-call-active .track-icon-wrapper{color:#c36a00!important;border-color:#ee850080!important}body.light-theme .track-row.part-ech-active,body.theme-studio.light-theme .track-row.part-ech-active{--part-color-hsl: 9, 55%, 48% !important;outline-color:#c2453273!important}body.light-theme .track-row.part-ech-active .track-icon-wrapper,body.theme-studio.light-theme .track-row.part-ech-active .track-icon-wrapper{color:#a03a28!important;border-color:#c2453280!important}body.light-theme .track-row.part-var-active,body.theme-studio.light-theme .track-row.part-var-active{--part-color-hsl: 78, 20%, 43% !important;outline-color:#76845899!important}body.light-theme .track-row.part-var-active .track-icon-wrapper,body.theme-studio.light-theme .track-row.part-var-active .track-icon-wrapper{color:#616d46!important;border-color:#76845880!important}body.light-theme .track-row[data-track-id=solo_djembe],body.theme-studio.light-theme .track-row[data-track-id=solo_djembe],body.light-theme .track-row.part-solo-active,body.theme-studio.light-theme .track-row.part-solo-active{--row-card: #FFE2CC !important;--row-top: initial !important;--row-edge: initial !important}body.light-theme .track-row.part-call-active,body.theme-studio.light-theme .track-row.part-call-active{--row-card: #FFE7C9 !important;--row-top: initial !important;--row-edge: initial !important}body.light-theme .track-row.part-ech-active,body.theme-studio.light-theme .track-row.part-ech-active{--row-card: #FBE5DC !important;--row-top: initial !important;--row-edge: initial !important}body.light-theme .track-row.part-var-active,body.theme-studio.light-theme .track-row.part-var-active{--row-card: #E4E8D8 !important;--row-top: initial !important;--row-edge: initial !important}body.unified.compact-notes .app-container{padding-left:1px!important;padding-right:1px!important}.grid-viz-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:9px .75rem;line-height:20px;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;margin-bottom:.5rem;cursor:pointer;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-muted);user-select:none}.grid-viz-toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex:0 0 auto}body.compact-notes #custom-swing-modal .grid-viz-toggle-row{padding:.4rem .75rem!important;margin-bottom:0!important}body.compact-notes #custom-swing-modal .swing-timeline-wrapper{display:none!important}body.compact-notes #custom-swing-modal .swing-sliders-grid{gap:0!important}body.compact-notes #custom-swing-modal .swing-slider-row{padding:6px .75rem!important}body.compact-notes #custom-swing-modal .swing-tabs-container{margin:0!important}body.compact-notes #custom-swing-modal.modal-overlay{padding-top:66px!important;padding-bottom:66px!important}body.compact-notes #custom-swing-modal .modal-content{padding:.9rem 1.1rem!important}body.compact-notes #custom-swing-modal .modal-header{margin-bottom:1rem!important}body.compact-notes #custom-swing-modal .modal-content{padding-bottom:.4rem!important}body.compact-notes #custom-swing-modal .global-swing-container{padding:.5rem .75rem!important;margin-bottom:0!important}body.compact-notes #custom-swing-modal .modal-footer{margin-top:.15rem!important}body.compact-notes #custom-humanise-modal.modal-overlay{padding-top:66px!important;padding-bottom:66px!important}body.compact-notes #custom-humanise-modal .modal-content{padding:14px 1.1rem!important}body.compact-notes #custom-humanise-modal .modal-header{margin-bottom:.5rem!important}body.compact-notes #custom-humanise-modal .humanise-slider-row{padding:12px .75rem!important}body.compact-notes #custom-humanise-modal .global-humanise-container{padding:8px .75rem!important;margin-bottom:1px!important}body.compact-notes #custom-humanise-modal .grid-viz-toggle-row{padding:9px .75rem!important;margin-bottom:0!important}body.light-theme .btn[data-type=break]:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .btn[data-type=break]:not(.btn-primary):not(.special-active):not(.queued-painted),body.light-theme .btn[data-type=intro]:not(.btn-primary):not(.special-active):not(.queued-painted),body.theme-studio.light-theme .btn[data-type=intro]:not(.btn-primary):not(.special-active):not(.queued-painted){background:#8b3a461f!important;border:1px solid #8B3A46!important;color:#8b3a46!important}body.light-theme .btn[data-type=break].special-active,body.theme-studio.light-theme .btn[data-type=break].special-active,body.light-theme .btn[data-type=break].btn-primary,body.theme-studio.light-theme .btn[data-type=break].btn-primary,body.light-theme .btn[data-type=break].break-active,body.theme-studio.light-theme .btn[data-type=break].break-active,body.light-theme .btn[data-type=break].queued-painted,body.theme-studio.light-theme .btn[data-type=break].queued-painted,body.light-theme .btn[data-type=intro].special-active,body.theme-studio.light-theme .btn[data-type=intro].special-active,body.light-theme .btn[data-type=intro].btn-primary,body.theme-studio.light-theme .btn[data-type=intro].btn-primary,body.light-theme .btn[data-type=intro].queued-painted,body.theme-studio.light-theme .btn[data-type=intro].queued-painted{background:#8b3a46!important;border:1px solid #6E2C37!important;color:#fff!important}body.light-theme #solos-control-row .btn.btn-add-compact:not(.btn-primary):not(.special-active),body.theme-studio.light-theme #solos-control-row .btn.btn-add-compact:not(.btn-primary):not(.special-active),body.light-theme #breaks-control-row .btn.btn-add-compact:not(.btn-primary):not(.special-active),body.theme-studio.light-theme #breaks-control-row .btn.btn-add-compact:not(.btn-primary):not(.special-active),body.light-theme #variations-control-row .btn.btn-add-compact:not(.btn-primary):not(.special-active),body.theme-studio.light-theme #variations-control-row .btn.btn-add-compact:not(.btn-primary):not(.special-active){background:transparent!important;border:1.5px dashed color-mix(in srgb,var(--text-muted) 60%,transparent)!important;color:var(--text-muted)!important}@media(hover:hover){body.light-theme #solos-control-row .btn.btn-add-compact:hover,body.theme-studio.light-theme #solos-control-row .btn.btn-add-compact:hover,body.light-theme #breaks-control-row .btn.btn-add-compact:hover,body.theme-studio.light-theme #breaks-control-row .btn.btn-add-compact:hover,body.light-theme #variations-control-row .btn.btn-add-compact:hover,body.theme-studio.light-theme #variations-control-row .btn.btn-add-compact:hover{border-color:var(--primary)!important;color:var(--primary)!important}}body.light-theme #special-parts-control-row .btn[data-type=intro]:not(.btn-primary):not(.special-active),body.theme-studio.light-theme #special-parts-control-row .btn[data-type=intro]:not(.btn-primary):not(.special-active){background:#9a6e1b24!important;border:1px solid #9A6E1B!important;color:#7e5a16!important}body.light-theme #special-parts-control-row .btn[data-type=intro].special-active,body.theme-studio.light-theme #special-parts-control-row .btn[data-type=intro].special-active,body.light-theme #special-parts-control-row .btn[data-type=intro].btn-primary,body.theme-studio.light-theme #special-parts-control-row .btn[data-type=intro].btn-primary{background:#9a6e1b!important;border:1px solid #7E5A16!important;color:#fff!important}body.light-theme .track-row.part-break-active,body.light-theme .track-row.part-intro-active,body.theme-studio.light-theme .track-row.part-break-active,body.theme-studio.light-theme .track-row.part-intro-active{--row-card: #F3DEE2 !important;--row-top: initial !important;--row-edge: initial !important;--part-color-hsl: 351, 45%, 48% !important;outline-color:#8b3a4673!important}body.light-theme .track-row.part-break-active .track-icon-wrapper,body.light-theme .track-row.part-intro-active .track-icon-wrapper,body.theme-studio.light-theme .track-row.part-break-active .track-icon-wrapper,body.theme-studio.light-theme .track-row.part-intro-active .track-icon-wrapper{color:#8b3a46!important;border-color:#8b3a4680!important}body.compact-notes #sequencer-grid-title{font-size:calc(1.575rem * var(--title-scale, 1))!important}body.compact-notes #btn-quick-save svg{width:21px!important;height:21px!important}body.compact-notes #sequencer-grid-title>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.85rem!important;max-width:calc(100% - 3rem)!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.12!important;vertical-align:middle!important}body.compact-notes #sequencer-grid-title #sequencer-title-text{white-space:normal!important;overflow-wrap:break-word!important;min-width:0!important}body.compact-notes #btn-quick-save{position:static!important;left:auto!important;top:auto!important;transform:none!important;margin-left:0!important;flex:0 0 auto!important}@keyframes phPassLightFilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.15));filter:brightness(1.3)}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(1)}}@keyframes notePlayFlashLightFilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}@keyframes subCellPlayFlashLightFilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.2))}to{transform:translateY(-50%) scale(var(--current-scale, .9))}}body.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash),body.theme-afro-light:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-afro-light:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash){animation:phPassLightFilled .35s cubic-bezier(.1,.8,.3,1) forwards!important}body.light-theme:not(.blend-note-fill) .step-cell.note-play-flash,body.theme-afro-light:not(.blend-note-fill) .step-cell.note-play-flash{animation:notePlayFlashLightFilled var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}body.light-theme:not(.blend-note-fill) .step-cell.step-cell-subdivided-sub.note-play-flash,body.theme-afro-light:not(.blend-note-fill) .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashLightFilled var(--flash-sub-dur, .18s) cubic-bezier(.1,.8,.3,1)!important}@keyframes phPassLightUnfilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.35));filter:brightness(1.2)}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(1)}}@keyframes notePlayFlashLightUnfilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.36))}to{transform:translateY(-50%) scale(var(--current-scale, 1))}}@keyframes subCellPlayFlashLightUnfilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.9))}to{transform:translateY(-50%) scale(var(--current-scale, .9))}}body.light-theme.blend-note-fill .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.light-theme.blend-note-fill .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash),body.theme-studio.light-theme.blend-note-fill .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-studio.light-theme.blend-note-fill .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash),body.theme-afro-light.blend-note-fill .step-cell.ph-pass:not(.strike-flash):not(.note-play-flash):not(.step-cell-triplet),body.theme-afro-light.blend-note-fill .step-cell-subdivided-sub.ph-pass:not(.strike-flash):not(.note-play-flash){animation:phPassLightUnfilled .35s cubic-bezier(.1,.8,.3,1) forwards!important}body.light-theme.blend-note-fill .step-cell.note-play-flash,body.theme-afro-light.blend-note-fill .step-cell.note-play-flash{animation:notePlayFlashLightUnfilled var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)!important}body.light-theme.blend-note-fill .step-cell.step-cell-subdivided-sub.note-play-flash,body.theme-afro-light.blend-note-fill .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashLightUnfilled var(--flash-sub-dur, .18s) cubic-bezier(.1,.8,.3,1)!important}body.light-theme .rhythm-type-btn,body.light-theme .bar-count-btn{background:#ffffffc7!important;border:1px solid rgba(0,0,0,.06)!important;color:#1f2937!important;box-shadow:0 3px 6px -2px #00000038!important}body.light-theme .rhythm-type-btn.active,body.light-theme .bar-count-btn.active{background:#14b8a626!important;border-color:#14b8a68c!important;color:#0f766e!important;box-shadow:0 3px 6px -2px #00000038!important}body.theme-afro-light .rhythm-type-btn,body.theme-afro-light .bar-count-btn{background:color-mix(in srgb,#ffffff 68%,transparent)!important;border:1px solid var(--border-color, rgba(62, 22, 5, .25))!important;color:var(--text-main)!important;box-shadow:0 3px 6px -2px #00000038!important}body.theme-afro-light .rhythm-type-btn.active,body.theme-afro-light .bar-count-btn.active{background:color-mix(in srgb,var(--primary) 15%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 55%,transparent)!important;color:var(--primary)!important;box-shadow:0 3px 6px -2px #00000038!important}html body:not(.light-theme):not(.theme-afro-light) #new-rhythm-modal .rhythm-type-btn,html body:not(.light-theme):not(.theme-afro-light) #new-rhythm-modal .bar-count-btn{box-shadow:0 3px 7px -2px #000000c7!important}html body.theme-afro #new-rhythm-modal .rhythm-type-btn:not(.active),html body.theme-afro #new-rhythm-modal .bar-count-btn:not(.active){background:color-mix(in srgb,var(--text-main) 7%,transparent)!important;border-color:color-mix(in srgb,var(--text-main) 24%,transparent)!important}html body.theme-afro #new-rhythm-modal .rhythm-type-btn.active{background:color-mix(in srgb,var(--primary) 22%,transparent)!important}#new-rhythm-modal .modal-body{overflow:visible!important}body.compact-notes #new-rhythm-modal .modal-content{padding:1.4rem!important}body.compact-notes #new-rhythm-modal .modal-header{font-size:1.3rem!important;margin-bottom:.85rem!important;padding-bottom:.5rem!important}body.compact-notes #new-rhythm-modal .modal-body{gap:1rem!important;margin-bottom:1rem!important}body.compact-notes #new-rhythm-modal .control-item>label{margin-bottom:.4rem!important}body.compact-notes #new-rhythm-modal #new-rhythm-name{padding:.65rem!important}body.compact-notes #new-rhythm-modal .rhythm-type-btn{padding:.85rem .45rem!important}body.compact-notes #new-rhythm-modal .bar-count-btn{width:100%!important;min-width:0!important;height:34px!important}body.compact-notes #new-rhythm-modal .modal-footer{margin-top:.6rem!important}@media(max-height:700px){body.compact-notes #new-rhythm-modal .modal-content{padding:1rem!important}body.compact-notes #new-rhythm-modal .modal-header{font-size:1.2rem!important;margin-bottom:.5rem!important}body.compact-notes #new-rhythm-modal .modal-body{gap:.6rem!important;margin-bottom:.6rem!important}body.compact-notes #new-rhythm-modal .rhythm-type-btn{padding:.5rem .35rem!important;font-size:.85rem!important}body.compact-notes #new-rhythm-modal .rhythm-type-desc{font-size:.62rem!important}body.compact-notes #new-rhythm-modal .bar-count-btn{width:100%!important;min-width:0!important;height:30px!important}}body.compact-notes #mixer-modal .modal-content,body.compact-notes #vol-mixer-modal .modal-content,body.compact-notes #effects-modal .modal-content{padding:1.1rem!important}#mixer-modal .tuning-mixer-row,#vol-mixer-modal .tuning-mixer-row{grid-template-columns:22px var(--mixer-name-w, 86px) 1fr 44px!important;gap:.5rem!important;height:32px!important;box-sizing:border-box!important}#mixer-body,#vol-mixer-body{gap:8px!important}#effects-modal .fx-control-label{white-space:nowrap!important}#effects-modal .fx-value{color:var(--text-main)!important}#mixer-modal.modal-overlay,#vol-mixer-modal.modal-overlay{padding-top:80px!important;padding-bottom:116px!important}#mixer-modal .modal-content,#vol-mixer-modal .modal-content{max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#mixer-modal .modal-body,#vol-mixer-modal .modal-body{max-height:none!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 55%,transparent) transparent}#mixer-modal .modal-body::-webkit-scrollbar,#vol-mixer-modal .modal-body::-webkit-scrollbar{width:10px}#mixer-modal .modal-body::-webkit-scrollbar-track,#vol-mixer-modal .modal-body::-webkit-scrollbar-track{background:transparent}#mixer-modal .modal-body::-webkit-scrollbar-thumb,#vol-mixer-modal .modal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 55%,transparent);border-radius:6px}#themes-modal.modal-overlay{padding-top:80px!important;padding-bottom:116px!important}#themes-modal .modal-content{max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}body.light-theme #description-modal-edit,body.theme-afro-light #description-modal-edit,body.light-theme #description-title-input,body.theme-afro-light #description-title-input{background:#0000000d!important;color:var(--text-main)!important}body.light-theme .sample-group-popup .popup-btn-icon-wrapper,body.theme-studio.light-theme .sample-group-popup .popup-btn-icon-wrapper{color:#c36a00!important}body.theme-afro-light .sample-group-popup .popup-btn-icon-wrapper{color:var(--primary)!important}#solos-control-row #btn-add-solo,body #breaks-control-row #breaks-buttons-container .btn.btn-add-section,body #variations-control-row #variations-buttons-container .btn.btn-add-section,.btn-add-section{background:transparent!important;border:1.5px dashed color-mix(in srgb,var(--text-muted) 60%,transparent)!important;color:var(--text-muted)!important}@media(hover:hover){#solos-control-row #btn-add-solo:hover,body #breaks-control-row #breaks-buttons-container .btn.btn-add-section:hover,body #variations-control-row #variations-buttons-container .btn.btn-add-section:hover,.btn-add-section:hover{border-color:var(--primary)!important;color:var(--primary)!important}}.btn-add-section{font-size:.78rem!important;font-weight:600!important;padding:.32rem .7rem!important;border-radius:8px!important;cursor:pointer;white-space:nowrap}.btn-add-compact{min-width:28px!important;width:28px!important;height:28px!important;flex:0 0 28px!important;padding:0!important;font-size:.95rem!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}.btn-primary{color:var(--primary-contrast, #ffffff)!important}body.theme-afro .btn-primary[id$=close],body.theme-afro-light .btn-primary[id$=close],body.theme-afro .btn-window-close,body.theme-afro-light .btn-window-close{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-contrast, #ffffff)!important;box-shadow:0 4px 14px 0 var(--accent-glow, rgba(0,0,0,.2))!important}body.theme-afro .btn-primary[id$=close]:hover,body.theme-afro-light .btn-primary[id$=close]:hover,body.theme-afro .btn-window-close:hover,body.theme-afro-light .btn-window-close:hover{background:color-mix(in srgb,var(--accent) 85%,#000)!important;border-color:color-mix(in srgb,var(--accent) 85%,#000)!important}.btn.pending-delete{background:#ef444433!important;border-color:#ef4444!important;color:#ef4444!important}@keyframes popupGrowIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.sample-group-overlay.active .sample-group-popup,#large-slider-overlay.active .large-slider-window{animation:popupGrowIn .16s cubic-bezier(.2,.9,.3,1)}body.light-theme .drum-pad svg,body.theme-studio.light-theme .drum-pad svg{color:#c36a00;opacity:.8}body.theme-afro-light .drum-pad svg{color:var(--primary);opacity:.8}.steps-container.loop-row-active{outline:1px solid color-mix(in srgb,var(--primary) 50%,transparent);outline-offset:1px;border-radius:4px}.steps-container.loop-row-dim{opacity:.35}.mobile-header{box-shadow:0 8px 32px #00000047!important}body.light-theme .mobile-header,body.theme-studio.light-theme .mobile-header{box-shadow:0 4px 18px #00000008!important}.humanise-slider-value{white-space:nowrap!important}.drift-label-djembe{color:#818cf8!important}.drift-label-dunun{color:#fbbf24!important}.drift-label-shekere{color:#34d399!important}body.light-theme .drift-label-djembe,body.theme-studio.light-theme .drift-label-djembe,body.theme-afro-light .drift-label-djembe{color:#4f46e5!important}body.light-theme .drift-label-dunun,body.theme-studio.light-theme .drift-label-dunun,body.theme-afro-light .drift-label-dunun{color:#b45309!important}body.light-theme .drift-label-shekere,body.theme-studio.light-theme .drift-label-shekere,body.theme-afro-light .drift-label-shekere{color:#047857!important}.humanise-slider-row{grid-template-columns:1fr auto}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-row{grid-template-columns:1fr auto!important}body.light-theme .btn-play-large,body.theme-studio.light-theme .btn-play-large,body.light-theme .btn-play-large:hover,body.theme-studio.light-theme .btn-play-large:hover,body.light-theme .btn-play-large.btn-danger-round,body.theme-studio.light-theme .btn-play-large.btn-danger-round,body.light-theme .btn-play-large.btn-danger-round:hover,body.theme-studio.light-theme .btn-play-large.btn-danger-round:hover{box-shadow:none!important}.row-label-tappable{display:inline-flex!important;align-items:center;gap:.3rem;cursor:pointer;transition:color .15s ease,opacity .15s ease}body #solos-control-row>span.row-label-tappable:hover,body #variations-control-row>span.row-label-tappable:hover,body #breaks-control-row>span.row-label-tappable:hover,body #solos-control-row>span.row-label-tappable:active,body #variations-control-row>span.row-label-tappable:active,body #breaks-control-row>span.row-label-tappable:active{color:var(--primary)!important}body #solos-control-row>span.row-label-tappable:hover span,body #variations-control-row>span.row-label-tappable:hover span,body #breaks-control-row>span.row-label-tappable:hover span,body #solos-control-row>span.row-label-tappable:active span,body #variations-control-row>span.row-label-tappable:active span,body #breaks-control-row>span.row-label-tappable:active span{color:var(--primary)!important;opacity:1}.row-label-info{display:inline-flex;align-items:center;opacity:.65;transform:translateY(-.5px);transition:opacity .15s ease}.row-label-tappable:hover .row-label-info{opacity:1}.steps-container:before{content:"";position:absolute;top:calc(-1 * var(--bleed-t, 0px));bottom:calc(-1 * var(--bleed-b, 0px));left:0;right:calc(-1 * var(--beat-bleed-r, 0px));border-top-right-radius:var(--band-rtr, 0px);border-bottom-right-radius:var(--band-rbr, 0px);background-size:var(--beat-span, 100%) 100%;background-position:var(--beat-band-x, 0px) 0;background-repeat:no-repeat;pointer-events:none}body.rhythm-9-8 .steps-container:before{background:none!important}.beat-zone{top:calc(-1 * var(--bleed-t, 0px))!important;bottom:calc(-1 * var(--bleed-b, 0px))!important}body.theme-afro .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.083 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.083 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.theme-afro.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.072 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.072 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.light-theme.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.06 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.06 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.theme-afro-light.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(62,22,5) l calc(c * var(--zebra-sat, 1)) h / calc(.073 * var(--stripe-k, 1))) 0,oklch(from rgb(62,22,5) l calc(c * var(--zebra-sat, 1)) h / calc(.073 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}#sequencer-grid-title{display:flex!important;align-items:center!important;justify-content:center!important}body.unified:not(.compact-notes) #sequencer-grid-title{min-height:calc((1.45rem + (var(--desktop-cell-slot, 18px) - 18px) * .5) * 1.15 * 1.48)}body.compact-notes #sequencer-grid-title{min-height:2.68065rem}.variations-popup.sample-group-popup{position:absolute!important;display:none;z-index:100001;padding:.9rem 1rem}.variations-popup.sample-group-popup.active{display:flex;animation:popupGrowIn .16s cubic-bezier(.2,.9,.3,1)}.variation-btn .triplet-badge,.variation-btn .studio-badge3{display:none!important}.variations-popup-body .variations-section-title{margin-top:.65rem}#variations-subdivision-section .variations-section-title{margin-top:0}.variations-split-btn{font-size:.78rem;font-family:Outfit,sans-serif;padding:.45rem .6rem;flex:1;justify-content:center}body.theme-afro-light .variation-btn{background:#ffffff9e!important;border:1px solid rgba(93,58,20,.3)!important;color:#3a2410!important}body.theme-afro-light .variation-btn:hover{background:#ffffffe0!important;border-color:#5d3a148c!important;box-shadow:none}body.theme-afro-light .variation-btn .variation-btn-icon{filter:brightness(.68) saturate(1.45)}.app-toast{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-main);padding:.85rem 1.75rem;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #00000059,0 0 20px var(--primary-glow);font-size:.95rem;font-weight:600;font-family:Outfit,sans-serif;text-align:center}.app-toast.app-toast-large{background:var(--bg-modal-opaque, var(--bg-card));width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:1.1rem 1.4rem;border-radius:14px;font-size:1.05rem;font-weight:600;line-height:1.45}.solo-loop-badge{position:fixed;top:40%;left:50%;z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2.4rem 1.1rem;background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 14px 36px -6px #00000073,0 0 26px var(--primary-glow);font-family:Outfit,sans-serif;opacity:0;transform:translate(-50%,-50%) scale(.82);transition:opacity .28s cubic-bezier(.34,1.56,.64,1),transform .28s cubic-bezier(.34,1.56,.64,1)}.solo-loop-badge.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.solo-loop-badge .slb-label{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.solo-loop-badge .slb-count{display:flex;align-items:baseline;gap:.5rem;line-height:1}.solo-loop-badge .slb-cur{font-size:3.2rem;font-weight:800;color:var(--slb-accent, var(--primary))}.solo-loop-badge .slb-of{font-size:1.4rem;font-weight:600;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.solo-loop-badge{transition:opacity .2s ease}.solo-loop-badge,.solo-loop-badge.show{transform:translate(-50%,-50%) scale(1)}}.btn-solo-cycle,.solo-drawer-chain,.btn-variation-cycle,.sample-group-popup,.row-label-tappable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.row-label-tappable.row-label-pill{align-self:flex-start;margin-top:2px;border:1px solid var(--border-color);border-radius:999px;padding:.22rem .45rem;margin-left:-.45rem;background:color-mix(in srgb,var(--text-main) 6%,transparent);display:inline-flex;align-items:center;gap:.26rem}.row-label-tappable.row-label-pill:hover{background:color-mix(in srgb,var(--text-main) 12%,transparent)}.save-item-conflict-flag{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .4rem;border-radius:999px;border:1px solid color-mix(in srgb,#f59e0b 55%,transparent);background:color-mix(in srgb,#f59e0b 16%,transparent);color:color-mix(in srgb,#f59e0b 72%,var(--text-main));font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;line-height:1;cursor:pointer}.save-item-conflict-flag:hover{background:color-mix(in srgb,#f59e0b 26%,transparent)}.solo-chip-custom,.chip-reorderable,.chip-reorderable-preset,.solo-phrase-chip{touch-action:none}.solo-drag-ghost{opacity:.95;box-shadow:0 14px 30px -6px #0009;filter:brightness(1.08);transition:box-shadow .14s ease,filter .14s ease}.solo-chip-custom.solo-chip-dragging,.chip-reorderable.solo-chip-dragging,.chip-reorderable-preset.solo-chip-dragging,.solo-phrase-chip.solo-chip-dragging{opacity:0!important}.chip-drag-halo{position:fixed;left:0;top:0;z-index:100047;pointer-events:none;box-sizing:border-box;border-radius:20px;border:2px dashed var(--solo-hi, var(--primary));background:transparent;opacity:0;transition:width .18s ease,height .18s ease,opacity .12s ease,border-radius .18s ease}.chip-drag-halo.armed{opacity:.9;border-radius:12px}.chip-drag-halo.lifted{opacity:1;border:3px solid var(--solo-hi, var(--primary));border-radius:26px;background:color-mix(in srgb,var(--solo-hi, var(--primary)) 14%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--solo-hi, var(--primary)) 20%,transparent),0 12px 30px -10px #00000073}@media(prefers-reduced-motion:reduce){.chip-drag-halo{transition:none}}.solo-drop-placeholder{box-sizing:border-box;border:1.5px dashed color-mix(in srgb,var(--text-muted) 60%,transparent);border-radius:6px;background:transparent;transition:left .34s cubic-bezier(.2,.7,.3,1),opacity .12s ease}.solo-chip-custom.solo-swap-target,.chip-reorderable.solo-swap-target,.chip-reorderable-preset.solo-swap-target{outline:2px dashed var(--solo-hi, var(--primary));outline-offset:3px;transform:scale(1.16);box-shadow:0 0 0 4px color-mix(in srgb,var(--solo-hi, var(--primary)) 34%,transparent);z-index:3}.solo-swap-ghost{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:6px;border:2px dashed color-mix(in srgb,var(--solo-hi, var(--primary)) 70%,transparent);background:color-mix(in srgb,var(--solo-hi, var(--primary)) 10%,transparent);color:color-mix(in srgb,var(--solo-hi, var(--primary)) 80%,transparent);font-weight:700;font-size:.75rem;transition:opacity .14s ease}.btn.btn-tonal,body.theme-studio.light-theme .btn.btn-tonal{background:color-mix(in srgb,var(--primary) 13%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--border-color))!important;color:color-mix(in srgb,var(--primary) 62%,var(--text-main))!important;box-shadow:none!important}.btn.btn-tonal:hover,body.theme-studio.light-theme .btn.btn-tonal:hover{background:color-mix(in srgb,var(--primary) 21%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 58%,var(--border-color))!important}.btn.btn-danger-tonal,body.theme-studio.light-theme .btn.btn-danger-tonal{background:color-mix(in srgb,#ef4444 12%,transparent)!important;border:1px solid color-mix(in srgb,#ef4444 45%,var(--border-color))!important;color:color-mix(in srgb,#ef4444 55%,var(--text-main))!important;box-shadow:none!important}.btn.btn-danger-tonal:hover,body.theme-studio.light-theme .btn.btn-danger-tonal:hover{background:color-mix(in srgb,#ef4444 20%,transparent)!important;border-color:color-mix(in srgb,#ef4444 62%,var(--border-color))!important}body:not(.disable-blur) .sample-group-overlay.active .sample-group-popup{backdrop-filter:blur(14px) brightness(1.25)!important;-webkit-backdrop-filter:blur(14px) brightness(1.25)!important}body:not(.disable-blur) #large-slider-overlay.active .large-slider-window{backdrop-filter:blur(25px) brightness(1.25)!important;-webkit-backdrop-filter:blur(25px) brightness(1.25)!important}body .sample-group-overlay.active .sample-group-popup .mix-mode-btn,body .sample-group-overlay.active .sample-group-popup .mix-mode-btn:hover{box-shadow:none!important;transform:none!important}body .sample-group-overlay.active .sample-group-popup .mix-mode-btn.active{background:color-mix(in srgb,var(--primary) 22%,transparent)!important;border-color:var(--primary)!important;color:var(--text-main)!important}body :is(.modal-overlay,.sample-group-overlay).active{pointer-events:none}body :is(.modal-overlay,.sample-group-overlay).active>*{pointer-events:auto}#sequencer-grid .track-drawer .drawer-btn.btn-mute.active{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important;box-shadow:none!important}#sequencer-grid .track-drawer .drawer-btn.btn-solo.active{background:#b45309!important;border-color:#b45309!important;color:#fff!important;box-shadow:none!important}#sequencer-grid .track-drawer .drawer-btn.btn-move-rows.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:none!important}#sequencer-grid .track-drawer .drawer-btn.btn-remove-row.active{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important;box-shadow:none!important}.mix-track-row{display:flex;align-items:center;gap:.55rem;width:100%;height:32px;margin:0}.mix-track-sep{height:1px;width:100%;margin:0 0 9px;background:var(--border-color);opacity:.7}.mix-sound-row{display:flex;align-items:center;gap:.55rem;width:100%;margin:4px 0}.track-row.row-move-armed,.track-row.row-delete-armed{--row-move-gutter: 30px}body #sequencer-grid-card .track-row.row-move-armed .track-line-row .steps-container,body #sequencer-grid-card .track-row.row-delete-armed .track-line-row .steps-container{max-width:calc(100% - var(--row-move-gutter))!important}body #sequencer-grid-card .track-line-row .steps-container{max-width:100%}body.perf-high #sequencer-grid-card .track-line-row .steps-container{transition:max-width .32s cubic-bezier(.25,1,.5,1)}body.perf-high .track-row.row-move-armed .row-move-handle,body.perf-high .track-row.row-delete-armed .row-delete-handle{animation:row-handle-in .26s cubic-bezier(.25,1,.5,1) .1s both}@keyframes row-handle-in{0%{opacity:0;transform:translateY(-50%) translate(9px) scale(.7)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.track-line-row{position:relative}.row-move-handle,.row-delete-handle{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:21px;height:21px;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:grab;padding:0;touch-action:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.track-row.row-move-armed .row-move-handle{display:flex;background:#3b82f6;border-color:#3b82f6;color:#fff}.track-row.row-delete-armed .row-delete-handle{display:flex;background:#b91c1c;border-color:#b91c1c;color:#fff;cursor:pointer}.track-row.row-delete-armed .track-line-row{border-radius:8px;transition:background-color .15s ease}.track-row.row-delete-armed .track-line-row:hover{background:#b91c1c24}.track-row.row-delete-armed .track-line-row[data-folding],.track-row.row-delete-armed .track-line-row[data-folding]:hover{background:transparent;transition:none}.track-row.row-move-armed .track-line-row{border-radius:8px;transition:none}.track-row.row-move-armed .track-line-row.row-move-dragging{z-index:5;transition:none!important;background:#3b82f629;box-shadow:0 8px 20px #00000047,inset 0 0 0 2px #3b82f6}.track-row.row-move-armed .track-line-row.row-move-dragging .row-move-handle{cursor:grabbing;background:#2563eb;border-color:#2563eb}body :is(button,a[href],input,select,textarea,[role=button],[tabindex]):focus-visible{outline:3px solid var(--focus-ring, var(--primary))!important;outline-offset:3px!important}#library-modal .tag-chip:focus-visible{outline:none!important;box-shadow:0 0 0 4px var(--focus-ring)!important}.app-container :is(button,a[href],input,select,textarea,[role=button],[tabindex]):focus-visible{scroll-margin-block-start:72px;scroll-margin-block-end:116px}.step-cell:focus-visible{z-index:12}body #saves-modal .btn.export-action-btn{background:color-mix(in srgb,var(--primary) 15%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 45%,transparent)!important;color:color-mix(in srgb,var(--primary) 52%,var(--text-main))!important;box-shadow:none!important}@media(hover:hover){body #saves-modal .btn.export-action-btn:hover{background:color-mix(in srgb,var(--primary) 26%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 68%,transparent)!important}}.menu-item-value{margin-left:auto;padding-left:.6rem;font-size:.85rem;font-weight:600;color:color-mix(in srgb,var(--primary) 62%,var(--text-muted));white-space:nowrap}#hamburger-menu .menu-item-btn#menu-btn-language{grid-column:auto!important}#hamburger-menu .menu-item-value{margin-left:0;padding-left:0;font-size:.7rem;line-height:1}.lang-popup-list{display:flex;flex-direction:column;gap:.2rem;max-height:62vh;overflow-y:auto;width:calc(100% + 24px);padding:8px 12px 16px;margin:-8px -12px -16px}@media(max-height:655px){.lang-popup-list{max-height:54vh}}@media(max-height:600px){.lang-popup-list{max-height:46vh}}.lang-popup-btn{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.45rem .8rem!important;height:auto!important}.lang-popup-name{font-weight:600;font-size:.95rem}.lang-popup-pct{margin-left:auto;font-size:.76rem;font-weight:500;opacity:.65}body.compact-notes #solos-control-row,body.compact-notes #breaks-control-row,body.compact-notes #variations-control-row{gap:10px!important}body.compact-notes #solos-buttons-container,body.compact-notes #breaks-buttons-container,body.compact-notes #variations-buttons-container{gap:6px!important}body #solos-control-row,body #variations-control-row,html body.compact-notes #solos-control-row,html body.compact-notes #variations-control-row{--chip-gap: 8px}#solos-control-row>.row-label-pill .row-label-info,#variations-control-row>.row-label-pill .row-label-info,#breaks-control-row>.row-label-pill .row-label-info{order:-1;margin-right:.35rem}body #solos-buttons-container,body #variations-buttons-container{width:calc(10 * var(--chip-size) + 9 * var(--chip-gap));padding-left:0;padding-right:0}body #breaks-buttons-container{padding-left:0;padding-right:0}html body.compact-notes #solos-buttons-container,html body.compact-notes #variations-buttons-container{width:calc(9 * var(--chip-size) + 8 * var(--chip-gap));gap:var(--chip-gap)!important}#solos-buttons-container{flex:1 1 auto;min-width:0}body.compact-notes #breaks-control-row .btn-break{padding-left:10px!important;padding-right:10px!important}@media(max-width:389px){body.compact-notes #breaks-control-row .btn-break{padding-left:6px!important;padding-right:6px!important}}.track-line-row.line-fold-fade .steps-container>*,.track-line-row.line-fold-fade .track-line-actions,.track-line-row.line-fold-fade .row-move-handle,.track-line-row.line-fold-fade .row-delete-handle{opacity:0;transition:opacity .25s ease}#custom-humanise-modal .humanise-slider-row,#custom-humanise-modal .global-humanise-container,#custom-humanise-modal .grid-viz-toggle-row,#custom-swing-modal .timing-slider-card,#custom-swing-modal .swing-slider-row,#custom-swing-modal .global-swing-container,.sample-group-popup .solo-options-card{box-shadow:0 2px 6px #0000002e}.sample-group-popup .solo-options-card{width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:.6rem .75rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px}body.light-theme .sample-group-popup .solo-options-card,body.theme-afro-light .sample-group-popup .solo-options-card{background:#00000008}.sample-group-popup .solo-options-card+.solo-options-card{margin-top:.65rem}#humanise-drift-body .humanise-slider-row+.humanise-slider-row,#humanise-drift-body .drift-graph+.humanise-slider-row,#humanise-drift-body .humanise-card+.humanise-card,#humanise-drift-body .drift-graph+.humanise-card{margin-top:8px}#custom-humanise-modal .humanise-card{background:#ffffff04;border:none;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border-color),0 2px 6px #0000002e}#custom-humanise-modal .humanise-card .humanise-slider-row{background:none;border-color:transparent;border-radius:0;box-shadow:none;margin-top:0}#custom-humanise-modal .humanise-card .humanise-slider-row+.humanise-slider-row{box-shadow:inset 0 1px 0 var(--border-color)}#humanise-drift-body .drift-graph{margin-bottom:8px}#custom-humanise-modal .modal-body,#custom-swing-modal .modal-body{width:calc(100% + 16px);padding-left:8px;padding-right:8px;padding-bottom:10px;margin-left:-8px;margin-right:-8px}#themes-modal .modal-body,#effects-modal .modal-body{width:calc(100% + 24px)!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:14px!important;margin-left:-12px!important;margin-right:-12px!important}#custom-swing-modal .timing-card-group{display:flex;flex-direction:column;background:#ffffff03;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000002e}#custom-swing-modal .timing-card-group .timing-slider-card{background:none!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important;padding:10px .85rem 12px!important}#custom-swing-modal .timing-card-group .timing-slider-card+.timing-slider-card{margin-top:0!important;box-shadow:inset 0 1px 0 var(--border-color)!important}#custom-humanise-modal .humanise-preview{height:68px;margin-top:8px;margin-bottom:8px}.drift-graph{background-color:color-mix(in srgb,var(--primary) 4%,rgba(0,0,0,.41))}body.light-theme .drift-graph,body.theme-afro-light .drift-graph{background-color:color-mix(in srgb,var(--primary) 4%,rgba(0,0,0,.045))}body:not(.light-theme):not(.theme-afro-light) #themes-modal .menu-item-btn{box-shadow:0 3px 7px -2px #000000c7}#custom-swing-modal .humanise-advanced-toggle,#custom-humanise-modal .humanise-advanced-toggle,#themes-advanced-toggle{margin-top:16px!important}#custom-swing-modal .timing-reset-btn,#custom-humanise-modal .timing-reset-btn{flex:0 0 auto;font-size:.7rem;font-weight:600;padding:4px .45rem;border-radius:7px;line-height:16px;background:color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);color:var(--text-main);box-shadow:none}#custom-swing-modal .timing-reset-btn:hover,#custom-humanise-modal .timing-reset-btn:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);border-color:color-mix(in srgb,var(--primary) 60%,transparent)}#custom-swing-modal .timing-reset-btn:active,#custom-humanise-modal .timing-reset-btn:active{background:color-mix(in srgb,var(--primary) 36%,transparent);border:1px solid color-mix(in srgb,var(--primary) 70%,transparent)}body.compact-notes #custom-swing-modal.modal-overlay,body.compact-notes #custom-humanise-modal.modal-overlay{padding-top:66px!important}body.compact-notes #custom-swing-modal .modal-body{margin-bottom:8px!important}body.compact-notes #custom-swing-modal .modal-footer{margin-top:0!important}#library-modal.modal-overlay{padding-top:66px!important}#library-modal .modal-content.library-modal-content{padding-top:16px!important}#hamburger-menu #menu-btn-language{margin-top:0!important}body.compact-notes #custom-humanise-modal .modal-header{margin-bottom:16px!important}#custom-swing-modal .modal-header,#custom-humanise-modal .modal-header,body.compact-notes #custom-swing-modal .modal-header,body.compact-notes #custom-humanise-modal .modal-header,body.unified #custom-swing-modal .modal-header,body.unified #custom-humanise-modal .modal-header{padding-bottom:12px!important;margin-bottom:0!important}#custom-swing-modal .modal-body,#custom-humanise-modal .modal-body,body.compact-notes #custom-swing-modal .modal-body,body.compact-notes #custom-humanise-modal .modal-body{padding-top:12px!important}body.compact-notes #custom-swing-modal .modal-content{padding-bottom:14px!important}.modal-body.scroll-fade-bottom{--scroll-fade: 18px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--scroll-fade)),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--scroll-fade)),transparent 100%)}#library-body.modal-body.scroll-fade-bottom{-webkit-mask-image:none;mask-image:none}#custom-swing-modal .modal-body.scroll-fade-top,#custom-humanise-modal .modal-body.scroll-fade-top{--scroll-fade: 18px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-fade));mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-fade))}#custom-swing-modal .modal-body.scroll-fade-top.scroll-fade-bottom,#custom-humanise-modal .modal-body.scroll-fade-top.scroll-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-fade),#000 calc(100% - var(--scroll-fade)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-fade),#000 calc(100% - var(--scroll-fade)),transparent 100%)}#help-modal .modal-body.scroll-fade-bottom,#help-modal .modal-body.scroll-fade-top{-webkit-mask-image:none;mask-image:none}#help-modal .help-fade-el{-webkit-mask-image:linear-gradient(to bottom,transparent var(--hf-t0),#000 var(--hf-t1),#000 var(--hf-b0),transparent var(--hf-b1));mask-image:linear-gradient(to bottom,transparent var(--hf-t0),#000 var(--hf-t1),#000 var(--hf-b0),transparent var(--hf-b1))}body.compact-notes #effects-modal.modal-overlay{padding-top:66px!important;padding-bottom:95px!important}#effects-modal .modal-content{max-height:100%!important;display:flex!important;flex-direction:column!important}#effects-modal .modal-body{max-height:none!important;flex:1 1 auto!important;min-height:0!important}.mix-sound-section{display:flex;flex-direction:column;justify-content:center;width:100%;flex:1 1 auto;gap:.6rem}.mix-sound-section .sample-group-popup-grid{display:grid;grid-template-columns:repeat(var(--sound-cols, 3),minmax(0,1fr));justify-content:stretch}.mix-sound-section .sample-group-popup-grid .sample-group-popup-btn{width:100%;min-width:0}.mix-tab-row{margin-bottom:.5rem}.library-tab-btn.tab-mix-sound{--tab-hue: #8E72B0}.library-tab-btn.tab-mix-level{--tab-hue: #4E9377}.library-tab-btn.tab-mix-tuning{--tab-hue: #C99A3E}body.light-theme .library-tab-btn.tab-mix-sound,body.theme-afro-light .library-tab-btn.tab-mix-sound{--tab-hue: #6B4E8C}body.light-theme .library-tab-btn.tab-mix-level,body.theme-afro-light .library-tab-btn.tab-mix-level{--tab-hue: #2F7458}body.light-theme .library-tab-btn.tab-mix-tuning,body.theme-afro-light .library-tab-btn.tab-mix-tuning{--tab-hue: #9A7420}body .sample-group-overlay.active .sample-group-popup .mix-mode-btn.active,.mix-mode-btn.active{background:color-mix(in srgb,var(--tab-hue) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--tab-hue) 58%,transparent)!important;border-bottom:2.5px solid var(--tab-hue)!important;color:var(--tab-hue)!important}.tt-note+.tt-section{margin-top:.25rem}.tt-window .sample-group-popup-title{margin-bottom:0}.tt-window .tt-subject{margin-top:-.55rem}.tt-window .tt-body{margin-top:-.5rem}.tt-subject{width:100%;text-align:center;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--primary);margin:0 0 .1rem}.tt-card{width:100%;display:flex;flex-direction:column;gap:.28rem;padding:.6rem .75rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px}body.light-theme .tt-card,body.theme-afro-light .tt-card{background:#00000008}.tt-card-label{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;gap:.6rem;line-height:20px;margin-bottom:0}.tt-card-label-right{display:flex;align-items:center;gap:.55rem}.tt-card-val{color:var(--primary);font-weight:700;font-size:1rem}.tt-card-val.tt-inherited{opacity:.7}.tt-card-rule{height:1px;background:var(--border-color);margin:.35rem 0 .1rem}.tt-vis{width:100%}.tt-body{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.55rem;-ms-overflow-style:none;scrollbar-width:none}.tt-body::-webkit-scrollbar{display:none}.adv-scroll-spacer{flex:0 0 auto;width:100%;height:0}.tt-row-off{opacity:.35;pointer-events:none}.tt-footer{flex:0 0 auto}.tt-body.scroll-fade-bottom{--scroll-fade: 12px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--scroll-fade)),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--scroll-fade)),transparent 100%)}.tt-preview-btn{transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.3,1),visibility 0s}.tt-preview-btn.tt-preview-hidden{opacity:0;transform:scale(.82);visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}body.no-track-anim .tt-preview-btn{transition:none}.tt-note{width:100%;font-size:.74rem;line-height:1.35;color:var(--text-secondary);opacity:.85;margin:0 0 .15rem}.tt-section{width:100%;flex:0 0 auto;display:flex;flex-direction:column;gap:.45rem;padding-top:.75rem;margin-top:.95rem;border-top:1px solid var(--border-color)}.tt-section-head{position:relative;display:flex;align-items:center;gap:.6rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:var(--text-main);margin-bottom:.25rem}.tt-subhead{width:100%;margin-top:.2rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-main)}.tt-subhead-row{color:var(--text-main)}.tt-subhead-beat{color:var(--primary)}.tt-head{width:100%;display:flex;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.8rem;font-weight:700;color:var(--text-main)}.tt-head-label{flex:1 1 auto}.tt-source{width:100%;font-size:.68rem;line-height:1.4;color:var(--text-secondary);opacity:.7;margin-top:.1rem}.tt-source.tt-source-own{color:var(--text-main);opacity:.85}.tt-apply-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.1rem 0 0;cursor:pointer;font-family:Outfit,sans-serif;font-size:.82rem;color:var(--text-muted);line-height:1.3}.tt-apply-row-off{opacity:.45;cursor:default}.tt-apply-row input[type=checkbox]{width:18px;height:18px;flex:0 0 auto}.tt-head-val{flex:0 0 auto;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary)}.tt-head-val.tt-inherited{opacity:.7}.tt-card .timing-reset-btn{flex:0 0 auto;font-size:.7rem;font-weight:600;padding:4px .45rem;border-radius:7px;line-height:16px;background:color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);color:var(--text-main);box-shadow:none}.tt-card .timing-reset-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 28%,transparent);border-color:color-mix(in srgb,var(--primary) 60%,transparent)}.tt-card .timing-reset-btn:disabled{cursor:default}.tt-reset{flex:0 0 auto;font-size:.7rem;font-weight:600;padding:4px .45rem;border-radius:7px;line-height:16px;min-width:0}.tt-reset:disabled{cursor:default}.tt-slider-row{width:100%;display:flex;align-items:center}.tt-slider-row .synth-slider{width:100%}.tt-rows{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:.3rem;padding-block:1px;margin-top:-1px;max-height:calc(7.4rem + 2px);overflow-y:auto;margin-bottom:calc(.3rem - 1px)}.tt-adv-toggle{margin-top:.55rem;flex:0 0 auto}.tt-adv-panel{width:100%;flex:0 0 auto}.tt-adv-panel.open{max-height:1400px}.tt-adv-panel .tt-section{border-top:0;margin-top:.85rem;padding-top:0;padding-bottom:1.25rem}.tt-footer{width:100%;display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.tt-footer .btn-window-close,.tt-footer .tt-preview-btn{min-width:120px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;line-height:1.2;border-radius:8px}.tt-footer .btn-window-close{margin-left:auto}.tt-preview-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}body .btn.btn-tonal.tt-preview-btn.active{background:color-mix(in srgb,var(--primary) 60%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 90%,transparent)!important;color:var(--text-main)!important}.tt-preview-btn:disabled{opacity:.38;cursor:default}body .btn.btn-tonal.tt-reset:active:not(:disabled),body .btn.btn-tonal.tt-preview-btn:active:not(:disabled){border:1px solid color-mix(in srgb,var(--primary) 70%,var(--border-color))!important}.tt-rows-label{flex:0 0 auto;margin-right:.15rem;font-size:.72rem;font-weight:700;color:var(--text-secondary);opacity:.8}.tt-row-btn{min-width:0;padding:4px 2px;text-align:center;border-radius:7px;font-family:Outfit,sans-serif;font-size:.74rem;font-weight:700;line-height:16px;color:var(--text-main);background:color-mix(in srgb,var(--text-main) 8%,transparent);border:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.tt-row-btn:hover:not(.active){background:color-mix(in srgb,var(--text-main) 14%,transparent)}.tt-row-btn.changed{box-shadow:inset 0 0 0 2px #818cf8d9}.tt-row-btn.active{background:color-mix(in srgb,var(--primary) 55%,transparent);border-color:color-mix(in srgb,var(--primary) 85%,transparent)}.tt-graph-wrap{position:relative;width:100%;margin:0 0 .3rem}.tt-playhead{position:absolute;top:12px;left:0;width:2px;height:58px;background:var(--primary);box-shadow:0 0 6px var(--primary);opacity:0;pointer-events:none;will-change:transform}.tt-graph{display:block;width:100%;height:86px;touch-action:pan-y;cursor:pointer}.tt-hint{width:100%;font-size:.76rem;line-height:1.4;color:var(--text-secondary);opacity:.8;margin-bottom:.45rem}.tt-hint-2{margin-top:-.2rem}body.light-theme .variations-popup.sample-group-popup,body.theme-studio.light-theme .variations-popup.sample-group-popup{background:color-mix(in srgb,#faf8f4 97%,transparent)!important}body.theme-afro-light .variations-popup.sample-group-popup{background:color-mix(in srgb,#FFFDF2 97%,transparent)!important}body.theme-studio.light-theme div[class*=track-] div.step-cell:not(.has-note),body.theme-studio.light-theme div[class*=track-] div.step-cell-subdivided-sub:not(.has-note),body.theme-studio.light-theme .step-cell:not(.has-note),body.theme-studio.light-theme .step-cell-subdivided-sub:not(.has-note),body.theme-studio.theme-afro-light div[class*=track-] div.step-cell:not(.has-note),body.theme-studio.theme-afro-light div[class*=track-] div.step-cell-subdivided-sub:not(.has-note),body.theme-studio.theme-afro-light .step-cell:not(.has-note),body.theme-studio.theme-afro-light .step-cell-subdivided-sub:not(.has-note){border-color:#00000069!important}body.theme-studio.light-theme div[class*=track-] div.step-cell.has-note,body.theme-studio.light-theme div[class*=track-] div.step-cell-subdivided-sub.has-note,body.theme-studio.light-theme .step-cell.has-note,body.theme-studio.light-theme .step-cell-subdivided-sub.has-note,body.theme-studio.theme-afro-light div[class*=track-] div.step-cell.has-note,body.theme-studio.theme-afro-light div[class*=track-] div.step-cell-subdivided-sub.has-note,body.theme-studio.theme-afro-light .step-cell.has-note,body.theme-studio.theme-afro-light .step-cell-subdivided-sub.has-note{border-color:#0000003d!important}#description-modal .modal-footer .description-edit-btn{margin-left:0;margin-right:auto}body.light-theme .humanise-help-btn,body.theme-afro-light .humanise-help-btn{border-color:#00000040}#fx-limiter-row{margin-top:.35rem;padding-top:.85rem;border-top:1px solid var(--border-color)}.fx-limiter-note{font-family:Outfit,sans-serif;font-size:.75rem;line-height:1.35;color:var(--text-secondary);margin-top:.35rem}#fx-limiter-row.fx-off .fx-limiter-note{opacity:.45}.fx-limiter-meter{display:flex;flex-direction:column;gap:.25rem;margin-top:.15rem}.fx-limiter-head{margin-bottom:-.95rem}#effects-modal #fx-limiter-knee-val{color:hsl(var(--fx-hue, 200, 90%, 60%))!important}.fx-limiter-scale{position:relative;height:16px;margin-top:2px}.fx-limiter-scale span{position:absolute;top:4px;transform:translate(-50%);font-size:.64rem;line-height:1;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.fx-limiter-scale span:before{content:"";position:absolute;left:50%;top:-5px;width:1px;height:3px;background:color-mix(in srgb,var(--text-main) 32%,transparent)}.fx-limiter-scale .fx-scale-zero{color:var(--text-main)}.fx-limiter-scale .fx-scale-zero:before{top:-5px;height:4px;background:color-mix(in srgb,var(--text-main) 55%,transparent)}.fx-limiter-scale .fx-scale-end-l{transform:none}.fx-limiter-scale .fx-scale-end-l:before{left:0}.fx-limiter-scale .fx-scale-end-r{transform:translate(-100%)}.fx-limiter-scale .fx-scale-end-r:before{left:calc(100% - 1px)}.fx-limiter-handle-row{position:relative;height:15px}.fx-limiter-handle-row .fx-limiter-knee-mark{position:absolute;top:-4px;width:40px;height:24px;margin-left:-20px;background:none;cursor:ew-resize;touch-action:none;z-index:2}.fx-limiter-handle-row .fx-limiter-knee-mark:after{content:"";position:absolute;left:50%;top:4px;width:0;height:0;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--primary);transition:transform .12s ease;transform-origin:50% 0}.fx-limiter-handle-row .fx-limiter-knee-mark:hover:after,.fx-limiter-handle-row .fx-limiter-knee-mark:focus-visible:after{transform:scale(1.15)}.fx-limiter-handle-row .fx-limiter-knee-mark.dragging:after{transform:scale(1.22)}.fx-limiter-handle-row .fx-limiter-knee-mark:focus{outline:none}.fx-limiter-handle-row .fx-limiter-knee-mark:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px}.fx-limiter-readout{margin-top:.25rem;padding-right:1px;display:flex;justify-content:space-between;align-items:baseline;gap:.35rem;font-size:.62rem}.fx-ro-key{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.fx-ro-val{color:var(--text-main);font-variant-numeric:tabular-nums}.fx-limiter-readout>span{display:flex;align-items:baseline;gap:.3rem;white-space:nowrap}.fx-limiter-readout>span:nth-child(1){flex:0 0 auto}.fx-limiter-readout>span:nth-child(2){flex:1 1 auto;justify-content:center}.fx-limiter-readout>span:nth-child(3){flex:0 0 auto}.fx-limiter-readout>span:nth-child(1) .fx-ro-val,.fx-limiter-readout>span:nth-child(2) .fx-ro-val{min-width:8ch;text-align:left}.fx-limiter-readout>span:nth-child(3) .fx-ro-val{min-width:7ch;text-align:right}.fx-ro-mid .fx-ro-val{color:#ea443e}.fx-limiter-readout.is-idle .fx-ro-mid{opacity:.4}.fx-limiter-readout.is-idle .fx-ro-mid .fx-ro-val{color:var(--text-main)}.fx-limiter-meter-track{position:relative;flex:1 1 auto;height:10px;border-radius:3px;background:linear-gradient(color-mix(in srgb,var(--text-main) 11%,transparent),color-mix(in srgb,var(--text-main) 11%,transparent)),linear-gradient(var(--bg-modal-opaque, #161d2d),var(--bg-modal-opaque, #161d2d));overflow:hidden}.fx-limiter-meter-track,.fx-limiter-gr-track{--fx-ladder: repeating-linear-gradient(90deg, rgba(0, 0, 0, .34) 0 1px, rgba(0, 0, 0, 0) 1px 4px)}.fx-limiter-meter-track:before,.fx-limiter-gr-track:before{content:"";position:absolute;inset:0;background-image:var(--fx-ladder);pointer-events:none;z-index:3}body.light-theme .fx-limiter-meter-track,body.light-theme .fx-limiter-gr-track,body.theme-afro-light .fx-limiter-meter-track,body.theme-afro-light .fx-limiter-gr-track{--fx-ladder: repeating-linear-gradient(90deg, rgba(255, 255, 255, .62) 0 1px, rgba(255, 255, 255, 0) 1px 4px)}.fx-limiter-meter-fill{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:3px 0 0 3px;background-image:linear-gradient(180deg,#aec9e0,#86accb);z-index:2}.fx-limiter-peak-band{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:3px 0 0 3px;background-image:linear-gradient(180deg,#aec9e0,#86accb);opacity:.34;z-index:1}.fx-limiter-peak-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-2px;left:0%;background:#e7f1f9;opacity:0;z-index:4}body.light-theme .fx-limiter-peak-line,body.theme-afro-light .fx-limiter-peak-line{background:#224059}.fx-limiter-gr-track{position:relative;display:block;width:100%;height:6px;border-radius:3px;background:linear-gradient(color-mix(in srgb,var(--text-main) 9%,transparent),color-mix(in srgb,var(--text-main) 9%,transparent)),linear-gradient(var(--bg-modal-opaque, #161d2d),var(--bg-modal-opaque, #161d2d));overflow:hidden}.fx-limiter-meter-gr{position:absolute;right:0;top:0;height:100%;width:0%;border-radius:0 3px 3px 0;background-image:linear-gradient(180deg,#e45d58,#ce2d27)}.fx-limiter-gr-line{position:absolute;top:0;bottom:0;width:2px;right:0%;z-index:4;background:#f7a4a1;opacity:0}body.light-theme .fx-limiter-gr-line,body.theme-afro-light .fx-limiter-gr-line{background:#7e1e1b}#effects-modal .fx-row-reset{height:20px;padding:2px .6rem!important;box-sizing:border-box;font-size:.7rem!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;border-radius:7px!important;line-height:16px;background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 38%,transparent)!important;color:var(--text-main)!important;cursor:pointer}#effects-modal .fx-row-reset:hover{background:color-mix(in srgb,var(--primary) 26%,transparent)!important}#effects-modal .effects-row-head .fx-state-pill{order:2;margin-left:.4rem}#effects-modal .fx-row-reset{order:1;margin-left:auto}.anim-subchildren{padding-left:1.15rem;display:flex;flex-direction:column;gap:.35rem}.anim-subchildren .menu-item-btn{font-size:.82rem}#cell-anim-group{max-height:320px;overflow:hidden;opacity:1;transition:max-height .26s ease,opacity .18s ease,margin-top .26s ease}#cell-anim-group.closed{max-height:0;opacity:0;margin-top:-.35rem}#themes-modal .anim-dim{opacity:.42}#themes-modal .anim-dim:hover{opacity:.62}body:not(.no-step-pulse):not(.perf-lite) .step-cell.note-play-flash svg,body:not(.no-step-pulse):not(.perf-lite) .step-cell-subdivided-sub.note-play-flash svg{animation:notePlayGlyphDark var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)}body.light-theme:not(.no-step-pulse):not(.perf-lite) .step-cell.note-play-flash svg,body.light-theme:not(.no-step-pulse):not(.perf-lite) .step-cell-subdivided-sub.note-play-flash svg,body.theme-afro-light:not(.no-step-pulse):not(.perf-lite) .step-cell.note-play-flash svg,body.theme-afro-light:not(.no-step-pulse):not(.perf-lite) .step-cell-subdivided-sub.note-play-flash svg{animation:notePlayGlyphLight var(--flash-dur, .12s) cubic-bezier(.1,.8,.3,1)}@keyframes notePlayGlyphDark{0%{filter:brightness(calc(1 + .15 * var(--flash-strength, 1)))}to{filter:brightness(1)}}@keyframes notePlayGlyphLight{0%{filter:brightness(calc(1 - .26 * var(--flash-strength, 1)))}to{filter:brightness(1)}}body:not(.no-step-pulse):not(.perf-lite) .step-cell.note-play-flash{animation-name:notePlayFlashAnim,notePlayRingDark!important;animation-duration:var(--flash-dur, .12s),var(--flash-dur, .12s)!important;animation-timing-function:cubic-bezier(.1,.8,.3,1),cubic-bezier(.1,.8,.3,1)!important}body.light-theme:not(.no-step-pulse):not(.perf-lite) .step-cell.note-play-flash,body.theme-afro-light:not(.no-step-pulse):not(.perf-lite) .step-cell.note-play-flash{animation-name:notePlayFlashLightAnim,notePlayRingLight!important}@keyframes notePlayRingDark{0%{outline:2px solid rgba(255,250,235,calc(.2 * var(--flash-strength, 1)));outline-offset:-2px}to{outline:2px solid rgba(255,250,235,0);outline-offset:-2px}}@keyframes notePlayRingLight{0%{outline:2px solid rgba(46,26,8,calc(.26 * var(--flash-strength, 1)));outline-offset:-2px}to{outline:2px solid rgba(46,26,8,0);outline-offset:-2px}}#themes-modal .modal-body{margin-bottom:8px!important}#themes-modal .modal-footer{margin-top:0!important;padding-top:0!important}#custom-swing-modal #swing-advanced-panel.open{padding-bottom:38px}#custom-swing-modal #swing-advanced-toggle{margin-top:.62rem}body.theme-switching *,body.theme-switching *:before,body.theme-switching *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#effects-modal .effects-row.fx-off .fx-limiter-meter{opacity:.45}#effects-modal .fx-row-reset.fx-reset-off{cursor:default}#effects-modal .fx-row-reset.fx-reset-off:hover{color:var(--text-dim);border-color:color-mix(in srgb,var(--text-main) 26%,transparent)}#effects-modal .fx-reset-all{background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 38%,transparent)!important;color:var(--text-main)!important}#effects-modal .fx-reset-all:hover{background:color-mix(in srgb,var(--primary) 26%,transparent)!important}body.light-theme #effects-modal .fx-row-reset,body.light-theme #effects-modal .fx-reset-all{background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important;color:var(--text-main)!important}body.light-theme #effects-modal .fx-row-reset:hover,body.light-theme #effects-modal .fx-reset-all:hover{background:#ee85001f!important;border-color:#ee850059!important}body #effects-modal .fx-row-reset.reset-idle,body #effects-modal .fx-row-reset.fx-reset-off,body #effects-modal .fx-reset-all.reset-idle,body #custom-swing-modal .timing-reset-btn.reset-idle,body #custom-humanise-modal .timing-reset-btn.reset-idle,body .modal-footer .mixer-reset-btn.reset-idle,body .reset-idle,body .btn.reset-idle.reset-idle,.timing-reset-btn:disabled,.tt-card .timing-reset-btn:disabled,.tt-reset:disabled{color:var(--text-dim)!important;background:transparent!important;border-color:var(--border-color)!important}body #custom-swing-modal .timing-reset-btn:not(.reset-idle):not(:disabled),body #custom-humanise-modal .timing-reset-btn:not(.reset-idle):not(:disabled),body #effects-modal .fx-row-reset:not(.reset-idle):not(.fx-reset-off),body #effects-modal .fx-reset-all:not(.reset-idle),body .mixer-reset-btn:not(.reset-idle),body .btn.mixer-reset-btn.mixer-reset-btn:not(.reset-idle),body .tt-card .timing-reset-btn:not(:disabled),body .tt-reset:not(:disabled){background:color-mix(in srgb,var(--primary) 26%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 55%,transparent)!important;color:var(--text-main)!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.anim-strength-drawer{max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .16s ease}.anim-strength-drawer.open{max-height:40px;opacity:1}.anim-strength-inner{display:flex;align-items:center;gap:.55rem;padding:.3rem .6rem .45rem .9rem;color:var(--text-main)}.anim-str-icon{flex:0 0 auto;opacity:.55}.anim-strength-inner input[type=range]{flex:1 1 auto;min-width:0;margin:0}#effects-modal .fx-state-pill{display:grid;place-items:center;text-align:center}#effects-modal .fx-state-pill>span{grid-area:1 / 1}#effects-modal .fx-state-pill>.fx-pill-off,#effects-modal .effects-row.fx-off .fx-state-pill>.fx-pill-on{visibility:hidden}#effects-modal .effects-row.fx-off .fx-state-pill>.fx-pill-off{visibility:visible}#help-modal.modal-overlay{padding:8px!important;z-index:100002!important;--help-col: 620px;--help-body-pad: 1.05rem}#help-modal .modal-content{max-width:calc(var(--help-col) + var(--help-body-pad) * 2)!important;width:100%!important;height:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.help-header{flex:0 0 auto;position:relative;display:grid!important;grid-template-columns:34px 1fr 34px;align-items:center;gap:.75rem;margin:0!important;padding:.7rem .9rem .65rem!important;border-bottom:1px solid var(--border-color)}#help-modal-title{text-align:center;min-width:0;font-family:Outfit,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.045em;font-size:clamp(1.15rem,4.2vw,1.55rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.help-x{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--text-main) 7%,transparent);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:background .15s ease,border-color .15s ease}.help-x:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.help-chapters-menu{position:absolute;top:calc(100% + 6px);left:.9rem;right:.9rem;z-index:30;max-height:min(calc(100dvh - 110px),620px);overflow-y:auto;overscroll-behavior:contain;padding:.35rem;display:flex;flex-direction:column;gap:.2rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-modal-opaque, var(--modal-bg));box-shadow:0 14px 34px #00000057}.help-chapters-menu[hidden]{display:none}.help-chapter-item{display:flex;align-items:baseline;gap:.55rem;width:100%;padding:.5rem .6rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-main);font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}.help-chapter-item:hover,.help-chapter-item:focus-visible{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,transparent);outline:none}.help-chapter-num{flex:0 0 1.5em;color:var(--text-muted);font-weight:800;font-variant-numeric:tabular-nums}.help-chapter-text{flex:1 1 auto;min-width:0}.help-chapters-btn[aria-expanded=true]{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:color-mix(in srgb,var(--primary) 48%,transparent)}#help-modal .help-body{color:var(--text-muted)}#help-modal .modal-body{flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important;padding:var(--help-body-pad)!important;margin:0!important;display:flex;flex-direction:column;gap:1.6rem}.help-intro{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-main)}.help-intro b{color:var(--primary)}.help-card{display:flex;flex-direction:column;gap:1.05rem;padding:1.15rem 1.1rem 1.35rem;border-radius:12px;background:color-mix(in srgb,var(--text-main) 4%,transparent);border:1px solid var(--border-color)}.help-card h3{margin:0 0 .45rem;padding-bottom:.7rem;border-bottom:1px solid color-mix(in srgb,var(--text-main) 9%,transparent);font-family:Outfit,sans-serif;font-size:1.12rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:var(--text-main)}.help-card p{margin:0;font-size:.88rem;line-height:1.55}.help-card p b{color:var(--text-main);font-weight:600}.help-note{color:var(--text-main);padding:.6rem .75rem;border-radius:9px;border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent)}.help-note b{color:var(--text-main)!important;font-weight:800}.help-demo-clone{pointer-events:none;display:inline-flex;align-items:center;flex:0 0 auto}.help-demo-clone>*{pointer-events:none!important}.help-demo-clone.help-clone-block{display:block;width:100%}.help-shot{border-radius:10px;overflow:hidden}.help-shot-bar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.5rem .65rem;background:var(--bg-card, color-mix(in srgb, var(--text-main) 6%, transparent));border:1px solid var(--border-color)}.help-shot-bar strong{font-family:Outfit,sans-serif;font-weight:700;font-size:.88rem}[data-help-shot=titlebar].help-shot-bar{justify-content:space-between}[data-help-shot=transport].help-shot-bar{flex-wrap:nowrap;gap:.4rem}[data-help-shot=transport] .help-demo-clone:nth-child(3){flex:1 1 40px;min-width:34px}[data-help-shot=transport] .help-demo-clone:nth-child(3)>*{width:100%!important;min-width:0!important}[data-help-shot=drawer] .help-demo-clone,[data-help-shot=library] .help-demo-clone{flex:1 1 100%}.help-shot-grid{padding:.4rem;background:var(--bg-card, color-mix(in srgb, var(--text-main) 6%, transparent));border:1px solid var(--border-color)}.help-shot-grid .help-demo-clone{display:block;width:100%}.help-shot-grid .track-row{margin:0 0 2px!important}.help-shot-grid .track-drawer{display:none!important}.help-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.8rem}.help-steps li{display:flex;align-items:flex-start;gap:.6rem}.help-steps div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.help-steps b{font-size:.9rem;color:var(--text-main)}.help-steps span:not(.help-step-n){font-size:.86rem;line-height:1.5}.help-step-n{flex:0 0 auto;width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--text-main) 11%,transparent);border:1px solid var(--border-color);color:var(--text-main);font-size:.72rem;font-weight:800;margin-top:1px}.help-shot+*,.help-glyph-key+*{margin-top:.9rem}.help-shot+.help-shot{margin-top:-.35rem}.help-glyph-key{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.45rem}.help-glyph-key>span{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:9px;background:color-mix(in srgb,var(--text-main) 5%,transparent);border:1px solid var(--border-color)}.help-glyph-key i{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--text-main) 7%,transparent);border:1px solid var(--border-color)}.help-glyph-key i>span{display:grid;place-items:center}.help-glyph-key i svg{width:17px;height:17px}.help-glyph-key b{font-size:.82rem;color:var(--text-main);font-weight:600}@media(min-width:860px){#help-modal .help-card h3{font-size:1.28rem;letter-spacing:.06em}#help-modal .modal-body{gap:2rem}#help-modal .help-legend{gap:.7rem}#help-modal .help-list{gap:.85rem}#help-modal .help-steps{gap:.9rem}#help-modal .help-card p{font-size:1.02rem}#help-modal .help-legend li{font-size:1rem;padding-left:32px}#help-modal .help-list b{font-size:1.05rem}#help-modal .help-list span{font-size:1rem}#help-modal .help-steps b{font-size:1.05rem}#help-modal .help-steps span:not(.help-step-n){font-size:1rem}#help-modal .help-glyph-key b{font-size:1rem}#help-modal .help-glyph-key i{width:34px;height:34px}#help-modal .help-glyph-key i svg{width:21px;height:21px}#help-modal .help-step-n{width:27px;height:27px;border-radius:8px;font-size:.9rem}#help-modal .help-shot+*,#help-modal .help-glyph-key+*{margin-top:1.1rem}#help-modal .help-card{gap:1.25rem;padding:1.4rem 1.4rem 1.6rem}#help-modal .help-num,#help-modal .help-legend li:before{width:22px;height:22px;line-height:19px;font-size:.8rem}}#help-modal .modal-body>.help-card{width:100%;max-width:var(--help-col);margin-inline:auto}.help-shot-scaled{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-modal-opaque, var(--bg-card-opaque, #10141d))}.help-shot-scaled .help-demo-clone{display:block}.help-num,.help-legend li:before{box-sizing:border-box;width:15px;height:15px;border-radius:50%;background:transparent;border:1.5px solid var(--primary);color:var(--text-main);font-family:Outfit,sans-serif;font-size:.6rem;font-weight:800;line-height:12px;text-align:center}.help-num{position:absolute;display:block;transform:translate(-50%);pointer-events:none}.help-legend{margin:0;padding:0;list-style:none;counter-reset:help-legend;display:flex;flex-direction:column;gap:.6rem}.help-legend li{counter-increment:help-legend;position:relative;padding-left:23px;font-size:.86rem;line-height:1.5}.help-legend li:before{content:counter(help-legend);position:absolute;left:0;top:2px}.help-legend b{color:var(--text-main);font-weight:600}.help-legend b:after{content:" \2014  ";font-weight:400}.help-legend span{display:inline}.help-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.help-list li{display:flex;flex-direction:column;gap:.22rem}.help-list b{font-size:.89rem;color:var(--text-main)}.help-list span{font-size:.86rem;line-height:1.5}[data-help-shot=swing],[data-help-shot=drift]{padding:.4rem;background:var(--bg-card, color-mix(in srgb, var(--text-main) 6%, transparent));border:1px solid var(--border-color)}[data-help-shot=swing] canvas,[data-help-shot=drift] canvas{width:100%;height:86px;display:block}@media(pointer:coarse)and (max-width:474px){html{overflow-x:clip!important}body.unified .app-container{width:calc(100% + 26px)!important}body.unified.compact-notes .app-container{padding-right:27px!important}body.unified:not(.compact-notes) .app-container{padding-right:calc(.6rem + 26px)!important}}body .sample-group-popup.tt-window.tt-window,body .sample-group-popup.mix-window.mix-window{background:var(--bg-modal-opaque, var(--bg-card-opaque, #161d2d))!important}.steps-container.has-lead-note:after{content:"";position:absolute;left:var(--lead-x, -6px);top:var(--lead-y, 50%);width:var(--lead-w, 3px);height:var(--lead-h, 8px);border-radius:2px;background:var(--lead-ink, hsl(var(--part-color-hsl, 220, 10%, 60%)));box-shadow:0 0 0 1px var(--lead-ring, transparent);pointer-events:none;z-index:4}body:not(.compact-notes) #effects-modal .fx-pill-on,body:not(.compact-notes) #effects-modal .fx-pill-off{font-size:11px!important}body:not(.compact-notes) #effects-modal .fx-subdiv-btn{font-size:12px!important}body:not(.compact-notes) #effects-modal .fx-row-reset{font-size:12px!important}body:not(.compact-notes) #effects-modal .fx-control-label{font-size:12px!important}body:not(.compact-notes) #effects-modal .fx-control-label .fx-value{font-size:14px!important}body:not(.compact-notes) #effects-modal .fx-limiter-scale,body:not(.compact-notes) #effects-modal .fx-limiter-scale span{font-size:12px!important}body:not(.compact-notes) #effects-modal .fx-ro-key,body:not(.compact-notes) #effects-modal .fx-ro-val{font-size:12px!important}body:not(.compact-notes) #effects-modal .fx-limiter-note{font-size:13px!important}body:not(.compact-notes) #effects-modal .synth-inst-name{font-size:15px!important}body:not(.compact-notes) #effects-modal .modal-body{gap:7px!important}body:not(.compact-notes) #effects-modal .fx-canvas{height:96px}#solos-control-row .btn.solo-chip-grouped{position:relative}#solos-control-row .btn.solo-chip-grouped:before,[data-help-shot=solos] .btn.solo-chip-grouped:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:none;border:0 solid transparent;border-top-width:1px;border-right-width:1px;border-top-color:var(--solo-chip-ink, currentColor);border-right-color:var(--solo-chip-ink, currentColor);transform:translate(3px,-3px);pointer-events:none}.solo-drawer{flex:0 0 100%;position:relative;box-sizing:border-box;margin:.45rem 0 .2rem;padding:.5rem .55rem;border-radius:8px;background:var(--solo-drawer-bg);border:1px solid var(--border-color);transition:height .24s ease,opacity .2s ease,margin-top .24s ease,margin-bottom .24s ease,padding-top .24s ease,padding-bottom .24s ease,border-top-width .24s ease,border-bottom-width .24s ease}.solo-drawer-caret{position:absolute;top:-6px;width:11px;height:11px;box-sizing:border-box;transform:rotate(45deg);background:var(--solo-drawer-caret-bg, var(--solo-drawer-bg));border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);transition:left var(--solo-drawer-slide) ease}.solo-drawer-inner{display:flex;align-items:stretch;gap:.55rem;transition:transform var(--solo-drawer-slide) ease,opacity var(--solo-drawer-slide) ease}.solo-drawer-title{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.62;white-space:nowrap}body.light-theme .solo-drawer-title,body.theme-afro-light .solo-drawer-title{opacity:.86}.solo-drawer-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));flex:1 1 100%;gap:.25rem;justify-items:stretch}.solo-phrase-chip{min-width:0;width:100%;max-width:28px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-size:.72rem;font-weight:700;cursor:pointer}body.no-track-anim .solo-drawer,body.no-track-anim .solo-drawer-inner,body.no-track-anim .solo-drawer-caret{transition:none!important}@media(prefers-reduced-motion:reduce){.solo-drawer,.solo-drawer-inner,.solo-drawer-caret{transition:none!important}}:root{--solo-drawer-slide: .42s}:root{--solo-drawer-bg: rgba(0, 0, 0, .34)}body.light-theme{--solo-drawer-bg: rgba(0, 0, 0, .045)}body.theme-afro-light{--solo-drawer-bg: rgba(0, 0, 0, .06)}body.theme-afro{--solo-drawer-bg: color-mix(in srgb, var(--text-main) 6%, transparent)}.solo-phrase-add{background:none;border:1px dashed color-mix(in srgb,var(--text-main) 34%,transparent);color:color-mix(in srgb,var(--text-main) 62%,transparent);font-weight:700;line-height:1}.solo-phrase-add:hover{border-color:color-mix(in srgb,var(--solo-hi, var(--primary)) 62%,transparent);color:var(--solo-hi, var(--primary))}body.light-theme .solo-phrase-add,body.theme-afro-light .solo-phrase-add{border-color:color-mix(in srgb,var(--text-main) 60%,transparent);color:color-mix(in srgb,var(--text-main) 92%,transparent)}.solo-drawer-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.35rem}.solo-drawer-chain{width:100%;max-width:28px;aspect-ratio:1 / 1;min-width:0;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.solo-drawer-chain svg{width:16px;height:16px}.solo-drawer-head{display:flex;align-items:center;justify-content:center;gap:8px}.solo-drawer-head>.solo-phrase-add{flex:0 0 auto;width:var(--phrase-chip, 28px);height:var(--phrase-chip, 28px);margin-right:0;border-radius:6px;aspect-ratio:auto;max-width:none}body.light-theme .btn-danger-tonal,body.theme-afro-light .btn-danger-tonal{background:color-mix(in srgb,#b91c1c 12%,transparent);border:1px solid color-mix(in srgb,#b91c1c 45%,transparent);color:#991b1b}.btn.solo-delete-btn.solo-delete-btn{background:#b91c1c!important;border:1px solid #b91c1c!important;color:#fff!important}.btn.solo-delete-btn.solo-delete-btn:hover{background:#991b1b!important;border-color:#991b1b!important}body .variations-popup .variation-btn.is-current.is-current.is-current.is-current.is-current{background:color-mix(in srgb,var(--primary) 26%,transparent)!important;border:1px solid var(--primary)!important;box-shadow:inset 0 0 0 1px var(--primary)!important}body .variations-popup.sample-group-popup{width:min(336px,calc(100vw - 32px))!important;max-width:none!important;box-sizing:border-box!important;padding:.85rem 1rem .95rem!important;gap:0!important}body .variations-popup .variations-popup-header{flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.45rem;padding-bottom:.6rem!important;margin-bottom:.65rem!important}body .variations-popup .variations-popup-subtitle{margin-top:0!important}body .variations-popup .variations-popup-subtitle:not(:empty):before{content:"\b7";margin-right:.45rem;color:var(--text-dim)}body .variations-popup .variations-popup-body{gap:.45rem!important;align-self:stretch!important;width:100%!important}body .variations-popup #variations-lead-section{gap:.45rem!important}body .variations-popup .variations-popup-body .variations-section-title{display:flex;align-items:center;gap:.55rem;margin:.6rem 0 .1rem!important;padding:0!important;border-bottom:none!important;font-size:.68rem!important;letter-spacing:.9px}body .variations-popup .variations-popup-body .variations-section-title:after{content:"";flex:1;height:1px;background:currentColor;opacity:.2}body .variations-popup .variations-grid{flex-wrap:wrap;justify-content:center!important;gap:6px!important;max-width:204px;margin-left:auto!important;margin-right:auto!important}body .variations-popup .variations-grid .variation-btn{flex:0 0 36px!important;width:36px!important;height:36px!important;aspect-ratio:1 / 1;padding:0!important;box-sizing:border-box!important}body .variations-popup .variations-grid .variation-btn .variation-btn-icon{transform:scale(1.05)!important}body.theme-studio .variations-popup .variations-grid .variation-btn .variation-btn-icon{transform:none!important}body .variations-popup #variations-presets-flam.variations-grid .variation-btn .variation-btn-icon{transform:scale(.84)!important}body .variations-popup .variations-grid .variation-btn:not(:has(.variation-btn-icon)){flex:0 0 auto!important;width:auto!important;aspect-ratio:auto!important;min-width:36px;padding:0 .5rem!important;font-size:.78rem}body .variations-popup #variations-subdivision-buttons{gap:6px!important;width:100%;max-width:204px;margin-left:auto!important;margin-right:auto!important}body .variations-popup #variations-subdivision-buttons .btn,body .variations-popup .variations-split-btn{height:auto!important;min-height:36px;width:auto!important;min-width:0;padding:.25rem .4rem!important;font-size:.7rem!important;line-height:1.15!important;white-space:normal;text-align:center;text-wrap:balance;justify-content:center!important}body .variations-popup .lead-loop-row{padding:.35rem .15rem 0!important}body .variations-popup .lead-loop-row span{font-size:.8rem!important}.help-glyph-key[data-help-glyphs=figures] i{width:48px;height:48px}.help-glyph-key[data-help-glyphs=figures] i>span{display:block;width:42px;height:34px}#help-modal .help-glyph-key[data-help-glyphs=figures] i{width:48px;height:48px}#help-modal .help-glyph-key[data-help-glyphs=figures] i>span{display:block;width:42px;height:34px}.help-glyph-key[data-help-glyphs=figures] .studio-badge3,.help-glyph-key[data-help-glyphs=figures] .triplet-badge{display:none!important}.help-icon-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.help-icon-list li{display:flex;align-items:center;gap:.7rem;font-size:.86rem;line-height:1.4;color:var(--text-muted)}.help-icon-list li>i{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--text-main) 7%,transparent);border:1px solid var(--border-color);color:var(--text-main)}@media(min-width:700px){#help-modal .help-icon-list li{font-size:1rem}#help-modal .help-icon-list li>i{width:36px;height:36px}#help-modal .help-icon-list li>i svg{width:20px;height:20px}}.help-glyph-key[data-help-glyphs=figures] i>span,.help-glyph-key[data-help-glyphs=figures] i>span *{color:var(--text-main)!important}.help-glyph-key[data-help-glyphs=figures] .studio-grace{opacity:.75!important}.help-icon-list li.help-icon-none{padding-left:calc(56px + .7rem)}#help-modal .help-icon-list li>i{width:56px;font-style:normal}.help-icon-list li>i.help-icon-picto svg{width:52px;height:auto}#help-modal .help-icon-list li>i.help-icon-picto{height:auto;min-height:32px;padding-block:3px}.help-picto-blink{animation:helpPictoBlink 1.1s ease-in-out infinite}@keyframes helpPictoBlink{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.help-picto-blink{animation:none}}.help-icon-list li>i svg{width:18px;height:18px}.help-icon-plus{display:grid;place-items:center;width:18px;height:18px;border:1.5px dashed currentColor;border-radius:5px;font-weight:700;font-size:.85rem;line-height:1}.help-icon-list li>i.help-icon-ech{color:#ef4444}@media(min-width:700px){#help-modal .help-icon-list li.help-icon-none{padding-left:calc(56px + .7rem)}}#sequencer-grid-card{position:relative}#specials-wire-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}#solos-control-row,#variations-control-row,#breaks-control-row,#special-parts-control-row{position:relative}#solos-control-row>*,#variations-control-row>*,#breaks-control-row>*,#special-parts-control-row>*{position:relative;z-index:1}#solos-control-row,#variations-control-row,#breaks-control-row{--chip-size: calc(28px + (var(--desktop-cell-slot, 18px) - 18px) * .5);--chip-gap: .4rem;flex-wrap:wrap;justify-content:center;column-gap:0!important;row-gap:.85rem!important}body.compact-notes #solos-control-row,body.compact-notes #variations-control-row,body.compact-notes #breaks-control-row{--chip-size: 28px;--chip-gap: 6px;row-gap:.7rem!important}#solos-control-row>.row-label-pill,#variations-control-row>.row-label-pill,#breaks-control-row>.row-label-pill{flex:0 0 100%;justify-content:center;align-self:auto;margin:0!important;padding:0!important;border:none!important;background:none!important;gap:.4rem;pointer-events:none}body.unified #solos-control-row>span.row-label-pill.row-label-tappable,body.unified #variations-control-row>span.row-label-pill.row-label-tappable,body.unified #breaks-control-row>span.row-label-pill.row-label-tappable,body #solos-control-row>span.row-label-pill.row-label-tappable,body #variations-control-row>span.row-label-pill.row-label-tappable,body #breaks-control-row>span.row-label-pill.row-label-tappable{font-size:1.1rem!important}body.unified:not(.compact-notes) #solos-control-row>span.row-label-pill.row-label-tappable,body.unified:not(.compact-notes) #variations-control-row>span.row-label-pill.row-label-tappable,body.unified:not(.compact-notes) #breaks-control-row>span.row-label-pill.row-label-tappable{font-size:calc(18px + (var(--desktop-cell-slot, 18px) - 18px) * .3)!important}#solos-control-row>.row-label-pill>*,#variations-control-row>.row-label-pill>*,#breaks-control-row>.row-label-pill>*{pointer-events:auto}#solos-control-row .row-label-info,#variations-control-row .row-label-info,#breaks-control-row .row-label-info{opacity:.75;transform:none;cursor:pointer;transition:opacity .15s ease,color .15s ease}#solos-control-row,#variations-control-row,#breaks-control-row{--cog-w: 19px}body.unified:not(.compact-notes) #solos-control-row,body.unified:not(.compact-notes) #variations-control-row,body.unified:not(.compact-notes) #breaks-control-row{--cog-w: calc(19px + (var(--desktop-cell-slot, 18px) - 18px) * .25)}#solos-control-row .row-label-info svg,#variations-control-row .row-label-info svg,#breaks-control-row .row-label-info svg{width:var(--cog-w);height:var(--cog-w)}#solos-control-row>.row-label-pill:after,#variations-control-row>.row-label-pill:after,#breaks-control-row>.row-label-pill:after{content:"";flex:0 0 calc(var(--cog-w) + .35rem)}@media(hover:hover){#solos-control-row .row-label-info:hover,#variations-control-row .row-label-info:hover,#breaks-control-row .row-label-info:hover{opacity:1;color:var(--primary)}}html body #solos-control-row>span.row-label-pill.row-label-tappable.row-label-hover,html body #variations-control-row>span.row-label-pill.row-label-tappable.row-label-hover,html body #breaks-control-row>span.row-label-pill.row-label-tappable.row-label-hover,html body #solos-control-row>span.row-label-pill.row-label-tappable.row-label-hover>*,html body #variations-control-row>span.row-label-pill.row-label-tappable.row-label-hover>*,html body #breaks-control-row>span.row-label-pill.row-label-tappable.row-label-hover>*{color:var(--row-hover-ink, var(--primary))!important;opacity:1;transition:color .15s ease}#solos-buttons-container,#variations-buttons-container,#breaks-buttons-container{position:relative;box-sizing:border-box;flex:0 0 auto!important;width:calc(9 * var(--chip-size) + 8 * var(--chip-gap));max-width:100%;padding-left:calc((var(--chip-size) + var(--chip-gap)) / 2);padding-right:calc((var(--chip-size) + var(--chip-gap)) / 2);gap:var(--chip-gap)!important}#solos-buttons-container,#variations-buttons-container{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center}#solos-buttons-container>.btn:not(.btn-add-compact):not(.btn-add-section),#variations-buttons-container>.btn:not(.btn-add-compact):not(.btn-add-section){flex:0 0 var(--chip-size);min-width:0}#breaks-buttons-container{display:grid!important;grid-template-columns:repeat(auto-fit,calc((100% - 3 * var(--chip-gap)) / 4));justify-content:center;align-items:center}#breaks-buttons-container>.btn:not(.btn-add-compact){min-width:0!important;width:100%!important;padding-left:3px!important;padding-right:3px!important;white-space:nowrap;overflow:hidden}#breaks-buttons-container>.btn-add-section:not(.btn-add-compact){grid-column:1 / -1;justify-self:start;width:auto!important}#solos-buttons-container>*,#variations-buttons-container>*,#breaks-buttons-container>*{position:relative;z-index:1}#solos-buttons-container>.solo-drawer{flex:0 0 auto;width:100%;min-width:0}.app-container{overflow-anchor:none}#solos-buttons-container>.btn-add-section:not(.btn-add-compact),#variations-buttons-container>.btn-add-section:not(.btn-add-compact){flex:0 0 auto;margin-right:auto}#solos-control-row .btn.btn-add-compact,#variations-control-row .btn.btn-add-compact,#breaks-control-row .btn.btn-add-compact{position:absolute!important;right:auto;left:calc(100% - var(--chip-size));top:0;margin:0!important}#solos-buttons-container .solo-drawer-chips{display:grid!important;grid-template-columns:repeat(var(--phrase-cols, 8),var(--phrase-chip, 28px))!important;justify-content:center;column-gap:var(--chip-gap, .25rem);row-gap:.4rem}#solos-buttons-container .solo-drawer-chips>*{width:100%;max-width:none}#solos-buttons-container .solo-drawer .solo-phrase-add{border:1.5px dashed color-mix(in srgb,var(--text-muted) 60%,transparent)!important;color:var(--padd-ink)!important;background:var(--padd-bg)!important;border-radius:var(--padd-radius, 8px)!important;font-size:var(--padd-font)!important;font-weight:var(--padd-weight)!important;font-family:var(--padd-family, inherit)!important;line-height:var(--padd-line, normal)!important}@media(hover:hover){#solos-buttons-container .solo-drawer .solo-phrase-add:hover{border-color:var(--primary)!important;color:var(--primary)!important}}body:not(.disable-blur) .solo-drawer.drawer-frosted,body:not(.disable-blur) .solo-drawer.drawer-frosted .solo-drawer-caret{backdrop-filter:blur(3px) saturate(1.06);-webkit-backdrop-filter:blur(3px) saturate(1.06)}.solo-drawer .solo-drawer-caret{background:var(--solo-drawer-bg);clip-path:polygon(-2px -2px,calc(100% + 2px) -2px,-2px calc(100% + 2px));z-index:1}.solo-drawer{border-color:transparent;--solo-drawer-line: color-mix(in srgb, var(--text-main) 22%, transparent)}body.light-theme .solo-drawer,body.theme-afro-light .solo-drawer{--solo-drawer-line: color-mix(in srgb, var(--text-main) 30%, transparent);box-shadow:0 6px 16px -8px #0000003d}.solo-drawer{box-shadow:0 8px 20px -10px #000000ad}.solo-drawer .solo-drawer-caret{border-top-color:var(--solo-drawer-line);border-left-color:var(--solo-drawer-line)}.solo-drawer:after{content:"";position:absolute;inset:-1px;border:1px solid var(--solo-drawer-line);border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) no-repeat,linear-gradient(#000 0 0) no-repeat;-webkit-mask-size:100% 100%,14px 3px;-webkit-mask-position:0 0,calc(var(--caret-x, -100px) - .5px) 0;-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) no-repeat,linear-gradient(#000 0 0) no-repeat;mask-size:100% 100%,14px 3px;mask-position:0 0,calc(var(--caret-x, -100px) - .5px) 0;mask-composite:exclude;transition:mask-position var(--solo-drawer-slide) ease,-webkit-mask-position var(--solo-drawer-slide) ease}.solo-drawer.caret-snap:after{transition:none}.link-drag-src{outline:2px dashed var(--primary);outline-offset:2px}.link-drop-target{outline:2px dashed var(--solo-hi, var(--primary))!important;outline-offset:3px;transform:scale(1.16);box-shadow:0 0 0 4px color-mix(in srgb,var(--solo-hi, var(--primary)) 34%,transparent);position:relative;z-index:3}.chip-drag-halo.lifted.over-target{outline:3px dashed var(--halo-target, var(--solo-hi, var(--primary)));outline-offset:9px}#variations-buttons-container button[data-var-key]{touch-action:none}body.light-theme .part-menu-window .sample-group-popup-btn.solo-delete-btn,body.theme-afro-light .part-menu-window .sample-group-popup-btn.solo-delete-btn{background:color-mix(in srgb,#c95a52 15%,#ffffff)!important;border-color:color-mix(in srgb,#c0463d 55%,transparent)!important;color:#a8372f!important}body:not(.light-theme) .part-menu-window button{box-shadow:none!important;text-shadow:none!important}body .part-menu-window button.solo-delete-btn,body .part-menu-window #solo-menu-close,body .part-menu-window button.part-menu-action-btn,body .part-menu-window .part-menu-link button{box-shadow:0 6px 8px -4px #0000008c!important}body.light-theme .part-menu-window button.solo-delete-btn,body.light-theme .part-menu-window #solo-menu-close,body.light-theme .part-menu-window button.part-menu-action-btn,body.light-theme .part-menu-window .part-menu-link button,body.theme-afro-light .part-menu-window button.solo-delete-btn,body.theme-afro-light .part-menu-window #solo-menu-close,body.theme-afro-light .part-menu-window button.part-menu-action-btn,body.theme-afro-light .part-menu-window .part-menu-link button{box-shadow:0 6px 8px -4px #00000052!important}body .part-menu-window .part-menu-link button.active{box-shadow:none!important}body.theme-afro-light .part-menu-window .sample-group-popup-btn.solo-delete-btn{background:color-mix(in srgb,#b0604f 15%,#ffffff)!important;border-color:color-mix(in srgb,#a3503f 55%,transparent)!important;color:#94412f!important}#swing-tempo-canvas{touch-action:pan-y}html body.compact-notes.light-theme .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.2789 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.2789 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light) .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(214,222,255) l calc(c * var(--zebra-sat, 1)) h / calc(.085 * var(--stripe-k, 1))) 0,oklch(from rgb(214,222,255) l calc(c * var(--zebra-sat, 1)) h / calc(.085 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-afro-light .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.2669 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.2669 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-afro .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.141 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.141 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-afro.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.122 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.122 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.light-theme.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.2041 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.2041 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-afro-light.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.2121 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.2121 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).light-theme .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.2149 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.2149 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light) .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(214,222,255) l calc(c * var(--zebra-sat, 1)) h / calc(.065 * var(--stripe-k, 1))) 0,oklch(from rgb(214,222,255) l calc(c * var(--zebra-sat, 1)) h / calc(.065 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).theme-afro-light .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.2053 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.2053 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).theme-afro .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.108 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.108 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).theme-afro.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.094 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--beat-ink, 255, 186, 112)) l calc(c * var(--zebra-sat, 1)) h / calc(.094 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).light-theme.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.1562 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--zebra-ink, 115, 66, 8)) l calc(c * var(--zebra-sat, 1)) h / calc(.1562 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).theme-afro-light.blend-note-fill .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.1626 * var(--stripe-k, 1))) 0,oklch(from rgb(var(--afro-zebra-ink, 62, 22, 5)) l calc(c * var(--zebra-sat, 1)) h / calc(.1626 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body:not(.light-theme):not(.theme-afro-light) #sequencer-grid .track-row{--cell-row-tint: transparent}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .track-row{--cell-row-tint: hsla(var(--part-color-hsl, 243, 75%, 59%), .045)}body.theme-afro #sequencer-grid .track-row.track-djembe,body.theme-custom #sequencer-grid .track-row.track-djembe{--cell-row-tint: var(--djembe-card-bg)}body.theme-afro #sequencer-grid .track-row.track-kenkeni,body.theme-custom #sequencer-grid .track-row.track-kenkeni{--cell-row-tint: var(--kenkeni-card-bg)}body.theme-afro #sequencer-grid .track-row.track-sangban,body.theme-custom #sequencer-grid .track-row.track-sangban{--cell-row-tint: var(--sangban-card-bg)}body.theme-afro #sequencer-grid .track-row.track-doundounba,body.theme-custom #sequencer-grid .track-row.track-doundounba{--cell-row-tint: var(--doundounba-card-bg)}body.theme-afro.no-track-tint #sequencer-grid .track-row{--cell-row-tint: rgba(255, 255, 255, .05)}body.theme-afro #sequencer-grid .track-row.track-djembe,body.theme-custom #sequencer-grid .track-row.track-djembe{--cell-hue-src: var(--djembe-blend-note);--cell-track-ink: var(--djembe-stripe-ink, var(--djembe-border))}body.theme-afro #sequencer-grid .track-row.track-kenkeni,body.theme-custom #sequencer-grid .track-row.track-kenkeni{--cell-hue-src: var(--kenkeni-blend-note);--cell-track-ink: var(--kenkeni-stripe-ink, var(--kenkeni-border))}body.theme-afro #sequencer-grid .track-row.track-sangban,body.theme-custom #sequencer-grid .track-row.track-sangban{--cell-hue-src: var(--sangban-blend-note);--cell-track-ink: var(--sangban-stripe-ink, var(--sangban-border))}body.theme-afro #sequencer-grid .track-row.track-doundounba,body.theme-custom #sequencer-grid .track-row.track-doundounba{--cell-hue-src: var(--doundounba-blend-note);--cell-track-ink: var(--doundounba-stripe-ink, var(--doundounba-border))}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .step-cell:not(.has-note),html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .step-cell-subdivided-sub:not(.has-note),html body.theme-studio.blend-note-fill:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .step-cell.has-note,html body.theme-studio.blend-note-fill:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .step-cell-subdivided-sub.has-note{background-color:color-mix(in srgb,var(--cell-ground, #111827) var(--cell-solid, 50%),transparent)!important;background-image:linear-gradient(#ffffff05,#ffffff05),linear-gradient(color-mix(in srgb,var(--cell-row-tint) var(--cell-solid, 50%),transparent),color-mix(in srgb,var(--cell-row-tint) var(--cell-solid, 50%),transparent))!important}body.theme-afro,body.theme-custom{--cell-solid: 12.5%;--cell-hide: 50%}html body.theme-afro #sequencer-grid .step-cell:not(.has-note),html body.theme-afro #sequencer-grid .step-cell-subdivided-sub:not(.has-note),html body.theme-afro.blend-note-fill #sequencer-grid .track-row .step-cell.has-note,html body.theme-afro.blend-note-fill #sequencer-grid .track-row .step-cell-subdivided-sub.has-note{background-color:color-mix(in srgb,var(--cell-ground, #1e1006) max(var(--cell-hide, 50%) * .25,var(--cell-hide, 50%) * 1.75 - 75%),transparent)!important;background-image:linear-gradient(color-mix(in srgb,#000 min(14%,var(--cell-hide, 50%) * .28),transparent),color-mix(in srgb,#000 min(14%,var(--cell-hide, 50%) * .28),transparent)),linear-gradient(color-mix(in srgb,var(--cell-row-tint) min(60%,var(--cell-hide, 50%) * 1.2),transparent),color-mix(in srgb,var(--cell-row-tint) min(60%,var(--cell-hide, 50%) * 1.2),transparent))!important}#solos-buttons-container>.section-empty-hint,#variations-buttons-container>.section-empty-hint,#breaks-buttons-container>.section-empty-hint{flex:0 0 100%;grid-column:1 / -1;text-align:center;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;line-height:1.35;color:var(--text-muted);opacity:.8;padding:.35rem 0 .2rem;position:relative;z-index:1}.section-empty-hint .section-hint-plus{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;margin:0 .2em;border-radius:.38em;border:1px solid transparent;font-size:1.2em;line-height:1;vertical-align:middle;position:relative;top:-.12em;cursor:pointer;box-sizing:border-box}body.unified:not(.compact-notes) #solos-buttons-container>.section-empty-hint,body.unified:not(.compact-notes) #variations-buttons-container>.section-empty-hint,body.unified:not(.compact-notes) #breaks-buttons-container>.section-empty-hint{font-size:calc(14px + (var(--desktop-cell-slot, 18px) - 18px) * .12)}html body.theme-afro .sample-group-popup.sample-group-popup.sample-group-popup{background-image:linear-gradient(#00000040,#00000040)!important}body:not(.light-theme):not(.theme-afro):not(.theme-afro-light) #library-modal{--text-muted: #9ca3af;--text-dim: #858e9e}body.compact-notes .drum-pad svg{width:32px!important;height:32px!important}body.compact-notes .drum-pad-name{font-size:.95rem!important;margin-bottom:.15rem}body.compact-notes .drum-pad-type{font-size:.76rem!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light) :is(.modal-content,.tt-window) :is(.swing-slider-value,.tt-head-val,[style*="color: var(--primary)"]){color:color-mix(in srgb,var(--primary) 55%,#fff)!important}html body .drum-pad:not(.pad-active){background:color-mix(in srgb,var(--text-main) 7%,transparent)!important;border:1px solid color-mix(in srgb,var(--text-main) 24%,transparent)!important;box-shadow:0 3px 7px -2px #000000c7!important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .drum-pad:not(.pad-active){background:#ffffff0b!important;border-color:#ffffff29!important}html body.light-theme .drum-pad:not(.pad-active){background:#ffffffc7!important;border-color:#0000000f!important;box-shadow:0 3px 6px -2px #00000038!important}html body.theme-afro-light .drum-pad:not(.pad-active){background:color-mix(in srgb,#ffffff 68%,transparent)!important;border-color:var(--border-color, rgba(62, 22, 5, .25))!important;box-shadow:0 3px 6px -2px #00000038!important}@media(hover:hover){html body .drum-pad:not(.pad-active):hover{background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 60%,transparent)!important}}html body .drum-pad:not(.pad-active) svg{color:var(--pad-ink, var(--text-muted))!important;opacity:1!important}html body #solos-control-row,html body #variations-control-row,html body #breaks-control-row{--chip-base: calc((28px + (var(--desktop-cell-slot, 18px) - 18px) * .5) * 1.2);--chip-gap-base: 8px;--chip-size: calc(var(--chip-base) * .95);--chip-gap: calc(var(--chip-gap-base) + var(--chip-base) * .05);--chip-font: calc(var(--chip-size) * .44);--cog-w: calc((19px + (var(--desktop-cell-slot, 18px) - 18px) * .25) * 1.25);padding-top:15px!important;padding-bottom:15px!important;row-gap:1rem!important}html body.compact-notes #solos-control-row,html body.compact-notes #variations-control-row,html body.compact-notes #breaks-control-row{--chip-base: clamp(27px, calc((100vw - 91px)/8) , 38px);--chip-gap-base: 7px;--chip-size: calc(var(--chip-base) * .95);--chip-gap: calc(var(--chip-gap-base) + var(--chip-base) * .05);--cog-w: 23px;padding-left:10px!important;padding-right:10px!important;row-gap:.85rem!important}html body #solos-buttons-container,html body #variations-buttons-container,html body #breaks-buttons-container{width:calc(8 * var(--chip-size) + 7 * var(--chip-gap))!important;padding-left:0!important;padding-right:0!important;gap:var(--chip-gap)!important}html body.unified #solos-control-row #solos-buttons-container>.btn:not(.btn-add-section),html body.unified #variations-control-row #variations-buttons-container>.btn:not(.btn-add-section){min-width:var(--chip-size)!important;width:var(--chip-size)!important;height:var(--chip-size)!important;flex:0 0 var(--chip-size)!important;font-size:var(--chip-font)!important;border-radius:calc(var(--chip-size) * .2)!important}html body.unified #solos-control-row #solos-buttons-container>.btn svg,html body.unified #variations-control-row #variations-buttons-container>.btn svg{width:calc(var(--chip-size) * .55)!important;height:calc(var(--chip-size) * .55)!important}html body.unified #breaks-control-row #breaks-buttons-container>.btn:not(.btn-add-section){height:var(--chip-size)!important;font-size:var(--chip-font)!important;border-radius:calc(var(--chip-size) * .2)!important}html body.unified #solos-control-row .btn.btn-add-compact,html body.unified #variations-control-row .btn.btn-add-compact,html body.unified #breaks-control-row .btn.btn-add-compact{min-width:var(--chip-size)!important;width:var(--chip-size)!important;height:var(--chip-size)!important;flex:0 0 var(--chip-size)!important;font-size:calc(var(--chip-size) * .5)!important;border-radius:calc(var(--chip-size) * .2)!important}html body.unified #solos-control-row>span.row-label-pill.row-label-tappable,html body.unified #variations-control-row>span.row-label-pill.row-label-tappable,html body.unified #breaks-control-row>span.row-label-pill.row-label-tappable{font-size:1.32rem!important}html body.unified:not(.compact-notes) #solos-control-row>span.row-label-pill.row-label-tappable,html body.unified:not(.compact-notes) #variations-control-row>span.row-label-pill.row-label-tappable,html body.unified:not(.compact-notes) #breaks-control-row>span.row-label-pill.row-label-tappable{font-size:calc((18px + (var(--desktop-cell-slot, 18px) - 18px) * .3) * 1.18)!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active{--part-color-hsl: 202, 82%, 44% !important;outline-color:#1489cc73}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active .track-icon-wrapper,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active .track-icon-wrapper{color:#209fe9!important;border-color:#1489cc80!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active{--part-color-hsl: 38, 66%, 44% !important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active .track-icon-wrapper{color:#f49a25!important;border-color:#f49a2580!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-solo-active:not(.part-ech-active):not(.part-call-active):not(.part-break-active):not(.part-intro-active),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-solo-active:not(.part-ech-active):not(.part-call-active):not(.part-break-active):not(.part-intro-active):hover,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-solo-active:not(.part-ech-active):not(.part-call-active):not(.part-break-active):not(.part-intro-active).focused-track{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl), .063) 0%, hsla(var(--part-color-hsl), .01) 100%) !important;--row-card: rgba(10, 13, 20, .55) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl), .28) 0%, rgba(120, 120, 120, .065) 100%) !important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-solo-active:not(.part-ech-active):not(.part-call-active):not(.part-break-active):not(.part-intro-active) .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,rgb(from color-mix(in srgb,hsl(var(--part-color-hsl)) 45%,rgb(214,222,255)) r g b / .065) 0,rgb(from color-mix(in srgb,hsl(var(--part-color-hsl)) 45%,rgb(214,222,255)) r g b / .065) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).compact-notes .track-row.part-solo-active:not(.part-ech-active):not(.part-call-active):not(.part-break-active):not(.part-intro-active) .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,rgb(from color-mix(in srgb,hsl(var(--part-color-hsl)) 45%,rgb(214,222,255)) r g b / .085) 0,rgb(from color-mix(in srgb,hsl(var(--part-color-hsl)) 45%,rgb(214,222,255)) r g b / .085) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-ech-active,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-call-active{outline:none!important;--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl), .07) 0%, hsla(var(--part-color-hsl), .01) 100%) !important;--row-card: rgba(10, 13, 20, .55) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl), .34) 0%, rgba(120, 120, 120, .06) 100%) !important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active:hover,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active:hover,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active:hover,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-ech-active:hover,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-call-active:hover{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl), .07) 0%, hsla(var(--part-color-hsl), .014) 100%) !important;--row-card: rgba(15, 20, 30, .65) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl), .44) 0%, rgba(140, 140, 140, .16) 100%) !important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active.focused-track,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active.focused-track,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active.focused-track,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-ech-active.focused-track,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-call-active.focused-track{--row-top: linear-gradient(105deg, hsla(var(--part-color-hsl), .105) 0%, hsla(var(--part-color-hsl), .021) 100%) !important;--row-card: rgba(15, 20, 32, .75) !important;--row-edge: linear-gradient(105deg, hsla(var(--part-color-hsl), .56) 0%, rgba(160, 160, 160, .25) 100%) !important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .step-cell:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .step-cell-subdivided-sub:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).blend-note-fill .track-row .step-cell.has-note,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).blend-note-fill .track-row .step-cell-subdivided-sub.has-note{border-color:hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 72% 87% / .4)!important}body.theme-afro-light{--variation-color: #773C3C;--variation-glow: rgba(119, 60, 60, .15);--variation-hsl: 0, 33%, 35%}html body #solos-buttons-container .solo-drawer-chips>.btn{font-size:var(--chip-font)!important;border-radius:calc(var(--chip-size) * .2)!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active .step-cell:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active .step-cell-subdivided-sub:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).blend-note-fill .track-row.part-var-active .step-cell.has-note,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).blend-note-fill .track-row.part-var-active .step-cell-subdivided-sub.has-note{border-color:hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 96% 63% / .5)!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active .step-cell:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active .step-cell:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active .step-cell-subdivided-sub:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active .step-cell-subdivided-sub:not(.has-note),body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).blend-note-fill .track-row.part-break-active .step-cell.has-note,body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).blend-note-fill .track-row.part-intro-active .step-cell.has-note{border-color:hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 71% 59% / .42)!important}html body .track-row.part-var-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.14) 0,hsla(var(--part-color-hsl),.14) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes .track-row.part-var-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.2) 0,hsla(var(--part-color-hsl),.2) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom){--variation-color: #f49a25}html body.theme-afro .track-row.part-var-active .track-icon-wrapper,html body.theme-afro-light .track-row.part-var-active .track-icon-wrapper,html body.theme-custom .track-row.part-var-active .track-icon-wrapper{background-color:color-mix(in srgb,var(--variation-color, var(--accent)) 22%,var(--bg-card-opaque, transparent))!important}body.theme-afro .track-row.part-var-active,body.theme-afro-light .track-row.part-var-active,body.theme-custom .track-row.part-var-active{--cell-hue-src: var(--variation-color, var(--accent)) !important}html body.light-theme .track-row.part-var-active .steps-container .step-cell:not(.has-note),html body.light-theme .track-row.part-var-active .steps-container .step-cell-subdivided-sub:not(.has-note),html body.theme-afro-light .track-row.part-var-active .steps-container .step-cell:not(.has-note),html body.theme-afro-light .track-row.part-var-active .steps-container .step-cell-subdivided-sub:not(.has-note){border-color:color-mix(in srgb,var(--variation-color, var(--accent)) 55%,transparent)!important}html body.light-theme .track-row.part-var-active .steps-container:before,html body.theme-afro-light .track-row.part-var-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.085) 0,hsla(var(--part-color-hsl),.085) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.light-theme .track-row.part-var-active .steps-container:before,html body.compact-notes.theme-afro-light .track-row.part-var-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.12) 0,hsla(var(--part-color-hsl),.12) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.theme-afro.blend-note-fill .track-row.part-var-active .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-var-active .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-var-active .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-var-active .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-var-active .step-cell-subdivided-sub.has-note svg{color:var(--variation-note-glyph, var(--variation-glyph-ink, var(--variation-color, var(--accent))))!important}body.theme-afro,body.theme-custom{--break-color: #83B4CB;--break-active: #3B7491;--break-hsl: 203, 40%, 44%;--break-card: #43778F;--break-glyph: #3C9AC8}body.theme-afro-light{--break-color: #3E5598;--break-active: #33477F;--break-hsl: 225, 42%, 42%}html body.theme-afro-light .track-row.part-break-active,html body.theme-afro-light .track-row.part-intro-active,html body.theme-afro-light .track-row.part-break-active.focused-track,html body.theme-afro-light .track-row.part-intro-active.focused-track,html body.theme-afro-light .track-row.part-break-active:hover,html body.theme-afro-light .track-row.part-intro-active:hover{--row-card: color-mix(in srgb, var(--break-color) 17%, #ffffff) !important;--row-border-col: color-mix(in srgb, var(--break-card, var(--break-color)) 45%, transparent) !important;--row-top: initial !important;--row-edge: initial !important}html body.theme-afro .track-row.part-break-active,html body.theme-afro .track-row.part-intro-active,html body.theme-afro-light .track-row.part-break-active,html body.theme-afro-light .track-row.part-intro-active,html body.theme-custom .track-row.part-break-active,html body.theme-custom .track-row.part-intro-active{--part-color-hsl: var(--break-hsl) !important;--cell-hue-src: var(--break-color) !important;outline-color:color-mix(in srgb,var(--break-card, var(--break-color)) 50%,transparent)!important}html body.theme-afro .track-row.part-break-active .track-icon-wrapper,html body.theme-afro .track-row.part-intro-active .track-icon-wrapper,html body.theme-afro-light .track-row.part-break-active .track-icon-wrapper,html body.theme-afro-light .track-row.part-intro-active .track-icon-wrapper,html body.theme-custom .track-row.part-break-active .track-icon-wrapper,html body.theme-custom .track-row.part-intro-active .track-icon-wrapper{color:var(--break-color)!important;background-color:color-mix(in srgb,var(--break-card, var(--break-color)) 22%,var(--bg-card-opaque, transparent))!important;border-color:color-mix(in srgb,var(--break-card, var(--break-color)) 50%,transparent)!important}html body .track-row.part-break-active .steps-container:before,html body .track-row.part-intro-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.14) 0,hsla(var(--part-color-hsl),.14) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes .track-row.part-break-active .steps-container:before,html body.compact-notes .track-row.part-intro-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.2) 0,hsla(var(--part-color-hsl),.2) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.light-theme .track-row.part-break-active .steps-container:before,html body.light-theme .track-row.part-intro-active .steps-container:before,html body.theme-afro-light .track-row.part-break-active .steps-container:before,html body.theme-afro-light .track-row.part-intro-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.085) 0,hsla(var(--part-color-hsl),.085) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.light-theme .track-row.part-break-active .steps-container:before,html body.compact-notes.light-theme .track-row.part-intro-active .steps-container:before,html body.compact-notes.theme-afro-light .track-row.part-break-active .steps-container:before,html body.compact-notes.theme-afro-light .track-row.part-intro-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.12) 0,hsla(var(--part-color-hsl),.12) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active .steps-container:before,html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-break-active .steps-container:before,html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-intro-active .steps-container:before,html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).compact-notes .track-row.part-var-active .steps-container:before,html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).compact-notes .track-row.part-break-active .steps-container:before,html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).compact-notes .track-row.part-intro-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,hsla(var(--part-color-hsl),.15) 0,hsla(var(--part-color-hsl),.15) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) .track-row.part-var-active .steps-container:before,html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom).compact-notes .track-row.part-var-active .steps-container:before{-webkit-mask-image:linear-gradient(to right,#000 0%,oklch(from rgb(0,0,0) l calc(c * var(--zebra-sat, 1)) h / calc(.3 * var(--stripe-k, 1))) 100%);mask-image:linear-gradient(to right,#000,oklch(from rgb(0,0,0) l calc(c * var(--zebra-sat, 1)) h / calc(.3 * var(--stripe-k, 1))))}html body.theme-afro.blend-note-fill .track-row.part-break-active.track-djembe .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-djembe .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-break-active.track-djembe .step-cell-subdivided-sub.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-djembe .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-djembe .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-djembe .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-djembe .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-djembe .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-djembe .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-djembe .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-djembe .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-djembe .step-cell-subdivided-sub.has-note svg{color:color-mix(in srgb,var(--break-glyph, var(--break-card, var(--break-color))) 37.5%,var(--djembe-blend-note))!important}html body.theme-afro.blend-note-fill .track-row.part-break-active.track-kenkeni .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-kenkeni .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-break-active.track-kenkeni .step-cell-subdivided-sub.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-kenkeni .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-kenkeni .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-kenkeni .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-kenkeni .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-kenkeni .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-kenkeni .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-kenkeni .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-kenkeni .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-kenkeni .step-cell-subdivided-sub.has-note svg{color:color-mix(in srgb,var(--break-glyph, var(--break-card, var(--break-color))) 37.5%,var(--kenkeni-blend-note))!important}html body.theme-afro.blend-note-fill .track-row.part-break-active.track-sangban .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-sangban .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-break-active.track-sangban .step-cell-subdivided-sub.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-sangban .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-sangban .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-sangban .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-sangban .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-sangban .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-sangban .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-sangban .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-sangban .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-sangban .step-cell-subdivided-sub.has-note svg{color:color-mix(in srgb,var(--break-glyph, var(--break-card, var(--break-color))) 37.5%,var(--sangban-blend-note))!important}html body.theme-afro.blend-note-fill .track-row.part-break-active.track-doundounba .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-doundounba .step-cell.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-break-active.track-doundounba .step-cell-subdivided-sub.has-note svg,html body.theme-afro.blend-note-fill .track-row.part-intro-active.track-doundounba .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-doundounba .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-doundounba .step-cell.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-break-active.track-doundounba .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill .track-row.part-intro-active.track-doundounba .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-doundounba .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-doundounba .step-cell.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-break-active.track-doundounba .step-cell-subdivided-sub.has-note svg,html body.theme-afro-light.blend-note-fill .track-row.part-intro-active.track-doundounba .step-cell-subdivided-sub.has-note svg{color:color-mix(in srgb,var(--break-glyph, var(--break-card, var(--break-color))) 37.5%,var(--doundounba-blend-note))!important}html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell.has-note svg,html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-intro-active .step-cell.has-note svg,html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell-subdivided-sub.has-note svg,html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-intro-active .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell.has-note svg,html body.theme-custom.blend-note-fill #sequencer-grid .track-row.part-intro-active .step-cell.has-note svg,html body.theme-custom.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill #sequencer-grid .track-row.part-intro-active .step-cell-subdivided-sub.has-note svg{color:color-mix(in srgb,var(--break-glyph, var(--break-card, var(--break-color))) 37.5%,var(--break-color))!important}html body.theme-afro-light .steps-container .step-cell svg>*{color:hsl(from currentColor h calc(s/2) l)!important}body.theme-afro-light .track-row.track-kenkeni,body.theme-afro-light .track-row.track-sangban,body.theme-afro-light .track-row.track-doundounba{--afro-zebra-ink: 48, 84, 20}body.light-theme{--variation-color: #768458;--variation-glow: rgba(121, 137, 82, .18)}html body.light-theme:not(.compact-notes) .track-row.part-var-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(92,122,34) l calc(c * var(--zebra-sat, 1)) h / calc(.1574 * var(--stripe-k, 1))) 0,oklch(from rgb(92,122,34) l calc(c * var(--zebra-sat, 1)) h / calc(.1574 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.light-theme.compact-notes .track-row.part-var-active .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,oklch(from rgb(92,122,34) l calc(c * var(--zebra-sat, 1)) h / calc(.2041 * var(--stripe-k, 1))) 0,oklch(from rgb(92,122,34) l calc(c * var(--zebra-sat, 1)) h / calc(.2041 * var(--stripe-k, 1))) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.light-theme.blend-note-fill .track-row.part-var-active .step-cell.has-note svg,html body.light-theme.blend-note-fill .track-row.part-var-active .step-cell-subdivided-sub.has-note svg{color:#586954!important}html body.theme-studio.light-theme .btn[data-type=solo]:not(.btn-primary):not(.special-active):not(.queued-painted),html body.light-theme.light-theme .btn[data-type=solo]:not(.btn-primary):not(.special-active):not(.queued-painted){background:#cc700033!important;border:1px solid #CC7000!important;color:#b86500!important}body.theme-afro-light .track-row.track-kenkeni{--afro-zebra-ink: 96, 82, 6}body.theme-afro-light .track-row.track-djembe{--afro-zebra-ink: 112, 56, 2}html body.light-theme .step-cell:not(.has-note),html body.light-theme .step-cell-subdivided-sub:not(.has-note),html body.theme-studio.light-theme .step-cell:not(.has-note),html body.theme-studio.light-theme .step-cell-subdivided-sub:not(.has-note){background-color:color-mix(in srgb,#ffffff 42%,var(--cell-card, var(--light-card, #FFF3E3)))!important}html body.theme-afro-light .track-djembe .step-cell:not(.has-note),html body.theme-afro-light .track-djembe .step-cell-subdivided-sub:not(.has-note){background-color:color-mix(in srgb,#ffffff 42%,var(--cell-card, var(--djembe-card-bg)))!important}html body.theme-afro-light .track-kenkeni .step-cell:not(.has-note),html body.theme-afro-light .track-kenkeni .step-cell-subdivided-sub:not(.has-note){background-color:color-mix(in srgb,#ffffff 42%,var(--cell-card, var(--kenkeni-card-bg)))!important}html body.theme-afro-light .track-sangban .step-cell:not(.has-note),html body.theme-afro-light .track-sangban .step-cell-subdivided-sub:not(.has-note){background-color:color-mix(in srgb,#ffffff 42%,var(--cell-card, var(--sangban-card-bg)))!important}html body.theme-afro-light .track-doundounba .step-cell:not(.has-note),html body.theme-afro-light .track-doundounba .step-cell-subdivided-sub:not(.has-note){background-color:color-mix(in srgb,#ffffff 42%,var(--cell-card, var(--doundounba-card-bg)))!important}html body.light-theme.blend-note-fill .track-row .step-cell.has-note,html body.light-theme.blend-note-fill .track-row .step-cell-subdivided-sub.has-note,html body.theme-afro-light.blend-note-fill .track-row .step-cell.has-note,html body.theme-afro-light.blend-note-fill .track-row .step-cell-subdivided-sub.has-note{background-color:#fff!important}body.light-theme{--zebra-ink: 158, 84, 0}body.theme-afro-light{--afro-zebra-ink: 104, 36, 2}html body.light-theme.blend-note-fill .steps-container.dim-line:not(.loop-row-dim) .step-cell.has-note svg>*{color:color-mix(in srgb,currentColor 40%,var(--light-card, #FFF3E3))!important}html body.theme-afro-light.blend-note-fill .track-djembe .steps-container.dim-line:not(.loop-row-dim) .step-cell.has-note svg>*{color:color-mix(in srgb,hsl(from currentColor h calc(s/2) l) 40%,var(--djembe-card-bg))!important}html body.theme-afro-light.blend-note-fill .track-kenkeni .steps-container.dim-line:not(.loop-row-dim) .step-cell.has-note svg>*{color:color-mix(in srgb,hsl(from currentColor h calc(s/2) l) 40%,var(--kenkeni-card-bg))!important}html body.theme-afro-light.blend-note-fill .track-sangban .steps-container.dim-line:not(.loop-row-dim) .step-cell.has-note svg>*{color:color-mix(in srgb,hsl(from currentColor h calc(s/2) l) 40%,var(--sangban-card-bg))!important}html body.theme-afro-light.blend-note-fill .track-doundounba .steps-container.dim-line:not(.loop-row-dim) .step-cell.has-note svg>*{color:color-mix(in srgb,hsl(from currentColor h calc(s/2) l) 40%,var(--doundounba-card-bg))!important}html body.light-theme .track-row.track-row[data-track-id=solo_djembe]:not(.part-break-active):not(.part-intro-active),html body.light-theme .track-row.track-row.part-ech-active,html body.light-theme .track-row.track-row.part-call-active{--light-card: #FFE6DE;--zebra-ink: 168, 42, 0;--row-card: #FFE6DE !important;--row-top: initial !important;--row-edge: initial !important;--row-border-col: rgba(240, 60, 0, .4) !important;outline-color:#f03c0073!important}html body.light-theme .track-row.track-row[data-track-id=solo_djembe]:not(.part-break-active):not(.part-intro-active) .track-icon-wrapper,html body.light-theme .track-row.track-row.part-ech-active .track-icon-wrapper,html body.light-theme .track-row.track-row.part-call-active .track-icon-wrapper{color:#c23000!important;background-color:#ffc9b8!important;border-color:#f03c0073!important}html body.light-theme.light-theme .btn[data-type=solo].special-active,html body.light-theme.light-theme .btn[data-type=solo].btn-primary,html body.light-theme.light-theme .btn[data-type=solo].queued-painted{background:#c23405!important;border:1px solid #A82A00!important;color:#fff!important}html body.light-theme.light-theme.light-theme .btn[data-type=solo]:not(.btn-primary):not(.special-active):not(.queued-painted){background:#c303!important;border:1px solid #CC3300!important;color:#b82e00!important}html body.light-theme #solos-control-row .btn.solo-chip-grouped:before{border-top-color:#c30!important;border-right-color:#c30!important}body.light-theme .track-drawer,body.theme-studio.light-theme .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.011),rgba(var(--zebra-ink, 115, 66, 8),.011))!important}body.theme-studio .track-drawer{background-image:linear-gradient(#d6deff01,#d6deff01)}body.theme-studio.light-theme .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.011),rgba(var(--zebra-ink, 115, 66, 8),.011))}body.theme-afro-light .track-drawer{background-image:linear-gradient(#3e160503,#3e160503)!important}body.theme-afro .track-drawer{background-image:linear-gradient(rgba(var(--beat-ink, 255, 186, 112),.008),rgba(var(--beat-ink, 255, 186, 112),.008))!important}body.theme-afro.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--beat-ink, 255, 186, 112),.007),rgba(var(--beat-ink, 255, 186, 112),.007))!important}body.light-theme.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.008),rgba(var(--zebra-ink, 115, 66, 8),.008))!important}body.theme-afro-light.blend-note-fill .track-drawer{background-image:linear-gradient(#3e160503,#3e160503)!important}html body.compact-notes.light-theme .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.0367),rgba(var(--zebra-ink, 115, 66, 8),.0367))!important}html body.compact-notes.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light) .track-drawer{background-image:linear-gradient(#d6deff02,#d6deff02)!important}html body.compact-notes.theme-afro-light .track-drawer{background-image:linear-gradient(rgba(var(--afro-zebra-ink, 62, 22, 5),.0367),rgba(var(--afro-zebra-ink, 62, 22, 5),.0367))!important}html body.compact-notes.theme-afro .track-drawer{background-image:linear-gradient(rgba(var(--beat-ink, 255, 186, 112),.0135),rgba(var(--beat-ink, 255, 186, 112),.0135))!important}html body.compact-notes.theme-afro.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--beat-ink, 255, 186, 112),.012),rgba(var(--beat-ink, 255, 186, 112),.012))!important}html body.compact-notes.light-theme.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.0274),rgba(var(--zebra-ink, 115, 66, 8),.0274))!important}html body.compact-notes.theme-afro-light.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--afro-zebra-ink, 62, 22, 5),.029),rgba(var(--afro-zebra-ink, 62, 22, 5),.029))!important}html body:not(.compact-notes).light-theme .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.0294),rgba(var(--zebra-ink, 115, 66, 8),.0294))!important}html body:not(.compact-notes).theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light) .track-drawer{background-image:linear-gradient(#d6deff01,#d6deff01)!important}html body:not(.compact-notes).theme-afro-light .track-drawer{background-image:linear-gradient(rgba(var(--afro-zebra-ink, 62, 22, 5),.0282),rgba(var(--afro-zebra-ink, 62, 22, 5),.0282))!important}html body:not(.compact-notes).theme-afro .track-drawer{background-image:linear-gradient(rgba(var(--beat-ink, 255, 186, 112),.0105),rgba(var(--beat-ink, 255, 186, 112),.0105))!important}html body:not(.compact-notes).theme-afro.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--beat-ink, 255, 186, 112),.009),rgba(var(--beat-ink, 255, 186, 112),.009))!important}html body:not(.compact-notes).light-theme.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--zebra-ink, 115, 66, 8),.0214),rgba(var(--zebra-ink, 115, 66, 8),.0214))!important}html body:not(.compact-notes).theme-afro-light.blend-note-fill .track-drawer{background-image:linear-gradient(rgba(var(--afro-zebra-ink, 62, 22, 5),.0222),rgba(var(--afro-zebra-ink, 62, 22, 5),.0222))!important}html body.light-theme:not(.compact-notes) .track-row.part-var-active .track-drawer{background-image:linear-gradient(#5c7a2205,#5c7a2205)!important}html body.light-theme.compact-notes .track-row.part-var-active .track-drawer{background-image:linear-gradient(#5c7a2207,#5c7a2207)!important}html body.theme-afro-light .track-drawer .drawer-btn.btn-add-part:not(.active),html body.theme-afro-light .track-drawer .drawer-btn.btn-add-row:not(.active),html body.light-theme .track-drawer .drawer-btn.btn-add-part:not(.active),html body.light-theme .track-drawer .drawer-btn.btn-add-row:not(.active){background:color-mix(in srgb,var(--accent) 22%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 75%,transparent)!important;color:color-mix(in srgb,var(--accent) 85%,#000)!important}html body.theme-afro-light .track-drawer .drawer-btn.btn-remove-row:not(.active),html body.light-theme .track-drawer .drawer-btn.btn-remove-row:not(.active){background:color-mix(in srgb,var(--primary) 22%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 75%,transparent)!important;color:color-mix(in srgb,var(--primary) 85%,#000)!important}html body.theme-afro-light .track-drawer .drawer-btn.btn-mute:not(.active),html body.theme-afro-light .track-drawer .drawer-btn.btn-solo:not(.active),html body.light-theme .track-drawer .drawer-btn.btn-mute:not(.active),html body.light-theme .track-drawer .drawer-btn.btn-solo:not(.active){background:color-mix(in srgb,var(--primary) 20%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 70%,transparent)!important;color:color-mix(in srgb,var(--text-main) 85%,transparent)!important}html body.theme-afro .track-drawer .drawer-btn.btn-add-part:not(.active),html body.theme-afro .track-drawer .drawer-btn.btn-add-row:not(.active){background:color-mix(in srgb,var(--accent) 24%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 78%,transparent)!important;color:color-mix(in srgb,var(--accent) 85%,#fff)!important}html body.theme-afro .track-drawer .drawer-btn.btn-remove-row:not(.active){background:color-mix(in srgb,var(--primary) 24%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 78%,transparent)!important;color:color-mix(in srgb,var(--primary) 80%,#fff)!important}html body.theme-afro .track-drawer .drawer-btn.btn-mute:not(.active),html body.theme-afro .track-drawer .drawer-btn.btn-solo:not(.active){background:color-mix(in srgb,var(--primary) 22%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 72%,transparent)!important;color:color-mix(in srgb,var(--text-main) 90%,transparent)!important}html body.perf-lite.perf-lite.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight{background-color:var(--cell-ground, #111827)!important;--hl-fill-x: var(--beat-hl-fill, rgba(89, 103, 255, .5));background-image:linear-gradient(var(--hl-fill),var(--hl-fill))!important;--hl-edge-x: var(--beat-hl-edge, rgba(196, 196, 245, .4));border-color:var(--hl-edge)!important}html body.perf-lite.perf-lite.light-theme.light-theme #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.light-theme.light-theme #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight{--hl-fill-x: var(--beat-hl-fill, rgba(255, 132, 0, .3));background-image:linear-gradient(var(--hl-fill),var(--hl-fill))!important;--hl-edge-x: var(--beat-hl-edge, rgb(196, 104, 6));border-color:var(--hl-edge)!important}html body.perf-lite.perf-lite.theme-afro.theme-afro #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.theme-afro.theme-afro #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight,html body.perf-lite.perf-lite.theme-custom.theme-custom #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.theme-custom.theme-custom #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight{background-color:var(--cell-ground, #1e1006)!important;--hl-fill-x: var(--beat-hl-fill, color-mix(in srgb, var(--primary) 42%, transparent));background-image:linear-gradient(var(--hl-fill),var(--hl-fill))!important;--hl-edge-x: var(--beat-hl-edge, var(--primary));border-color:var(--hl-edge)!important}html body.perf-lite.perf-lite.theme-afro-light.theme-afro-light #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.theme-afro-light.theme-afro-light #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight{--hl-fill-x: var(--beat-hl-fill, color-mix(in srgb, var(--primary) 26%, transparent));background-image:linear-gradient(var(--hl-fill),var(--hl-fill))!important;--hl-edge-x: var(--beat-hl-edge, var(--primary));border-color:var(--hl-edge)!important}html body.perf-lite #sequencer-grid :is(.step-cell,.step-cell-subdivided-sub).current-beat-highlight{--hl-fill-y: var(--hl-fill-x);--hl-edge-y: var(--hl-edge-x);--hl-fill: var(--hl-fill-y);--hl-edge: var(--hl-edge-y)}html body.perf-lite #sequencer-grid :is(.step-cell,.step-cell-subdivided-sub).current-beat-highlight:not(.has-note){--hl-fill-y: var(--beat-hl-empty-fill, var(--hl-fill-x));--hl-edge-y: var(--beat-hl-empty-edge, var(--hl-edge-x))}html body.perf-lite #sequencer-grid :is(.step-cell,.step-cell-subdivided-sub).current-beat-highlight.hl-beat-first{--hl-k: var(--beat-hl-first-v, 1);--hl-s: var(--beat-hl-first-s, 1);--hl-fill: hsl(from rgb(from var(--hl-fill-y) calc(r*min(var(--hl-k), 1) + (255 - (r*min(var(--hl-k), 1)))*max(var(--hl-k) - 1, 0)) calc(g*min(var(--hl-k), 1) + (255 - (g*min(var(--hl-k), 1)))*max(var(--hl-k) - 1, 0)) calc(b*min(var(--hl-k), 1) + (255 - (b*min(var(--hl-k), 1)))*max(var(--hl-k) - 1, 0)) / alpha) h min(100, s * var(--hl-s)) l / alpha);--hl-edge: hsl(from rgb(from var(--hl-edge-y) calc(r*min(var(--hl-k), 1) + (255 - (r*min(var(--hl-k), 1)))*max(var(--hl-k) - 1, 0)) calc(g*min(var(--hl-k), 1) + (255 - (g*min(var(--hl-k), 1)))*max(var(--hl-k) - 1, 0)) calc(b*min(var(--hl-k), 1) + (255 - (b*min(var(--hl-k), 1)))*max(var(--hl-k) - 1, 0)) / alpha) h min(100, s * var(--hl-s)) l / alpha)}html body.perf-lite.perf-lite .step-cell.step-cell.current-beat-highlight.current-beat-highlight,html body.perf-lite.perf-lite .step-cell-subdivided-sub.step-cell-subdivided-sub.current-beat-highlight.current-beat-highlight{box-shadow:none!important}body.perf-beat #sequencer-grid .track-row,body.perf-beat #sequencer-grid .steps-container,body.perf-beat #sequencer-grid .step-cell,body.perf-beat #sequencer-grid .step-cell-subdivided-sub,body.perf-beat #sequencer-grid .step-cell svg,body.perf-beat #sequencer-grid .playhead-line,body.perf-beat #sequencer-grid .fx-pulse{box-shadow:none!important;text-shadow:none!important;filter:none!important;transition:none!important}body.perf-beat .steps-container.dim-line{transition:none!important}html body.light-theme #sequencer-grid .track-row.part-var-active{--cell-card: #E4E8D8}html body.light-theme #sequencer-grid .track-row.part-break-active,html body.light-theme #sequencer-grid .track-row.part-intro-active{--cell-card: #F3DEE2}html body.light-theme #sequencer-grid .track-row.part-call-active{--cell-card: #FFE7C9}html body.light-theme #sequencer-grid .track-row[data-track-id=solo_djembe],html body.light-theme #sequencer-grid .track-row.part-solo-active,html body.light-theme #sequencer-grid .track-row.part-ech-active{--cell-card: #FFE6DE}html body.theme-afro-light #sequencer-grid .track-row.part-solo-active,html body.theme-afro-light #sequencer-grid .track-row.part-ech-active{--cell-card: #F4D6CE}html body.theme-afro-light #sequencer-grid .track-row.part-var-active{--cell-card: color-mix(in srgb, var(--variation-color, var(--accent)) 15%, #ffffff)}html body.theme-afro-light #sequencer-grid .track-row.part-break-active,html body.theme-afro-light #sequencer-grid .track-row.part-intro-active{--cell-card: #F5E0C4}html body.theme-afro-light #sequencer-grid .track-row.part-solo-active .step-cell:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-solo-active .step-cell-subdivided-sub:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-ech-active .step-cell:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-ech-active .step-cell-subdivided-sub:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-var-active .step-cell:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-var-active .step-cell-subdivided-sub:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-break-active .step-cell:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-break-active .step-cell-subdivided-sub:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-intro-active .step-cell:not(.has-note),html body.theme-afro-light #sequencer-grid .track-row.part-intro-active .step-cell-subdivided-sub:not(.has-note){background-color:color-mix(in srgb,#ffffff 42%,var(--cell-card))!important}html body.theme-afro #sequencer-grid .track-row.part-solo-active,html body.theme-custom #sequencer-grid .track-row.part-solo-active,html body.theme-afro #sequencer-grid .track-row.part-ech-active,html body.theme-custom #sequencer-grid .track-row.part-ech-active{--cell-row-tint: var(--solo-card, rgba(131, 41, 33, .26));--cell-track-ink: var(--solo-stripe-ink, #B25D50)}html body.theme-afro #sequencer-grid .track-row.part-var-active,html body.theme-custom #sequencer-grid .track-row.part-var-active{--cell-row-tint: color-mix(in srgb, var(--variation-card-ink, var(--variation-color, var(--accent))) var(--variation-card-mix, 20%), transparent);--cell-track-ink: var(--variation-stripe-ink, var(--variation-color, var(--accent)))}html body.theme-afro #sequencer-grid .track-row.part-break-active,html body.theme-afro #sequencer-grid .track-row.part-intro-active,html body.theme-custom #sequencer-grid .track-row.part-break-active,html body.theme-custom #sequencer-grid .track-row.part-intro-active{--cell-row-tint: color-mix(in srgb, var(--break-card-ink, var(--break-card, var(--break-color))) var(--break-card-mix, 26%), transparent);--cell-track-ink: var(--break-stripe-ink, var(--break-color))}html body.theme-afro #sequencer-grid .track-row.part-break-active,html body.theme-afro #sequencer-grid .track-row.part-intro-active,html body.theme-custom #sequencer-grid .track-row.part-break-active,html body.theme-custom #sequencer-grid .track-row.part-intro-active{outline-color:transparent!important}html body.theme-afro #sequencer-grid .track-row.part-break-active .track-icon-wrapper,html body.theme-afro #sequencer-grid .track-row.part-intro-active .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row.part-break-active .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row.part-intro-active .track-icon-wrapper{background-color:color-mix(in srgb,var(--break-card, var(--break-color)) 15%,transparent)!important}html body.theme-afro #sequencer-grid .track-row.part-var-active,html body.theme-custom #sequencer-grid .track-row.part-var-active,html body.theme-afro #sequencer-grid .track-row.part-solo-active,html body.theme-custom #sequencer-grid .track-row.part-solo-active{outline-color:transparent!important}html body.theme-afro #sequencer-grid .track-row.part-var-active .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row.part-var-active .track-icon-wrapper{background-color:color-mix(in srgb,var(--variation-card-ink, var(--variation-color, var(--accent))) 21%,transparent)!important}.perf-device-row{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;padding:.1rem .15rem .35rem;font-family:Outfit,sans-serif;font-size:.72rem;line-height:1.35}.perf-device-label{color:var(--text-dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.perf-device-name{color:var(--text-muted);font-weight:500;overflow-wrap:anywhere}html body.perf-lite.perf-lite.invert-hl-glyph.light-theme.light-theme #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.invert-hl-glyph.light-theme.light-theme #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight{background-color:var(--beat-hl-invert-fill, color-mix(in srgb, var(--beat-hl-edge, rgb(196, 104, 6)) 78%, #ffffff))!important;background-image:none!important}html body.perf-lite.perf-lite.invert-hl-glyph.theme-afro-light.theme-afro-light #sequencer-grid .track-row .step-cell.current-beat-highlight,html body.perf-lite.perf-lite.invert-hl-glyph.theme-afro-light.theme-afro-light #sequencer-grid .track-row .step-cell-subdivided-sub.current-beat-highlight{background-color:var(--beat-hl-invert-fill, color-mix(in srgb, var(--beat-hl-edge, var(--primary)) 78%, #ffffff))!important;background-image:none!important}html body.perf-lite.invert-hl-glyph.light-theme #sequencer-grid .step-cell.current-beat-highlight svg>*,html body.perf-lite.invert-hl-glyph.light-theme #sequencer-grid .step-cell-subdivided-sub.current-beat-highlight svg>*,html body.perf-lite.invert-hl-glyph.theme-afro-light #sequencer-grid .step-cell.current-beat-highlight svg>*,html body.perf-lite.invert-hl-glyph.theme-afro-light #sequencer-grid .step-cell-subdivided-sub.current-beat-highlight svg>*{color:#fff!important}body:not(.light-theme):not(.theme-afro-light) #hl-glyph-group{display:none!important}body.theme-afro .track-row.track-inst-shekere .track-icon-wrapper,body.theme-custom .track-row.track-inst-shekere .track-icon-wrapper{color:var(--shekere-icon-color, var(--djembe-icon-color))!important;background-color:var(--shekere-icon-bg, var(--djembe-icon-bg))!important}body.theme-afro #sequencer-grid .track-row.track-inst-shekere,body.theme-custom #sequencer-grid .track-row.track-inst-shekere{--cell-row-tint: var(--shekere-card-bg, var(--djembe-card-bg));--cell-hue-src: var(--shekere-blend-note, var(--djembe-blend-note));--cell-track-ink: var(--shekere-stripe-ink, var(--shekere-border, var(--djembe-border)))}body.theme-afro:not(.blend-note-fill) .track-row.track-inst-shekere .step-cell.has-note,body.theme-custom:not(.blend-note-fill) .track-row.track-inst-shekere .step-cell.has-note{background-color:var(--shekere-note-bg, var(--djembe-note-bg))!important;border-color:var(--shekere-note-bg, var(--djembe-note-bg))!important}body.theme-afro.blend-note-fill .track-row.track-inst-shekere .step-cell.has-note svg,body.theme-custom.blend-note-fill .track-row.track-inst-shekere .step-cell.has-note svg{color:var(--shekere-blend-note, var(--djembe-blend-note))!important}html body.theme-afro #sequencer-grid .track-row .step-cell:not(.has-note),html body.theme-afro #sequencer-grid .track-row .step-cell-subdivided-sub:not(.has-note),html body.theme-afro.blend-note-fill #sequencer-grid .track-row .step-cell.has-note,html body.theme-afro.blend-note-fill #sequencer-grid .track-row .step-cell-subdivided-sub.has-note,html body.theme-custom #sequencer-grid .track-row .step-cell:not(.has-note),html body.theme-custom #sequencer-grid .track-row .step-cell-subdivided-sub:not(.has-note),html body.theme-custom.blend-note-fill #sequencer-grid .track-row .step-cell.has-note,html body.theme-custom.blend-note-fill #sequencer-grid .track-row .step-cell-subdivided-sub.has-note{background-color:color-mix(in srgb,var(--cell-ground, #1e1006) max(var(--cell-hide, 50%) * .25,var(--cell-hide, 50%) * 1.75 - 75%),transparent)!important;background-image:linear-gradient(color-mix(in srgb,#000 min(14%,var(--cell-hide, 50%) * .28),transparent),color-mix(in srgb,#000 min(14%,var(--cell-hide, 50%) * .28),transparent)),linear-gradient(color-mix(in srgb,var(--cell-row-tint) min(60%,var(--cell-hide, 50%) * 1.2),transparent),color-mix(in srgb,var(--cell-row-tint) min(60%,var(--cell-hide, 50%) * 1.2),transparent))!important}body.theme-afro,body.theme-custom{--stripe-k: 1.25}html body:not(.compact-notes).theme-afro #sequencer-grid .track-row .steps-container:before,html body:not(.compact-notes).theme-custom #sequencer-grid .track-row .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(13% * var(--stripe-k, 1)),transparent) 0,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(13% * var(--stripe-k, 1)),transparent) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body:not(.compact-notes).theme-afro.blend-note-fill #sequencer-grid .track-row .steps-container:before,html body:not(.compact-notes).theme-custom.blend-note-fill #sequencer-grid .track-row .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(11.3% * var(--stripe-k, 1)),transparent) 0,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(11.3% * var(--stripe-k, 1)),transparent) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-afro #sequencer-grid .track-row .steps-container:before,html body.compact-notes.theme-custom #sequencer-grid .track-row .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(14.6% * var(--stripe-k, 1)),transparent) 0,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(14.6% * var(--stripe-k, 1)),transparent) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.compact-notes.theme-afro.blend-note-fill #sequencer-grid .track-row .steps-container:before,html body.compact-notes.theme-custom.blend-note-fill #sequencer-grid .track-row .steps-container:before{background-color:transparent!important;background-image:repeating-linear-gradient(90deg,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(14.6% * var(--stripe-k, 1)),transparent) 0,color-mix(in srgb,oklch(from var(--cell-track-ink, #FFBA70) l calc(c * var(--zebra-sat, 1)) h) calc(14.6% * var(--stripe-k, 1)),transparent) var(--beat-band-w, 25%),transparent var(--beat-band-w, 25%),transparent calc(var(--beat-band-w, 25%) * 2))!important}html body.theme-afro #sequencer-grid .track-row,html body.theme-custom #sequencer-grid .track-row{--row-hairline: hsl(from var(--cell-hue-src, hsl(var(--part-color-hsl, 0, 0%, 100%))) h 60% 88% / .4)}html body.theme-afro #sequencer-grid .track-row.part-var-active,html body.theme-custom #sequencer-grid .track-row.part-var-active{--row-hairline: color-mix(in srgb, var(--variation-color, var(--accent)) 50%, transparent)}html body.theme-afro #sequencer-grid .track-row.part-break-active,html body.theme-afro #sequencer-grid .track-row.part-intro-active,html body.theme-custom #sequencer-grid .track-row.part-break-active,html body.theme-custom #sequencer-grid .track-row.part-intro-active{--row-hairline: var(--break-hairline, color-mix(in srgb, var(--break-card, var(--break-color)) 50%, transparent));--row-tint-scale: var(--break-tint-scale, 1)}html body.theme-afro #sequencer-grid .track-row .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row .track-icon-wrapper,html body.theme-afro #sequencer-grid .track-row .step-cell:not(.has-note),html body.theme-afro #sequencer-grid .track-row .step-cell-subdivided-sub:not(.has-note),html body.theme-afro.blend-note-fill #sequencer-grid .track-row .step-cell.has-note,html body.theme-afro.blend-note-fill #sequencer-grid .track-row .step-cell-subdivided-sub.has-note,html body.theme-custom #sequencer-grid .track-row .step-cell:not(.has-note),html body.theme-custom #sequencer-grid .track-row .step-cell-subdivided-sub:not(.has-note),html body.theme-custom.blend-note-fill #sequencer-grid .track-row .step-cell.has-note,html body.theme-custom.blend-note-fill #sequencer-grid .track-row .step-cell-subdivided-sub.has-note{border-color:var(--row-hairline)!important}html body.theme-afro #sequencer-grid .track-row.track-djembe,html body.theme-custom #sequencer-grid .track-row.track-djembe{--row-hairline: var(--djembe-hairline, hsl(from var(--cell-hue-src, #fff) h 60% 88% / .4));--row-tint-scale: var(--djembe-tint-scale, 1);--row-icon-ring: var(--djembe-icon-ring, var(--row-hairline));--row-icon-glyph: var(--djembe-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--djembe-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.track-kenkeni,html body.theme-custom #sequencer-grid .track-row.track-kenkeni{--row-hairline: var(--kenkeni-hairline, hsl(from var(--cell-hue-src, #fff) h 60% 88% / .4));--row-tint-scale: var(--kenkeni-tint-scale, 1);--row-icon-ring: var(--kenkeni-icon-ring, var(--row-hairline));--row-icon-glyph: var(--kenkeni-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--kenkeni-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.track-sangban,html body.theme-custom #sequencer-grid .track-row.track-sangban{--row-hairline: var(--sangban-hairline, hsl(from var(--cell-hue-src, #fff) h 60% 88% / .4));--row-tint-scale: var(--sangban-tint-scale, 1);--row-icon-ring: var(--sangban-icon-ring, var(--row-hairline));--row-icon-glyph: var(--sangban-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--sangban-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.track-doundounba,html body.theme-custom #sequencer-grid .track-row.track-doundounba{--row-hairline: var(--doundounba-hairline, hsl(from var(--cell-hue-src, #fff) h 60% 88% / .4));--row-tint-scale: var(--doundounba-tint-scale, 1);--row-icon-ring: var(--doundounba-icon-ring, var(--row-hairline));--row-icon-glyph: var(--doundounba-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--doundounba-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.track-inst-shekere,html body.theme-custom #sequencer-grid .track-row.track-inst-shekere{--row-hairline: var(--shekere-hairline, hsl(from var(--cell-hue-src, #fff) h 60% 88% / .4));--row-tint-scale: var(--shekere-tint-scale, 1);--row-icon-ring: var(--shekere-icon-ring, var(--row-hairline));--row-icon-glyph: var(--shekere-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--shekere-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.part-solo-active,html body.theme-custom #sequencer-grid .track-row.part-solo-active,html body.theme-afro #sequencer-grid .track-row.part-ech-active,html body.theme-custom #sequencer-grid .track-row.part-ech-active{--row-hairline: var(--solo-hairline, hsl(from var(--cell-hue-src, #fff) h 60% 88% / .4));--row-tint-scale: var(--solo-tint-scale, 1);--row-icon-ring: var(--solo-icon-ring, var(--row-hairline));--row-icon-glyph: var(--solo-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--solo-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.part-var-active,html body.theme-custom #sequencer-grid .track-row.part-var-active{--row-hairline: var(--variation-hairline, color-mix(in srgb, var(--variation-color, var(--accent)) 50%, transparent));--row-tint-scale: var(--variation-tint-scale, 1);--row-icon-ring: var(--variation-icon-ring, var(--row-hairline));--row-icon-glyph: var(--variation-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--variation-row-border, rgba(247, 239, 194, .22))}html body.theme-afro #sequencer-grid .track-row.part-break-active,html body.theme-afro #sequencer-grid .track-row.part-intro-active,html body.theme-custom #sequencer-grid .track-row.part-break-active,html body.theme-custom #sequencer-grid .track-row.part-intro-active{--row-hairline: var(--break-hairline, color-mix(in srgb, var(--break-card, var(--break-color)) 50%, transparent));--row-tint-scale: var(--break-tint-scale, 1);--row-icon-ring: var(--break-icon-ring, var(--row-hairline));--row-icon-glyph: var(--break-icon-glyph, rgb(from var(--row-hairline) r g b / 1));--row-border-col: var(--break-row-border, color-mix(in srgb, var(--break-card, var(--break-color)) 47%, transparent))}html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-solo-active .step-cell.has-note svg,html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-solo-active .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill #sequencer-grid .track-row.part-solo-active .step-cell.has-note svg{color:var(--solo-note-glyph, var(--solo-glyph, color-mix(in srgb, var(--djembe-blend-note) 60%, #A33125 40%)))!important}html body.theme-afro #sequencer-grid .track-row.part-solo-active .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row.part-solo-active .track-icon-wrapper{color:var(--solo-glyph, #E89684)!important}html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell.has-note svg,html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-intro-active .step-cell.has-note svg,html body.theme-afro.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell-subdivided-sub.has-note svg,html body.theme-custom.blend-note-fill #sequencer-grid .track-row.part-break-active .step-cell.has-note svg{color:var(--break-note-glyph, var(--break-glyph-ink, color-mix(in srgb, var(--break-glyph, var(--break-card, var(--break-color))) 37.5%, var(--break-color))))!important}html body.theme-afro #sequencer-grid .track-row.part-break-active .track-icon-wrapper,html body.theme-afro #sequencer-grid .track-row.part-intro-active .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row.part-break-active .track-icon-wrapper{color:var(--break-glyph-ink, var(--break-color))!important}html body.theme-afro #sequencer-grid .track-row.part-var-active .track-icon-wrapper,html body.theme-custom #sequencer-grid .track-row.part-var-active .track-icon-wrapper{color:var(--variation-glyph-ink, var(--variation-color, var(--accent)))!important}html body.theme-afro.theme-afro #sequencer-grid .track-row.track-row .track-icon-wrapper.track-icon-wrapper,html body.theme-custom.theme-custom #sequencer-grid .track-row.track-row .track-icon-wrapper.track-icon-wrapper{color:var(--row-icon-glyph, rgb(from var(--row-hairline, #F7EFC2) r g b / 1))!important;border-color:var(--row-icon-ring, var(--row-hairline))!important;background-color:rgb(from var(--row-card, #211711) r g b / 1)!important;background-image:none!important}body.theme-afro,body.theme-custom{--row-grad: .63}html body.theme-afro.theme-afro #sequencer-grid .track-row.track-row,html body.theme-custom.theme-custom #sequencer-grid .track-row.track-row{--row-grad-end: calc(55%/max(1 - min(var(--row-grad, .63), 1), .004)) ;--row-top: linear-gradient(105deg, rgb(from var(--row-card) calc(r*2.4) calc(g*2.4) calc(b*2.4) ) 0%, rgb(from var(--row-card) r g b / 0) var(--row-grad-end)) !important;--row-card: var(--cell-row-tint, transparent) !important;--row-edge: linear-gradient(105deg, var(--row-border-col, rgba(247, 239, 194, .22)) 0%, transparent var(--row-grad-end)) !important}html body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom) #sequencer-grid .track-row{--row-under: var(--row-edge, linear-gradient(transparent, transparent));--row-ring: linear-gradient(transparent, transparent)}html body.light-theme #sequencer-grid .track-row{--row-under: linear-gradient(var(--row-card, transparent), var(--row-card, transparent))}html body #sequencer-grid .track-row.track-row{background-color:transparent!important;background-image:var(--row-top, linear-gradient(transparent, transparent)),linear-gradient(var(--row-card, transparent),var(--row-card, transparent)),var(--row-under, linear-gradient(transparent, transparent))!important;background-clip:padding-box,padding-box,border-box!important;background-origin:padding-box,padding-box,border-box!important;border-color:transparent!important}html body #sequencer-grid .track-row.track-row:after{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:var(--row-ring, var(--row-edge, linear-gradient(var(--row-border-col, transparent), var(--row-border-col, transparent))));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}html body #sequencer-grid .track-row.track-row.row-anim-anchor{overflow:clip!important;overflow-clip-margin:border-box}.perf-quality{display:flex;flex-direction:column;gap:.3rem;margin:.35rem 0 .4rem}.perf-q-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:0 .15rem}.perf-q-title{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.perf-q-value{font-size:.82rem;font-weight:600;color:var(--text-main);text-align:right}.perf-q-slider{--q-pad: 14px;position:relative;height:30px;margin:0 var(--q-pad);cursor:pointer;touch-action:none;outline:none;border-radius:8px}.perf-q-slider:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 70%,transparent)}.perf-q-track{position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);border-radius:999px;background:color-mix(in srgb,var(--text-main) 14%,transparent);overflow:hidden}.perf-q-fill{position:absolute;left:0;top:0;bottom:0;width:var(--q-at, 0%);background:color-mix(in srgb,var(--primary) 80%,transparent);border-radius:inherit;transition:width .12s ease}.perf-q-warn{position:absolute;top:0;bottom:0;right:0;left:var(--q-warn-from, 100%);z-index:1;background:repeating-linear-gradient(-45deg,#e65a3c73 0 4px,#e65a3c2e 4px 8px)}.perf-q-stop{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:var(--bg-modal-opaque, #1b1b22);border:2px solid color-mix(in srgb,var(--text-main) 35%,transparent);pointer-events:none}.perf-q-stop[data-pos="0"]{left:0%}.perf-q-stop[data-pos="1"]{left:33.333%}.perf-q-stop[data-pos="2"]{left:66.667%}.perf-q-stop[data-pos="3"]{left:100%}.perf-q-stop.reached{border-color:color-mix(in srgb,var(--primary) 85%,transparent)}.perf-q-suited{position:absolute;top:-1px;left:var(--q-suited, 0%);width:0;height:0;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid color-mix(in srgb,var(--text-main) 70%,transparent);pointer-events:none}.perf-q-thumb{position:absolute;top:50%;left:var(--q-at, 0%);width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);background:var(--primary);border:2px solid var(--bg-modal-opaque, #1b1b22);box-shadow:0 1px 4px #00000059;transition:left .12s ease;pointer-events:none}.perf-q-slider.dragging .perf-q-thumb,.perf-q-slider.dragging .perf-q-fill{transition:none}.perf-q-labels{position:relative;height:1.1rem;margin:0 14px}.perf-q-labels span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;font-size:.72rem;font-weight:600;color:var(--text-muted)}.perf-q-labels span[data-pos="0"]{left:0%}.perf-q-labels span[data-pos="1"]{left:33.333%}.perf-q-labels span[data-pos="2"]{left:66.667%}.perf-q-labels span[data-pos="3"]{left:100%}.perf-q-labels span.at{color:var(--text-main)}.perf-q-labels span.over{color:#dc5f46}.perf-q-note{font-size:.72rem;line-height:1.4;color:var(--text-muted);padding:0 .15rem;min-height:1.4em}.perf-q-note.warn{color:#dc5f46}body.theme-studio:not(.light-theme):not(.theme-afro):not(.theme-afro-light):not(.theme-custom){--stripe-k: 1.25}.drawer-btn.btn-mute.var-mute{outline:2px solid var(--variation-chip-ink, var(--variation-color, var(--accent)));outline-offset:1px}.swing-shape-toggle{display:inline-flex;flex:0 0 auto;align-items:center;margin-left:auto;box-sizing:border-box;height:18px;padding:1px;gap:1px;border:1px solid var(--border-color);border-radius:6px;background:color-mix(in srgb,var(--text-main) 6%,transparent)}.swing-shape-btn{appearance:none;-webkit-appearance:none;box-sizing:border-box;height:14px;min-width:0;margin:0;padding:0 7px;border:none;border-radius:4px;background:transparent;box-shadow:none;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.66rem;font-weight:700;line-height:14px;cursor:pointer}.swing-shape-btn:hover:not(.active){color:var(--text-main)}.swing-shape-btn.active{background:var(--primary);color:var(--primary-contrast, #ffffff)}.swing-shape-btn.active.inherited{background:color-mix(in srgb,var(--primary) 38%,transparent);color:var(--text-main)}.swing-slider-row-spacer{visibility:hidden;pointer-events:none}body.light-theme{--beat-hl-fill: rgba(255, 161, 61, .77);--beat-hl-invert-fill: rgba(255, 158, 62, .78)}@layer tuner{body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-djembe1:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-djembe2:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-djembe4:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-djembe3:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-djembe5:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-djembe6:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-kenkeni:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-sangban:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-doundounba:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.track-inst-shekere:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#616c48a1!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active){--row-card: #F1D0C6 !important}body[data-tt-theme=light] #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#00000084!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-djembe1:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-djembe1:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-djembe2:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-djembe2:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-djembe4:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-djembe4:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-djembe3:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-djembe3:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-djembe5:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-djembe5:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-djembe6:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-djembe6:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-kenkeni:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-kenkeni:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-sangban:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-sangban:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-doundounba:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-doundounba:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-shekere:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-shekere:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light].blend-note-fill #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}body[data-tt-theme=light]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#0000005a!important}}@layer tuner{body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-djembe1:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#b7b7e366!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-djembe2:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#c3b7e366!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-djembe4:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#dbb7e366!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-djembe3:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#ceb7e466!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-djembe5:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#e4b7e066!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-djembe6:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#e4b7d466!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-kenkeni:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#b8e3cb66!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-sangban:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#b7e3e366!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-doundounba:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#b7c6e366!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.track-inst-shekere:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#e4dfb666!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#e8ab4080!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#479dd06b!important}body[data-tt-theme=studio] #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub):not(.has-note):not(.current-beat-highlight){border-color:#e4bcb666!important}}@layer tuner{body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.track-djembe:not(.track-inst-shekere):not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#6b5843!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-djembe:not(.track-inst-shekere):not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.track-kenkeni:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#62614d!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-kenkeni:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.track-sangban:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#5d6351!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-sangban:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.track-doundounba:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#566453!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-doundounba:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.track-inst-shekere:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#535467!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.track-inst-shekere:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-solo-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#594693!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#41535b!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}body[data-tt-theme=firelit_ebony].blend-note-fill #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#6f4833!important}body[data-tt-theme=firelit_ebony]:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-solo-active:not(.part-var-active):not(.part-break-active):not(.part-intro-active):not(.part-call-active):not(.part-ech-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){border-color:#adc0ce1a!important}}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active).track-djembe:not(.track-inst-shekere):not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-var-djembe),var(--pnf-var-djembe))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active).track-kenkeni:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-var-kenkeni),var(--pnf-var-kenkeni))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active).track-sangban:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-var-sangban),var(--pnf-var-sangban))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active).track-doundounba:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-var-doundounba),var(--pnf-var-doundounba))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row.part-var-active:not(.part-break-active):not(.part-intro-active).track-inst-shekere:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-var-shekere),var(--pnf-var-shekere))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active).track-djembe:not(.track-inst-shekere):not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-brk-djembe),var(--pnf-brk-djembe))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active).track-kenkeni:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-brk-kenkeni),var(--pnf-brk-kenkeni))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active).track-sangban:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-brk-sangban),var(--pnf-brk-sangban))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active).track-doundounba:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-brk-doundounba),var(--pnf-brk-doundounba))!important}html body:not(.blend-note-fill) #sequencer-grid .track-row.track-row:is(.part-break-active,.part-intro-active).track-inst-shekere:not(.part-solo-active) :is(.step-cell,.step-cell-subdivided-sub).has-note:not(.current-beat-highlight){background-image:linear-gradient(var(--pnf-brk-shekere),var(--pnf-brk-shekere))!important}