@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Trade+Winds&family=Macondo&family=Josefin+Sans:wght@300;400;600;700&display=swap";: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-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: #9ca3af;--text-dim: #6b7280;--primary: #0369a1;--primary-glow: rgba(3, 105, 161, .35);--accent: #10b981;--accent-glow: rgba(16, 185, 129, .2);--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-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);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{background:#ffffffb3;border-color:#0000001a}body.light-theme .track-row:hover{background:#ffffffe6}body.light-theme .track-row.focused-track{background:#ee85000f;border-color:#ee850066;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-overlay{background:#0006}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}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}.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}.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:hover{background:#059669;border-color:#059669}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.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:#111827;color:var(--text-main)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s 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 .3s 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-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;background:#ffffff05;border:1px solid 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{background:#ffffff0a;border-color:var(--row-border-color-active, var(--border-color))}.track-row.focused-track{background:#ffffff0f;border-color: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{opacity:.45;filter:brightness(.65) grayscale(.25)}.track-row.muted-track{opacity:.35!important;filter:brightness(.6) saturate(.4)!important;transition:opacity .25s ease,filter .25s ease}.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-icon-wrapper{width:24px;min-width:24px;height:24px;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,.28);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:#2e1a084f}.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{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-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)}.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}.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:all .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{position:absolute;z-index:10000;background:#14192399!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border-radius:16px;padding:.7rem;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;display:none;flex-direction:column;gap:.4rem;width:320px;max-height:680px;overflow-y:auto;animation:fadeIn .15s cubic-bezier(.16,1,.3,1)}.variations-popup.active{display:flex}.variations-popup-header{display:flex;justify-content:space-between;align-items: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-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:hover .variation-btn-icon svg{filter:drop-shadow(0px 1px .8px rgba(0,0,0,1)) drop-shadow(0px 0px 2px rgba(0,0,0,1))}.variation-btn-label{font-size:.6rem;font-weight:600;opacity:.85;margin-top:0}.humanise-slider-row{display:grid;grid-template-columns:72px 1fr 44px;align-items:center;gap:.6rem;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:hover{border-color:#6366f126;background:#ffffff08}.humanise-slider-label{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.humanise-slider-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%;padding:.55rem 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;color:var(--text-muted);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:#ffffff0f;border-color:#6366f140}.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:.5rem .2rem .6rem;cursor:pointer}.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{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:.6rem;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}.humanise-section-header{margin-top:.55rem;margin-bottom:.9rem}.humanise-section-header-spaced{margin-top:1.9rem}.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:15px;height:15px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:none;font-family:Outfit,sans-serif;font-size:9px;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}.humanise-tooltip.visible{display:block}.drift-graph{display:block;width:100%;height:96px;border-radius:8px;background:#00000040;border:1px solid rgba(255,255,255,.06)}body.light-theme .drift-graph,body.theme-afro-light .drift-graph{background:#00000009;border-color:#0000001a}.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-row:hover{border-color:#6366f133!important;background:#ffffff08!important}#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.fx-off .track-icon-wrapper{opacity:.3}#effects-modal .effects-row.fx-off .synth-inst-name,#effects-modal .effects-row.fx-off .control-item-inline{opacity:.4}#effects-modal .effects-row.fx-off .synth-slider{pointer-events:none}@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{outline:none!important;-webkit-tap-highlight-color:transparent!important}.btn-play-large:focus,.btn:focus,.track-icon-wrapper:focus,.drawer-btn:focus,.btn-line-action:focus,.drum-pad:focus,.sample-group-popup-btn:focus,.variation-btn:focus{outline:none!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:450px){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(--app-max-width, 600px)) / 2 + 1.5rem)!important;padding-right:calc((100vw - var(--app-max-width, 600px)) / 2 + 1.5rem)!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}.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;outline:none!important}.controls-group-right svg{margin:0!important;width:18px!important;height:18px!important}*{-webkit-tap-highlight-color:transparent!important;outline:none!important}.btn-play-large,.btn,.track-icon-wrapper,.drawer-btn,.drum-pad,.sample-group-popup-btn,.variation-btn{outline:none!important;-webkit-tap-highlight-color:transparent!important}.btn-play-large:focus,.btn:focus,.track-icon-wrapper:focus,.drawer-btn:focus,.drum-pad:focus,.sample-group-popup-btn:focus,.variation-btn:focus{outline:none!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;background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.07),hsla(var(--part-color-hsl, 243, 75%, 59%),.01)) padding-box,linear-gradient(#0a0d148c,#0a0d148c) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.25),#78787814) border-box!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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.07),hsla(var(--part-color-hsl, 243, 75%, 59%),.014)) padding-box,linear-gradient(#0f141ea6,#0f141ea6) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.35),#8c8c8c2e) border-box!important}.track-row.focused-track{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.105),hsla(var(--part-color-hsl, 243, 75%, 59%),.021)) padding-box,linear-gradient(#0f1420bf,#0f1420bf) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.52),#a0a0a045) border-box!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{opacity:.55!important;filter:brightness(.75) grayscale(.15)!important}.track-row.muted-track{opacity:.55!important;filter:brightness(.75) saturate(.5)!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,.sequencer-container .track-row.focused-track,.sequencer-container.has-solo .track-row.focused-track{opacity:1!important;filter:brightness(1.1)!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{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,body.no-drawer-anim .track-drawer,body.no-step-pulse .track-drawer{transition:none!important}body:not(.no-track-anim) .track-row.row-animating{transition:height .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:#080a0f;color:var(--text-light)}.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:#080a0f;color:var(--text-light)}.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}.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-mute.active{background:#ef444433!important;border-color:#ef444466!important;color:#ef4444!important;box-shadow:0 0 8px #ef44444d!important}.drawer-btn.btn-solo.active{background:#f59e0b33!important;border-color:#f59e0b66!important;color:#f59e0b!important;box-shadow:0 0 8px #f59e0b4d!important}.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}.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:#0a0f1e80;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}body.light-theme .sample-group-overlay,body.theme-studio.light-theme .sample-group-overlay,body.theme-afro-light .sample-group-overlay{background:#0000001a}.sample-group-popup{background:#181e304f;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:1rem;color:#ffffffb3;letter-spacing:.02em;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{background:#ffffff1a;border-color:#fff3}.sample-group-popup-btn.subdiv-popup-btn{font-size:1.15rem;padding:.75rem 1.5rem;min-width:80px}.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:76px!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 0 15px var(--theme-active-glow, rgba(20, 184, 166, .25))!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%}.sample-group-popup-btn.card-style.active .popup-btn-label{color:#fff!important}.drawer-vol-slider-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden}.lower-sections-grid{grid-template-columns:1fr!important;gap:1rem;margin-top:3.5rem!important;border-top:1.5px dashed var(--border-color);padding-top:1.5rem}.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,#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,#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:.5rem .75rem!important}#custom-humanise-modal .global-humanise-container{margin-bottom:.1rem!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 .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:.1rem 0 0 .55rem;padding-left:.6rem;border-left:2px solid var(--border-color)}#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:.6rem!important}#custom-swing-modal .modal-header{margin-bottom:.75rem!important}#custom-swing-modal .global-swing-container{padding:.5rem .75rem!important;gap:.2rem!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:.4rem!important}#custom-swing-modal .swing-slider-row{padding:.4rem .75rem!important;gap:.75rem!important}#hamburger-menu .modal-body{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;padding:.4rem 0!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}@media(max-width:380px),(max-height:680px){#hamburger-menu .modal-body{gap:.45rem!important;padding:.25rem 0!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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.1),hsla(var(--part-color-hsl, 243, 75%, 59%),.02)) padding-box,linear-gradient(#ffffffd9,#ffffffd9) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.35),#78787826) border-box!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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.14),hsla(var(--part-color-hsl, 243, 75%, 59%),.03)) padding-box,linear-gradient(#ffffffe6,#ffffffe6) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.45),#78787833) border-box!important;border-color: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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.18),hsla(var(--part-color-hsl, 243, 75%, 59%),.04)) padding-box,linear-gradient(#f8f6eef2,#f8f6eef2) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.55),#78787840) border-box!important;border-color:#6366f140!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:#73420806!important;background-image:repeating-linear-gradient(90deg,rgba(115,66,8,.082) 0,rgba(115,66,8,.082) 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-overlay,body.theme-studio.light-theme .modal-overlay{background:#00000040!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;box-shadow:0 20px 40px #00000026!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{background:#faf8f4!important;border-color:#0000001f!important;box-shadow:0 10px 25px #0000001f!important;color:#1f2937!important}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-mute.active,body.theme-studio.light-theme .drawer-btn.btn-mute.active{background:#fef2f2!important;border-color:#fca5a5!important;color:#dc2626!important;box-shadow:none!important}body.light-theme .drawer-btn.btn-solo.active,body.theme-studio.light-theme .drawer-btn.btn-solo.active{background:#fffbeb!important;border-color:#fcd34d!important;color:#d97706!important;box-shadow:none!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{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:300px!important;max-height:85vh!important;box-sizing:border-box;background:#14192399!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;padding:.6rem!important;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:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary-glow);cursor:pointer;margin-top:-5px;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:14px;height:14px;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: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:450px){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;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-container{max-width:min(31.25vw,1400px)!important}}@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:1.1rem!important}body.unified:not(.compact-notes) #custom-swing-modal .global-swing-container{padding:.9rem 1.2rem!important;gap:.5rem!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:.6rem!important}body.unified:not(.compact-notes) #custom-swing-modal .swing-slider-row{grid-template-columns:110px 1fr 80px!important;padding:.7rem 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}body.unified:not(.compact-notes) #custom-swing-modal .swing-slider-value{font-size:1rem!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:.9rem 1.2rem!important;gap:.5rem!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:140px 1fr 70px!important;padding:.9rem 1.3rem!important;gap:1.1rem!important;border-radius:12px!important}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-label{font-size:1rem!important}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-value{font-size:1.05rem!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),28px) - 18px)*.33)!important}body.unified:not(.compact-notes) .btn-title-icon svg{width:calc(24px + (min(var(--desktop-cell-slot, 18px),28px) - 18px)/2)!important;height:calc(24px + (min(var(--desktop-cell-slot, 18px),28px) - 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) .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{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:calc(42px + (var(--desktop-cell-slot, 18px) - 18px) * .5)!important}body.unified:not(.compact-notes) .drawer-btn{width:calc(26px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!important;height:calc(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:calc(26px + (var(--desktop-cell-slot, 18px) - 18px) * .4)!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:calc(.2rem + (var(--desktop-cell-slot, 18px) - 18px) * .01)!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{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!important;border-color:#fff9!important;box-shadow:0 0 10px #fff6!important}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(var(--pitch-brightness, 1))}}.step-cell.ph-pass:not(.strike-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){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(.step-cell-triplet),body.theme-afro:not(.theme-afro-light) .step-cell-subdivided-sub.ph-pass:not(.strike-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(.step-cell-triplet),body.theme-afro-light .step-cell-subdivided-sub.ph-pass:not(.strike-flash),body.light-theme .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.light-theme .step-cell-subdivided-sub.ph-pass:not(.strike-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!important;border-color:#ffffff80!important}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.perf-lite.light-theme .step-cell.current-beat-highlight:not(.has-note),body.theme-studio.perf-lite.light-theme .step-cell.has-note.current-beat-highlight,body.perf-lite.light-theme .step-cell.step-cell-composite.current-beat-highlight{background-color:#d9770642!important;border-color:#d97706b3!important;box-shadow:0 0 8px #d9770633!important}body.perf-lite.light-theme .step-cell-subdivided-sub.current-beat-highlight{background-color:#d9770642!important;border-color:#d97706b3!important;box-shadow:0 0 8px #d9770633!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-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: 162, 28%, 42% !important;outline:1px solid color-mix(in srgb,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(--accent)!important;border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important}body.theme-afro .track-row.part-var-active,body.theme-custom .track-row.part-var-active{background-color:color-mix(in srgb,var(--accent) 20%,transparent)!important;background-image:none!important}body.theme-afro-light .track-row.part-var-active{background-color:color-mix(in srgb,var(--accent) 14%,transparent)!important;background-image:none!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,#2563eb);-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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.055),hsla(var(--part-color-hsl, 243, 75%, 59%),.01)) padding-box,linear-gradient(#0a0d148c,#0a0d148c) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 243, 75%, 59%),.22),#78787812) border-box!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:#d6deff02;background-image:repeating-linear-gradient(90deg,rgba(214,222,255,.05) 0,rgba(214,222,255,.05) 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:#ffffff17;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:#ffffff18}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:#00000018;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:#73420806;background-image:repeating-linear-gradient(90deg,rgba(115,66,8,.082) 0,rgba(115,66,8,.082) 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) .glass-panel{background:#0b0e15!important}body.disable-blur:not(.light-theme) .controls-bar{background:#07090e!important}body.disable-blur:not(.light-theme) .modal-content{background:#10141d!important}body.disable-blur:not(.light-theme) .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: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% / var(--line-steps, 16) * .84),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% / var(--line-steps, 16) * .81),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{position:absolute;z-index:10000;background:#14192399!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border-radius:16px;padding:.7rem;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;display:none;flex-direction:column;gap:.4rem;width:320px;max-height:680px;overflow-y:auto;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.variations-popup.active{display:flex!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:14px!important;height:14px!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:14px!important;height:14px!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 47%,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,.06)!important;color:#1f2937!important;box-shadow:0 4px 10px #0000002e!important}body.light-theme .sample-group-popup-btn.active{background:#14b8a626!important;border-color:#14b8a680!important;color:#0f766e!important;box-shadow:0 0 10px #14b8a626!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 0 15px var(--theme-active-glow, rgba(20, 184, 166, .15))!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{border-top-color:#00000014!important}body.light-theme .popup-tuning-container input[type=range]{background:#00000014!important}body.light-theme .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{background:#00000014!important}body.light-theme .popup-tuning-header{color:#1f2937!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-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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.07),hsla(var(--part-color-hsl, 44, 57%, 57%),.015)) padding-box,linear-gradient(#15221bbf,#15221bbf) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.22),#ffffff0d) border-box!important;box-shadow:0 4px 15px #00000059!important}body.theme-afro .track-row.focused-track{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.15),hsla(var(--part-color-hsl, 44, 57%, 57%),.03)) padding-box,linear-gradient(#21443ed9,#21443ed9) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.5),#ffffff1f) border-box!important;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-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{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.05),hsla(var(--part-color-hsl, 44, 57%, 57%),.01)) padding-box,linear-gradient(#fdf8e6d9,#fdf8e6d9) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.2),#0000000d) border-box!important;box-shadow:0 2px 8px #0000000a!important}body.theme-afro-light .track-row:hover{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.06),hsla(var(--part-color-hsl, 44, 57%, 57%),.012)) padding-box,linear-gradient(#f8f3e0e6,#f8f3e0e6) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.3),#0000000f) border-box!important;box-shadow:0 4px 10px #0000000f!important}body.theme-afro-light .track-row.focused-track{background:linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.08),hsla(var(--part-color-hsl, 44, 57%, 57%),.015)) padding-box,linear-gradient(#fdf8e6f2,#fdf8e6f2) padding-box,linear-gradient(105deg,hsla(var(--part-color-hsl, 44, 57%, 57%),.4),#00000014) border-box!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 .12s cubic-bezier(.1,.8,.3,1)!important}body .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashAnim .18s cubic-bezier(.1,.8,.3,1)!important}@keyframes subCellPlayFlashAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.9))!important;filter:brightness(2.4)!important}to{transform:translateY(-50%) scale(var(--current-scale, .9))!important;filter:brightness(1)!important}}@keyframes notePlayFlashAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.35))!important;filter:brightness(1.7)!important;background-color:hsla(var(--part-color-hsl, 243, 75%, 59%),.55)!important;border-color:hsla(var(--part-color-hsl, 243, 75%, 59%),.95)!important;box-shadow:0 0 12px hsla(var(--part-color-hsl, 243, 75%, 59%),.6)!important}to{transform:translateY(-50%) scale(var(--current-scale, 1))!important;filter:brightness(1)!important;background-color:#ffffff09!important;border-color:#ffffff14!important;box-shadow:none!important}}body.light-theme .step-cell.note-play-flash,body.theme-studio.light-theme .step-cell.note-play-flash{animation:notePlayFlashLightAnim .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 .18s cubic-bezier(.1,.8,.3,1)!important}@keyframes subCellPlayFlashLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.2))!important;filter:brightness(1.08)!important}to{transform:translateY(-50%) scale(var(--current-scale, .9))!important;filter:brightness(1)!important}}@keyframes notePlayFlashLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.15))!important;filter:brightness(1.06)!important;background-color:#00000012!important;border-color:#0000002e!important;box-shadow:none!important}to{transform:translateY(-50%) scale(var(--current-scale, 1))!important;filter:brightness(1)!important;background-color:#0000000a!important;border-color:#00000014!important;box-shadow:none!important}}body.theme-afro-light .step-cell.note-play-flash{animation:notePlayFlashAfroLightAnim .12s cubic-bezier(.1,.8,.3,1)!important}body.theme-afro-light .step-cell.step-cell-subdivided-sub.note-play-flash{animation:subCellPlayFlashAfroLightAnim .18s cubic-bezier(.1,.8,.3,1)!important}@keyframes subCellPlayFlashAfroLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.2))!important;filter:brightness(1.08)!important}to{transform:translateY(-50%) scale(var(--current-scale, .9))!important;filter:brightness(1)!important}}@keyframes notePlayFlashAfroLightAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.15))!important;filter:brightness(1.06)!important;background-color:#00000012!important;border-color:#0000002e!important;box-shadow:none!important}to{transform:translateY(-50%) scale(var(--current-scale, 1))!important;filter:brightness(1)!important;background-color:#00000003!important;border-color:#0000000f!important;box-shadow:none!important}}body.theme-afro:not(.theme-afro-light) .step-cell.note-play-flash{animation:notePlayFlashAfroDarkAnim .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 .18s cubic-bezier(.1,.8,.3,1)!important}@keyframes notePlayFlashAfroDarkAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.2))!important;filter:brightness(1.06)!important;background-color:#ffffff12!important;border-color:#fff3!important;box-shadow:none!important}to{transform:translateY(-50%) scale(var(--current-scale, 1))!important;filter:brightness(1)!important;background-color:#ffffff09!important;border-color:#ffffff14!important;box-shadow:none!important}}@keyframes subCellPlayFlashAfroDarkAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.28))!important;filter:brightness(1.08)!important}to{transform:translateY(-50%) scale(var(--current-scale, .9))!important;filter:brightness(1)!important}}body:not(.theme-studio) .step-cell.has-note.note-play-flash{animation:notePlayFlashClassicAnim .12s cubic-bezier(.1,.8,.3,1)!important}@keyframes notePlayFlashClassicAnim{0%{transform:translateY(-50%) scale(calc(var(--current-scale, 1) * 1.35))!important;border-color:#fffffff2!important;box-shadow:0 0 16px #fffc,inset 0 0 8px #fff6!important;filter:brightness(1.5)!important}to{transform:translateY(-50%) scale(var(--current-scale, 1))!important;border-color:transparent!important;box-shadow:none!important}}.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 .track-djembe,body.theme-afro-light .track-djembe,body.theme-custom .track-djembe{background-color:var(--djembe-card-bg)!important;border-color:var(--djembe-border)!important;background-image:none!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 .track-kenkeni,body.theme-afro-light .track-kenkeni,body.theme-custom .track-kenkeni{background-color:var(--kenkeni-card-bg)!important;border-color:var(--kenkeni-border)!important;background-image:none!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 .track-sangban,body.theme-afro-light .track-sangban,body.theme-custom .track-sangban{background-color:var(--sangban-card-bg)!important;border-color:var(--sangban-border)!important;background-image:none!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 .track-doundounba,body.theme-afro-light .track-doundounba,body.theme-custom .track-doundounba{background-color:var(--doundounba-card-bg)!important;border-color:var(--doundounba-border)!important;background-image:none!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,body.theme-custom .track-row.part-solo-active{background-color:#b83a2e42!important;border-color:#c6423452!important;background-image:none!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{background-color:#f4d6ce!important;border-color:#c67b6c!important;background-image:none!important}body.theme-afro-light .track-row.part-solo-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 .track-row.part-break-active,body.theme-afro .track-row.part-intro-active,body.theme-custom .track-row.part-break-active,body.theme-custom .track-row.part-intro-active{background-color:#d9842638!important;border-color:#e6963257!important;background-image:none!important}body.theme-afro-light .track-row.part-break-active,body.theme-afro-light .track-row.part-intro-active{background-color:#f5e0c4!important;border-color:#d9a55e!important;background-image:none!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:#ffffff4d!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:58px!important;height:auto!important;flex-shrink:0!important;border-radius:8px;margin-bottom:.3rem;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:.55rem .85rem!important;min-height:56px!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:.28rem;flex:1;min-width:0;text-align:left}.save-item-card-title{font-size:1.05rem!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-date{font-size:.75rem;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;padding:.45rem .9rem;border-radius:6px;font-size:.75rem;font-weight:600;font-family:Outfit,sans-serif;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,.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:#ffffff40!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;background:transparent!important;border:none!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) 7%,transparent)!important}.library-tab-btn.active{color:var(--tab-hue)!important;background:color-mix(in srgb,var(--tab-hue) 14%,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}}.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{border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#0003!important;padding:.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:#ffffff14}#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,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .2rem}.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:.75rem!important;margin-top:.75rem!important}#library-modal .library-tag-strip{margin:0;flex:1 1 auto;min-width:0;justify-content:flex-start}#library-modal .modal-footer .btn{flex-shrink:0;margin-left: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{background:#fff3e3!important;border-color:#ee850066!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:#4e7b44!important}body.light-theme.no-track-tint .track-row{background:#fffdf9!important;border-color:#00000017!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.no-track-tint .track-row{background:#ffffff0d!important;border-color:#ffffff1f!important}body.theme-afro-light.no-track-tint .track-row{background:#ffffff80!important;border-color:#0000001a!important}body.theme-afro .track-row,body.theme-afro-light .track-row,body.light-theme .track-row,body.theme-afro #solos-control-row,body.theme-afro #breaks-control-row,body.theme-afro #variations-control-row,body.theme-afro-light #solos-control-row,body.theme-afro-light #breaks-control-row,body.theme-afro-light #variations-control-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:#ffffff40!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:#4e7b44!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{background:#fff3e3!important;border:1px solid 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{background:#fffdf9!important;border:1px solid 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.perf-lite.light-theme .step-cell.current-beat-highlight:not(.has-note),body.perf-lite.light-theme .step-cell-subdivided-sub.current-beat-highlight:not(.has-note),body.theme-studio.perf-lite.light-theme .step-cell.current-beat-highlight:not(.has-note),body.perf-lite.theme-afro .step-cell.current-beat-highlight:not(.has-note),body.perf-lite.theme-afro .step-cell-subdivided-sub.current-beat-highlight:not(.has-note),body.perf-lite.theme-afro-light .step-cell.current-beat-highlight:not(.has-note),body.perf-lite.theme-afro-light .step-cell-subdivided-sub.current-beat-highlight:not(.has-note){background:var(--primary-glow)!important;border-color:var(--primary)!important}body.perf-lite.light-theme .step-cell.has-note.current-beat-highlight,body.perf-lite.light-theme .step-cell-subdivided-sub.has-note.current-beat-highlight,body.theme-studio.perf-lite.light-theme .step-cell.has-note.current-beat-highlight,body.theme-studio.perf-lite.light-theme .step-cell-subdivided-sub.has-note.current-beat-highlight{background:#da7508!important;border-color:#c46705!important;filter:none!important;box-shadow:0 0 8px #ee850059!important}body.perf-lite.light-theme .step-cell.has-note.current-beat-highlight svg,body.perf-lite.light-theme .step-cell-subdivided-sub.has-note.current-beat-highlight svg,body.theme-studio.perf-lite.light-theme .step-cell.has-note.current-beat-highlight svg,body.theme-studio.perf-lite.light-theme .step-cell-subdivided-sub.has-note.current-beat-highlight svg{color:#f7f1e3!important}body.perf-lite.theme-afro-light:not(.blend-note-fill) .step-cell.has-note.current-beat-highlight,body.perf-lite.theme-afro-light:not(.blend-note-fill) .step-cell-subdivided-sub.has-note.current-beat-highlight{filter:brightness(.82) saturate(1.1)!important;box-shadow:0 0 0 2px #3e160599!important}body.perf-lite.theme-afro-light.blend-note-fill .step-cell.has-note.current-beat-highlight,body.perf-lite.theme-afro-light.blend-note-fill .step-cell-subdivided-sub.has-note.current-beat-highlight{background:var(--primary-glow)!important;border-color:var(--primary)!important;filter:brightness(1.05)!important;box-shadow:none!important}body.perf-lite.light-theme:not(.blend-note-fill) .step-cell.has-note.current-beat-highlight svg,body.perf-lite.theme-afro-light:not(.blend-note-fill) .step-cell.has-note.current-beat-highlight svg{color:#fff!important}body.theme-afro .track-row,body.theme-afro .track-row:hover,body.theme-afro .track-row.focused-track{border-color:#f7efc238!important}body.theme-afro-light .track-row,body.theme-afro-light .track-row:hover,body.theme-afro-light .track-row.focused-track{border-color:#3e160547!important}body.perf-lite.theme-afro:not(.blend-note-fill) .step-cell.has-note.current-beat-highlight,body.perf-lite.theme-afro:not(.blend-note-fill) .step-cell-subdivided-sub.has-note.current-beat-highlight{filter:brightness(1.35)!important;border-color:#f7efc2e6!important;box-shadow:0 0 0 2px #f7efc2d9!important}body.perf-lite.theme-afro.blend-note-fill .step-cell.has-note.current-beat-highlight,body.perf-lite.theme-afro.blend-note-fill .step-cell-subdivided-sub.has-note.current-beat-highlight{background:var(--primary-glow)!important;border-color:var(--primary)!important;filter:brightness(1.2)!important;box-shadow:none!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 .track-row.muted-track,body.theme-studio.light-theme .track-row.muted-track,body.theme-afro-light .track-row.muted-track,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 .track-row.focused-track{background:var(--bg-card-hover, rgba(62, 31, 12, .9))!important}body.theme-afro .track-row.track-djembe.focused-track,body.theme-afro-light .track-row.track-djembe.focused-track{background:var(--djembe-card-bg)!important}body.theme-afro .track-row.track-kenkeni.focused-track,body.theme-afro-light .track-row.track-kenkeni.focused-track{background:var(--kenkeni-card-bg)!important}body.theme-afro .track-row.track-sangban.focused-track,body.theme-afro-light .track-row.track-sangban.focused-track{background:var(--sangban-card-bg)!important}body.theme-afro .track-row.track-doundounba.focused-track,body.theme-afro-light .track-row.track-doundounba.focused-track{background:var(--doundounba-card-bg)!important}body.theme-afro .track-row.part-solo-active.focused-track,body.theme-custom .track-row.part-solo-active.focused-track{background-color:#b83a2e42!important;background-image:none!important}body.theme-afro-light .track-row.part-solo-active.focused-track{background-color:#f4d6ce!important;background-image:none!important}body.theme-afro .track-row.part-break-active.focused-track,body.theme-afro .track-row.part-intro-active.focused-track,body.theme-custom .track-row.part-break-active.focused-track,body.theme-custom .track-row.part-intro-active.focused-track{background-color:#d9842638!important;background-image:none!important}body.theme-afro-light .track-row.part-break-active.focused-track,body.theme-afro-light .track-row.part-intro-active.focused-track{background-color:#f5e0c4!important;background-image:none!important}body.theme-afro .track-row.part-var-active.focused-track,body.theme-custom .track-row.part-var-active.focused-track,body.theme-afro-light .track-row.part-var-active.focused-track{background-color:color-mix(in srgb,var(--accent) 20%,transparent)!important;background-image:none!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.no-track-tint .track-row.focused-track{background:#ffffff0d!important}body.theme-afro-light.no-track-tint .track-row.focused-track{background:#ffffff80!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:var(--text-muted)!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,body.theme-studio.light-theme .track-row.dimmed-track,body.theme-afro-light .track-row.dimmed-track{opacity:.5!important;filter:saturate(.75)!important}body.light-theme .track-row.focused-track,body.theme-studio.light-theme .track-row.focused-track,body.theme-afro .track-row.focused-track,body.theme-afro-light .track-row.focused-track,body.light-theme .sequencer-container.has-solo .track-row.focused-track,body.theme-studio.light-theme .sequencer-container.has-solo .track-row.focused-track,body.theme-afro .sequencer-container.has-solo .track-row.focused-track,body.theme-afro-light .sequencer-container.has-solo .track-row.focused-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:.95rem;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 .track-row.track-djembe:hover,body.theme-afro-light .track-row.track-djembe:hover{background:var(--djembe-card-bg)!important}body.theme-afro .track-row.track-kenkeni:hover,body.theme-afro-light .track-row.track-kenkeni:hover{background:var(--kenkeni-card-bg)!important}body.theme-afro .track-row.track-sangban:hover,body.theme-afro-light .track-row.track-sangban:hover{background:var(--sangban-card-bg)!important}body.theme-afro .track-row.track-doundounba:hover,body.theme-afro-light .track-row.track-doundounba:hover{background:var(--doundounba-card-bg)!important}body.theme-afro .track-row.part-solo-active:hover,body.theme-custom .track-row.part-solo-active:hover{background:#b83a2e42!important}body.theme-afro-light .track-row.part-solo-active:hover{background:#f4d6ce!important}body.theme-afro .track-row.part-break-active:hover,body.theme-afro .track-row.part-intro-active:hover,body.theme-custom .track-row.part-break-active:hover,body.theme-custom .track-row.part-intro-active:hover{background-color:#d9842638!important;background-image:none!important}body.theme-afro-light .track-row.part-break-active:hover,body.theme-afro-light .track-row.part-intro-active:hover{background-color:#f5e0c4!important;background-image:none!important}body.theme-afro .track-row.part-var-active:hover,body.theme-custom .track-row.part-var-active:hover,body.theme-afro-light .track-row.part-var-active:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)!important}body.theme-afro-light .steps-container:before{background-color:#3e160506!important;background-image:repeating-linear-gradient(90deg,rgba(62,22,5,.092) 0,rgba(62,22,5,.092) 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) 45%,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)) 35%,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.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:#0a0f1e80!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.light-theme #large-slider-overlay,body.theme-studio.light-theme #large-slider-overlay,body.theme-afro-light #large-slider-overlay{background:#0000001a!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=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:#4a7340!important;border:1px solid #3E6236!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(.step-cell-triplet),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-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: 100, 26%, 44% !important;outline-color:#5d8a5273!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:#4a7340!important;border-color:#5d8a5280!important}body.light-theme .track-row[data-track-id=solo_djembe],body.theme-studio.light-theme .track-row[data-track-id=solo_djembe]{background:#f7d1c3!important}body.light-theme .track-row.part-call-active,body.theme-studio.light-theme .track-row.part-call-active{background:#ffe7c9!important}body.light-theme .track-row.part-ech-active,body.theme-studio.light-theme .track-row.part-ech-active{background:#fbe5dc!important}body.light-theme .track-row.part-var-active,body.theme-studio.light-theme .track-row.part-var-active{background:#edf4e6!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:.55rem .75rem;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:.35rem!important}body.compact-notes #custom-swing-modal .swing-slider-row{padding:.35rem .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:.5rem!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:.9rem 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:.4rem .75rem!important}body.compact-notes #custom-humanise-modal .global-humanise-container{padding:.5rem .75rem!important;margin-bottom:0!important}body.compact-notes #custom-humanise-modal .grid-viz-toggle-row{padding:.4rem .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{background:#efd3d8!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.15));filter:brightness(1.3)}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(1)}}@keyframes subCellPlayFlashLightFilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.2));filter:brightness(1.3)}to{transform:translateY(-50%) scale(var(--current-scale, .9));filter:brightness(1)}}body.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.theme-studio.light-theme:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-flash),body.theme-afro-light:not(.blend-note-fill) .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.theme-afro-light:not(.blend-note-fill) .step-cell-subdivided-sub.ph-pass:not(.strike-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 .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 .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.35));filter:brightness(1.2)}to{transform:translateY(-50%) scale(var(--current-scale, 1));filter:brightness(1)}}@keyframes subCellPlayFlashLightUnfilled{0%{transform:translateY(-50%) scale(calc(var(--current-scale, .9) * 1.9));filter:brightness(1.8)}to{transform:translateY(-50%) scale(var(--current-scale, .9));filter:brightness(1)}}body.light-theme.blend-note-fill .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.light-theme.blend-note-fill .step-cell-subdivided-sub.ph-pass:not(.strike-flash),body.theme-studio.light-theme.blend-note-fill .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.theme-studio.light-theme.blend-note-fill .step-cell-subdivided-sub.ph-pass:not(.strike-flash),body.theme-afro-light.blend-note-fill .step-cell.ph-pass:not(.strike-flash):not(.step-cell-triplet),body.theme-afro-light.blend-note-fill .step-cell-subdivided-sub.ph-pass:not(.strike-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 .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 .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 2px 12px #00000029!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 2px 12px #00000029!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 2px 12px #00000029!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 2px 12px #00000029!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 86px 1fr 44px!important;gap:.5rem!important}#effects-modal .effects-row{grid-template-columns:22px 84px 1fr 1fr!important;gap:.55rem!important;align-items:end!important;padding:.5rem .55rem!important}#effects-modal .effects-row .control-item-inline{min-width:0!important}#effects-modal .effects-row .control-item-inline>label{white-space:nowrap!important}#effects-modal .effects-row>.track-icon-wrapper,#effects-modal .effects-row>.synth-inst-name{align-self:center!important}#effects-modal .control-item-inline label span{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}#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-solo-cycle{box-shadow:inset 0 0 0 999px #4a060657}.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:72px 1fr 58px}body.unified:not(.compact-notes) #custom-humanise-modal .humanise-slider-row{grid-template-columns:140px 1fr 84px!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 #solos-control-row>span.row-label-tappable:active{color:var(--primary)!important}.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));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:rgba(var(--beat-ink, 255, 186, 112),.016)!important;background-image:repeating-linear-gradient(90deg,rgba(var(--beat-ink, 255, 186, 112),.083) 0,rgba(var(--beat-ink, 255, 186, 112),.083) 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:rgba(var(--beat-ink, 255, 186, 112),.014)!important;background-image:repeating-linear-gradient(90deg,rgba(var(--beat-ink, 255, 186, 112),.072) 0,rgba(var(--beat-ink, 255, 186, 112),.072) 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:#73420804!important;background-image:repeating-linear-gradient(90deg,rgba(115,66,8,.06) 0,rgba(115,66,8,.06) 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:#3e160505!important;background-image:repeating-linear-gradient(90deg,rgba(62,22,5,.073) 0,rgba(62,22,5,.073) 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}