@font-face{font-family:Bravura;src:url('https://cdn.jsdelivr.net/gh/steinbergmedia/bravura/redist/woff/Bravura.woff') format('woff');font-display:block}:root{--bg:#111;--bg2:#1a1a1a;--bg3:#252525;--text:#ddd;--text2:#888;--text3:#555;--border:#333;--dum:#D55E00;--tek:#0072B2;--teke:#CC79A7;--teka:#009E73;--tekka:#F0E442;--tahek:#E69F00;--sweep:rgba(255,255,255,.85);--sweep-glow:rgba(255,255,255,.2);--ctrl-bg:#222;--ctrl-thumb:#ccc;--ctrl-track:#444}[data-theme=light]{--bg:#f4f2ed;--bg2:#e8e5df;--bg3:#dbd8d2;--text:#222;--text2:#666;--text3:#999;--border:#ccc;--dum:#B84E00;--tek:#005A90;--teke:#A85A88;--teka:#007A5A;--tekka:#A89500;--tahek:#C08500;--sweep:rgba(0,0,0,.75);--sweep-glow:rgba(0,0,0,.12);--ctrl-bg:#e0ddd7;--ctrl-thumb:#555;--ctrl-track:#bbb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);display:grid;grid-template-columns:56px 1fr 56px;grid-template-rows:1fr auto auto;grid-template-areas:"lh viz rh" "ctrl ctrl ctrl" "foot foot foot";height:100dvh;overflow:hidden;transition:background .3s,color .3s,opacity .55s cubic-bezier(.22,1,.36,1);user-select:none}.mobile-toggle{display:none}.controls-panel{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.controls-panel:last-of-type{justify-content:flex-start}[data-compact=true]{grid-template-columns:0 1fr 0;grid-template-rows:1fr auto auto auto auto;grid-template-areas:"lh viz rh" "vur vur vur" "car car car" "ctrl ctrl ctrl" "foot foot foot"}[data-compact=true] .hand-guide{position:absolute!important;width:40px!important;opacity:.15!important;z-index:0;pointer-events:none}[data-compact=true] .hand-guide--left{left:0;top:0;bottom:0}[data-compact=true] .hand-guide--right{right:0;top:0;bottom:0}[data-compact=true] .mobile-toggle{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:30px;padding:0 10px;border:none;border-radius:0;background:0 0;color:var(--text2);cursor:pointer;flex-shrink:0;touch-action:none;font-size:13px;font-weight:600;gap:4px;position:relative;overflow:visible;isolation:isolate;transition:color .2s}[data-compact=true] .mobile-toggle::before{content:"";position:absolute;top:0;left:-14px;right:-14px;bottom:-200px;background:0 0;border:none;border-radius:0;z-index:-1;transition:background 340ms cubic-bezier(.22,1,.36,1)}[data-compact=true] .mobile-toggle:active::before{background:0 0}[data-compact=true] .mobile-toggle[aria-expanded=true]{color:var(--text)}[data-compact=true] .mobile-toggle[aria-expanded=true]::before{background:0 0}@keyframes lavaMove1{0%{background-position:0 0,100% 100%,100% 0,0 100%,0 50%,100% 50%,0 0}20%{background-position:15% 70%,85% 15%,80% 55%,20% 35%,10% 85%,90% 25%,0 0}40%{background-position:25% 25%,75% 85%,85% 80%,15% 10%,0 20%,100% 75%,0 0}60%{background-position:5% 90%,95% 40%,90% 20%,10% 70%,20% 60%,80% 10%,0 0}80%{background-position:20% 45%,80% 65%,75% 65%,25% 80%,5% 30%,95% 85%,0 0}100%{background-position:0 0,100% 100%,100% 0,0 100%,0 50%,100% 50%,0 0}}@keyframes lavaMove2{0%{background-size:140% 300%,140% 300%,140% 300%,140% 300%,140% 300%,140% 300%,100% 100%}25%{background-size:140% 400%,140% 250%,140% 350%,140% 270%,140% 330%,140% 380%,100% 100%}50%{background-size:140% 260%,140% 380%,140% 270%,140% 360%,140% 400%,140% 250%,100% 100%}75%{background-size:140% 350%,140% 320%,140% 400%,140% 250%,140% 270%,140% 340%,100% 100%}100%{background-size:140% 300%,140% 300%,140% 300%,140% 300%,140% 300%,140% 300%,100% 100%}}.toggle-cell{display:flex;align-items:center}.toggle-cell--left{justify-content:flex-end}.toggle-cell--right{justify-content:flex-start;gap:4px;transition:opacity .3s ease}.toggle-note{display:flex;align-items:center;opacity:.5}.toggle-note svg{height:14px;width:auto;fill:currentColor}[data-compact=true] .mobile-toggle[aria-expanded=true] .toggle-cell--right{opacity:0!important}#toggleBpm{font-variant-numeric:tabular-nums}.toggle-chev{transition:transform .3s cubic-bezier(.22,1,.36,1);transform:rotate(90deg);stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.toggle-chev polyline{opacity:.32;animation:carChev 1.8s ease-in-out infinite}.toggle-chev .c-back{animation-delay:.22s}.toggle-chev .c-front{animation-delay:.44s}.mobile-toggle:active .toggle-chev polyline,.mobile-toggle:hover .toggle-chev polyline{animation:none;opacity:1}[data-compact=true] .mobile-toggle[aria-expanded=true] .toggle-chev{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.toggle-chev polyline{animation:none;opacity:.7}}[data-compact=true] .btn-play{grid-area:vur;justify-self:center;align-self:center;position:relative;left:auto;top:auto;transform:none}[data-compact=true] .controls{justify-content:center;gap:8px;flex-wrap:wrap;position:relative;overflow:hidden}[data-compact=true] #headerToggle{display:none!important}[data-compact=true] .controls-panel{display:none;width:100%;flex-direction:column;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--border)}[data-compact=true] .controls-panel.open{display:contents}[data-compact=true] .controls:has(.controls-panel.open){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:8px 14px;align-content:start;align-items:center;overflow:visible;z-index:auto;position:relative}[data-compact=true] .controls:has(.controls-panel.open) #tekGroup{grid-column:1;grid-row:1}[data-compact=true] .controls:has(.controls-panel.open) #dumGroup{grid-column:3;grid-row:1}[data-compact=true] .controls:has(.controls-panel.open) #volumeGroup{grid-column:2;grid-row:1;justify-self:center;align-self:center}[data-compact=true] .controls:has(.controls-panel.open) #bpmGroup{grid-column:1;grid-row:2}[data-compact=true] .controls:has(.controls-panel.open) #renderPanel{grid-column:3;grid-row:2}[data-compact=true] .controls:has(.controls-panel.open) #themeToggle{grid-column:2;grid-row:2;justify-self:center;align-self:center;margin:0}[data-compact=true] #paletteToggle{display:none}[data-compact=true] .controls:has(.controls-panel.open) #headerToggle{display:none!important}[data-compact=true] .controls-panel .slider-group,[data-compact=true] .controls:has(.controls-panel.open) .slider-group{justify-content:center}[data-compact=true] .controls:has(.controls-panel.open) #bpmGroup,[data-compact=true] .controls:has(.controls-panel.open) #tekGroup{justify-content:flex-end}[data-compact=true] .controls:has(.controls-panel.open) #dumGroup,[data-compact=true] .controls:has(.controls-panel.open) #renderPanel{justify-content:flex-start}[data-compact=true] .controls:has(.controls-panel.open) #renderPanel,[data-compact=true] .controls:has(.controls-panel.open) .slider-group{padding:0!important;border-width:0!important}[data-compact=true] .controls:has(.controls-panel.open) .vreel-reel,[data-compact=true] .controls:has(.controls-panel.open) .vreel-window{height:32px}[data-compact=true] .controls:has(.controls-panel.open) .vreel-cell{top:8px}@property --lava-h{syntax:'<length-percentage>';initial-value:64px;inherits:false}#lavaOverlay{display:block;position:fixed;inset:auto 0 0 0;--lava-h:64px;height:max(64px,var(--lava-h));z-index:9;opacity:.6;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 15% 30%,var(--tek) 0,transparent 50%),radial-gradient(ellipse 60% 90% at 85% 70%,var(--dum) 0,transparent 50%),radial-gradient(ellipse 50% 80% at 65% 10%,var(--dum) 0,transparent 45%),radial-gradient(ellipse 50% 70% at 35% 90%,var(--tek) 0,transparent 45%),radial-gradient(ellipse 40% 90% at 5% 60%,var(--tek) 0,transparent 40%),radial-gradient(ellipse 40% 80% at 95% 20%,var(--dum) 0,transparent 40%),linear-gradient(to right,var(--tek),var(--dum));background-size:140% 300%,140% 300%,140% 300%,140% 300%,140% 300%,140% 300%,100% 100%;filter:blur(40px) saturate(1);transform-origin:50% 100%;transition:--lava-h .5s cubic-bezier(.4, 0, .2, 1),filter .5s cubic-bezier(.4, 0, .2, 1),opacity .5s cubic-bezier(.4, 0, .2, 1);animation:lavaMove1 11s linear infinite,lavaMove2 8s linear infinite}[data-compact=true] #lavaOverlay{--lava-h:120px;opacity:.75}[data-compact=true] .controls:has(.controls-panel.open)~#lavaOverlay{opacity:.35}body[data-lava-stage=bloom] #lavaOverlay{--lava-h:58vh;filter:blur(60px) saturate(1.18);opacity:.75;animation:lavaMove1 11s linear infinite,lavaMove2 8s linear infinite,lava-bloom-in 1.75s cubic-bezier(.45,.05,.25,1)}@keyframes lava-bloom-in{0%{--lava-h:64px;filter:blur(40px) saturate(1);opacity:0}100%{--lava-h:58vh;filter:blur(60px) saturate(1.18);opacity:.75}}[data-compact=true] .controls:has(.controls-panel.open) #renderPanel,[data-compact=true] .controls:has(.controls-panel.open) .slider-group{background:0 0!important;border-color:transparent!important;pointer-events:none}[data-compact=true] .controls:has(.controls-panel.open) #renderPanel .btn-save,[data-compact=true] .controls:has(.controls-panel.open) #renderPanel .group-expand,[data-compact=true] .controls:has(.controls-panel.open) .slider-group .group-expand,[data-compact=true] .controls:has(.controls-panel.open) .slider-group .group-icon,[data-compact=true] .controls:has(.controls-panel.open) .slider-group .mute-label,[data-compact=true] .controls:has(.controls-panel.open) .slider-group .pitch-menu,[data-compact=true] .controls:has(.controls-panel.open) .slider-group .pitch-pick-wrap{pointer-events:auto}[data-compact=true] .controls:has(.controls-panel.open) #renderPanel:has(:active),[data-compact=true] .controls:has(.controls-panel.open) #renderPanel:has(:hover),[data-compact=true] .controls:has(.controls-panel.open) .slider-group:has(:active),[data-compact=true] .controls:has(.controls-panel.open) .slider-group:has(:hover){z-index:10}[data-compact=true] .app-footer:has(.mobile-toggle[aria-expanded=true]) button:active,[data-compact=true] .app-footer:has(.mobile-toggle[aria-expanded=true]) button:hover{position:relative;z-index:10}[data-compact=true] .app-footer:has(.mobile-toggle[aria-expanded=true]) .footer-left,[data-compact=true] .app-footer:has(.mobile-toggle[aria-expanded=true]) .footer-right{z-index:10}[data-compact=true] #dumGroup .vreel,[data-compact=true] #tekGroup .vreel{width:70px}[data-compact=true] #renderPanel{display:flex;align-items:center;gap:6px;justify-content:center;padding:6px 8px;box-sizing:border-box}[data-compact=true] .controls:has(.controls-panel.open) #renderPanel{background:0 0!important;border-color:transparent!important}[data-compact=true] #renderPanel>.group-expand-handle{display:none}[data-compact=true] #renderPanel .group-expand{max-width:none!important;opacity:1!important}[data-compact=true] #renderPanel .btn-save{width:34px;height:34px;order:-1}[data-compact=true] #volumeGroup{position:relative;width:auto;min-width:auto;height:auto;min-height:auto;padding:0;border:none;background:0 0;z-index:8}[data-compact=true] #volumeGroup .group-icon{font-size:16px;z-index:2}[data-compact=true] #volumeGroup .group-expand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;max-width:none;border-radius:50%;padding:0;border:none;overflow:visible;background:0 0;display:block;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .15s ease}[data-compact=true] #volumeGroup.vol-knob .group-expand{opacity:1}@media(hover:hover){[data-compact=true] #volumeGroup:hover .group-expand{opacity:.15}[data-compact=true] #volumeGroup.vol-knob:hover .group-expand{opacity:1}}@media(hover:none),(pointer:coarse){[data-compact=true] #volumeGroup .group-expand{opacity:.15}[data-compact=true] #volumeGroup.vol-knob .group-expand{opacity:1}}[data-compact=true] #volumeGroup .group-expand input[type=range]{display:none}[data-compact=true] #volumeGroup .vol-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 220deg,color-mix(in srgb,var(--tek) calc((1 - var(--vol,1)) * 100%),var(--dum)) 0deg,color-mix(in srgb,var(--tek) calc((1 - var(--vol,1)) * 100%),var(--dum)) calc(var(--vol,1) * 280deg),var(--bg2) calc(var(--vol,1) * 280deg),var(--bg2) 280deg,transparent 280deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%)}[data-compact=true] .app-footer{flex-wrap:wrap;justify-content:flex-start}[data-compact=true] .app-footer:has(.mobile-toggle[aria-expanded=true]){flex-wrap:wrap-reverse;overflow:visible;padding-top:4px;align-items:flex-end}[data-compact=true] .controls:has(.controls-panel.open){padding-bottom:0}[data-compact=true] .footer-left{position:absolute;left:14px;bottom:6px;font-size:12px;white-space:nowrap;z-index:11}[data-compact=true] .footer-center{display:contents}[data-compact=true] #footerToggle{order:4;flex-basis:100%;position:relative;z-index:1}[data-compact=true] .mode-group{display:none!important}[data-compact=true] #volumeGroup:has(:active),[data-compact=true] #volumeGroup:has(:hover){z-index:10}[data-compact=true] .footer-right{position:absolute;right:14px;bottom:6px;font-size:12px;text-align:right;white-space:nowrap;z-index:11}[data-compact=true] #renderStatus{display:none}[data-compact=true] .controls:has(.controls-panel.open) #renderStatus.marquee:not(:empty){display:block;position:absolute;top:28px;left:0;right:0;font-size:10px;color:var(--text2);white-space:nowrap;overflow:hidden;line-height:16px;height:16px;pointer-events:none}@keyframes status-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}[data-compact=true] #renderStatus.marquee>span{display:inline-block;padding-left:100%;animation:status-marquee 8s linear 1 forwards}body:not([data-compact=true]) .controls{min-height:60px;background:0 0;border-top:none;gap:0}body:not([data-compact=true]) .controls-panel{gap:44px;flex:1}body:not([data-compact=true]) #controlsPanel{justify-content:flex-end;padding-right:calc(44px + 37.5px)}body:not([data-compact=true]) #controlsPanel2{justify-content:flex-start;padding-left:calc(44px + 37.5px)}body:not([data-compact=true]) .btn-play{grid-area:ctrl;justify-self:center;align-self:center;z-index:20}body:not([data-compact=true]) .controls{background:0 0;border-top:none;z-index:auto;pointer-events:none}body:not([data-compact=true]) .app-footer #renderPanel,body:not([data-compact=true]) .controls #renderPanel,body:not([data-compact=true]) .controls .slider-group{pointer-events:auto;opacity:.66;transition:opacity .25s ease}body:not([data-compact=true]) .controls .slider-group.open{background:color-mix(in srgb,var(--bg3) 33%,transparent);border-color:color-mix(in srgb,var(--border) 33%,transparent)}body:not([data-compact=true]) .controls .slider-group.open>.group-expand-handle{opacity:.2}body:not([data-compact=true]) .app-footer #renderPanel.open,body:not([data-compact=true]) .controls #renderPanel.open,body:not([data-compact=true]) .controls .slider-group.open{z-index:10}body:not([data-compact=true]) .app-footer #renderPanel:has(:active),body:not([data-compact=true]) .app-footer #renderPanel:hover,body:not([data-compact=true]) .controls #renderPanel:has(:active),body:not([data-compact=true]) .controls #renderPanel:hover,body:not([data-compact=true]) .controls .slider-group:has(.pitch-pick[aria-expanded=true]),body:not([data-compact=true]) .controls .slider-group:has(:active),body:not([data-compact=true]) .controls .slider-group:hover{z-index:10;opacity:1}body:not([data-compact=true]) .btn-save:hover,body:not([data-compact=true]) .disk-btn:hover,body:not([data-compact=true]) .palette-btn:hover,body:not([data-compact=true]) .theme-btn:hover{z-index:10}body:not([data-compact=true]) .carousel{background:0 0;border-top:none}body:not([data-compact=true]) .viz-container>.carousel{position:absolute;left:50%;top:62.5%;transform:translate(-50%,-50%);width:clamp(460px,45%,90vw);height:44px;padding:0;gap:0;z-index:4;pointer-events:auto;transition:opacity .18s ease}body:not([data-compact=true]) .viz-container>.carousel .carousel-inner{width:100%}body:not([data-compact=true]) .viz-area:has(.seg-locked) .viz-container>.carousel,body:not([data-compact=true]):has(.beat-info span.active) .viz-container>.carousel,body:not([data-compact=true])[data-carousel-painted=true] .viz-container>.carousel,body[data-playing=true]:not([data-compact=true]) .viz-container>.carousel{opacity:0;pointer-events:none}body[data-piece-loaded=true] .carousel-arrow{visibility:hidden;pointer-events:none}body[data-piece-loaded=true] .disk-btn{visibility:hidden;pointer-events:none}body:not([data-compact=true]) .app-footer{height:74px;min-height:auto;background:0 0;border-top:none;z-index:auto;justify-content:center}body:not([data-compact=true]) .footer-left,body:not([data-compact=true]) .footer-right{position:absolute;z-index:10}body:not([data-compact=true]) .footer-center{position:static}body:not([data-compact=true]) .theme-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;margin:0}.viz-container>.disk-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;margin:0;transition:opacity .3s ease}body:not([data-compact=true]) .palette-btn{position:absolute;left:calc(50% + 50px);top:50%;transform:translate(-50%,-50%);z-index:5;margin:0}body[data-playing=true]:not([data-compact=true]) .viz-container .disk-btn{opacity:0;pointer-events:none;transition:opacity .15s ease}body:not([data-compact=true]) #renderPanel{position:absolute;right:calc(50% + 33px);top:50%;transform:translateY(-50%)}body:not([data-compact=true]) #renderStatus{position:absolute;left:calc(50% + 75px);margin-left:0;top:50%;transform:translateY(-50%);white-space:nowrap;pointer-events:none;z-index:10}[data-compact=true] .controls{background:0 0;border-top:none}[data-compact=true] .carousel{background:0 0;border-top:none;position:relative;z-index:10}[data-compact=true] .carousel-arrow{display:none}[data-compact=true] .app-footer{background:0 0;border-top:none;overflow:hidden}[data-compact=true] .viz-area{gap:10px;padding-bottom:2px;padding-top:4px}[data-compact=true] .slider-group{gap:6px;border-color:var(--border);padding:6px 8px;background:var(--bg3)}[data-compact=true] #volumeGroup{border-color:var(--border);background:var(--bg3)}[data-compact=true] .group-expand:not(#volumeGroup .group-expand){max-width:none!important;opacity:1!important;overflow:visible}[data-compact=true] .group-expand-handle{display:none!important}.controls{grid-area:ctrl;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--bg2);border-top:1px solid var(--border);flex-wrap:wrap;z-index:10}@property --btn-mix{syntax:'<number>';inherits:true;initial-value:0}.btn-play{width:60px;height:60px;border:none;border-radius:50%;font-size:15px;font-weight:800;letter-spacing:1px;cursor:pointer;background:linear-gradient(145deg,color-mix(in srgb,color-mix(in srgb,var(--tek) calc(var(--btn-mix) * 100%),var(--dum)) 85%,#fff),color-mix(in srgb,var(--tek) calc(var(--btn-mix) * 100%),var(--dum)));color:#fff;transition:--btn-mix var(--btn-trans,400ms) ease var(--btn-delay,0ms),transform .15s ease;position:relative;z-index:20;box-shadow:0 4px 14px color-mix(in srgb,color-mix(in srgb,var(--tek) calc(var(--btn-mix) * 100%),var(--dum)) 40%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 20%,transparent);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-play:active{transform:scale(.92);box-shadow:0 1px 4px color-mix(in srgb,color-mix(in srgb,var(--tek) calc(var(--btn-mix) * 100%),var(--dum)) 30%,transparent),inset 0 2px 6px rgba(0,0,0,.15)}[data-playing=false] .btn-play{animation:vur-breathe 2.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes vur-breathe{0%,100%{transform:scale(1)}55%{transform:scale(1.22)}}[data-playing=true] .btn-play{animation:none}body[data-landing] .btn-play{animation:none}body[data-landing] .btn-play.vur-bpm-pulse{animation:bpm-pulse .25s ease-out}@keyframes btn-count-pop{0%{transform:scale(.55);opacity:0;letter-spacing:3px}40%{transform:scale(1.22);opacity:1;letter-spacing:2px}100%{transform:scale(1);opacity:1;letter-spacing:1px}}.btn-play.btn-count,[data-playing=true] .btn-play.btn-count{animation:btn-count-pop var(--count-dur,420ms) cubic-bezier(.34,1.56,.64,1) both}.render-row,.slider-group{position:relative}.slider-group{display:flex;align-items:center;gap:0;font-size:12px;color:var(--text2);border:1px solid transparent;border-radius:8px;padding:0;background:0 0;transition:border-color .25s,background .25s,padding .25s,gap .25s}.slider-group.open{gap:6px;border-color:var(--border);padding:6px 8px;background:var(--bg3)}#bpmGroup.open,#tekGroup.open{padding-right:22px}#dumGroup.open{padding-left:22px}.group-expand{display:flex;align-items:center;gap:6px;overflow:hidden;max-width:0;opacity:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;white-space:nowrap}.render-row.open .group-expand,.slider-group.open .group-expand{max-width:170px;opacity:1}#volumeGroup .group-expand{transition:max-width .15s cubic-bezier(.4,0,.2,1),opacity .1s ease}#volumeGroup.open .group-expand{max-width:400px;padding-right:6px}.kanun-mixer-stack{display:flex;flex-direction:column;gap:3px}.kanun-mixer-row{display:flex;align-items:center;gap:6px}.kanun-mixer-label{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:13px;line-height:1;flex-shrink:0;color:color-mix(in srgb,var(--text) 72%,transparent);user-select:none}.kanun-mixer-row input[type=range]{width:118px}.kudum-mono-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:18px;padding:0;margin-left:2px;font-family:inherit;font-size:9px;font-weight:700;line-height:1;letter-spacing:.4px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:color-mix(in srgb,var(--text) 72%,transparent);cursor:pointer;outline:0;user-select:none;transition:border-color .12s,background .12s,color .12s}.kudum-mono-toggle:hover{border-color:var(--text3);color:var(--text)}.kudum-mono-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--tek) 22%,var(--bg3));border-color:var(--tek);color:var(--tek)}.countin-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;font-family:inherit;font-size:10px;font-weight:700;line-height:1;letter-spacing:.4px;background:0 0;border:none;color:color-mix(in srgb,var(--text) 72%,transparent);cursor:pointer;outline:0;user-select:none;z-index:21;transition:color .12s,opacity .25s}.countin-toggle .countin-label{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--bg3);border:1.2px solid var(--border);border-radius:50%;transition:border-color .12s,background .12s}.countin-toggle:hover{color:var(--text)}.countin-toggle:hover .countin-label{border-color:var(--text3)}.countin-toggle[aria-pressed=false]{color:color-mix(in srgb,var(--text) 50%,transparent)}.countin-toggle[aria-pressed=false] .countin-label{border-style:dashed;opacity:.6}.countin-toggle[aria-pressed=false]:hover{color:var(--text)}.countin-toggle[aria-pressed=false]:hover .countin-label{opacity:1;border-color:var(--text3)}body:not([data-compact=true]) #countInToggle{grid-area:ctrl;justify-self:center;align-self:center;transform:translate(51px,22px)}[data-compact=true] #countInToggle{grid-area:vur;justify-self:center;align-self:center;transform:translate(51px,22px)}body[data-playing=true] #countInToggle{visibility:hidden;pointer-events:none}.hihat-knob-wrap{z-index:21}body:not([data-compact=true]) #hihatKnobWrap{grid-area:ctrl;justify-self:center;align-self:center;transform:translate(-51px,22px)}[data-compact=true] #hihatKnobWrap{grid-area:vur;justify-self:center;align-self:center;transform:translate(-51px,22px)}.instr-knob.hihat-toggle .knob-ring{inset:8px}.instr-knob.hihat-toggle .knob-icon{width:22px;height:22px;font-size:0;padding:0}.instr-knob.hihat-toggle .hihat-svg{width:16px;height:16px;display:block;color:var(--text)}.hihat-toggle .hihat-svg .d{fill:currentColor;opacity:0;transition:opacity .14s ease}.hihat-toggle[data-state="1"] .hihat-svg .s1,.hihat-toggle[data-state="2"] .hihat-svg .s1,.hihat-toggle[data-state="2"] .hihat-svg .s2,.hihat-toggle[data-state="3"] .hihat-svg .s1,.hihat-toggle[data-state="3"] .hihat-svg .s2,.hihat-toggle[data-state="3"] .hihat-svg .s3,.hihat-toggle[data-state="4"] .hihat-svg .d{opacity:1}.hihat-toggle[data-state="0"] .knob-ring{opacity:0}.hihat-toggle[data-state="0"] .knob-icon{opacity:.7;border-style:dashed}.hihat-toggle[data-state="0"] .hihat-svg .d{opacity:.25}.hihat-toggle[data-state="0"]:hover .knob-icon{opacity:1;border-color:var(--text3)}.hihat-toggle[data-state="0"]:hover .hihat-svg .d{opacity:.55}.boot-icon-hidden{opacity:0!important;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.kanun-mixer-row--master{margin-top:4px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--text) 40%,transparent)}#volumeGroup .ahenk-pick{align-self:flex-end}.ahenk-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:150px;height:24px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;outline:0;white-space:nowrap;transition:border-color .15s}.ahenk-pick:hover{border-color:var(--text3)}.ahenk-pick[aria-expanded=true]{border-color:var(--tek)}.ahenk-pick-name{font-weight:700}.ahenk-pick-sep{opacity:.45;font-weight:400;padding:0 1px}.ahenk-pick-pitch{font-weight:700;color:var(--tek);letter-spacing:.2px}.ahenk-menu{position:absolute;bottom:calc(100% + 6px);min-width:162px;max-height:220px;overflow-y:auto;overflow-x:hidden;background:color-mix(in srgb,var(--bg3) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:8px;padding:4px 0 0;z-index:40;box-shadow:0 4px 14px color-mix(in srgb,#000 22%,transparent),0 1px 0 color-mix(in srgb,#fff 4%,transparent) inset;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 34%,transparent) transparent}.ahenk-menu[hidden]{display:none}.ahenk-menu::-webkit-scrollbar{width:8px;background:0 0}.ahenk-menu::-webkit-scrollbar-track{background:0 0}.ahenk-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 34%,transparent);border-radius:4px}.ahenk-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text) 55%,transparent)}.ahenk-menu-header{position:sticky;bottom:0;top:auto;z-index:2;display:grid;grid-template-columns:1fr auto;gap:12px;padding:6px 12px;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb,var(--text) 45%,transparent);background:color-mix(in srgb,var(--bg3) 96%,transparent);border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);margin-top:3px}.ahenk-menu-header .ahenk-col-pitch{text-align:right}.ahenk-menu-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%;padding:5px 12px;font:inherit;font-size:12px;font-weight:600;background:0 0;border:0;cursor:pointer;line-height:1.2;color:color-mix(in srgb,var(--text) 72%,transparent);text-align:left}.ahenk-menu-item:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.ahenk-menu-item .ahenk-item-pitch{color:color-mix(in srgb,var(--text) 55%,transparent);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;min-width:58px}.ahenk-menu-item[aria-selected=true]{color:var(--text);font-weight:800;background:color-mix(in srgb,var(--tek) 10%,transparent)}.ahenk-menu-item[aria-selected=true] .ahenk-item-pitch{color:var(--tek)}#renderPanel.open .group-expand{max-width:110px}.group-expand-handle{position:absolute;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:0;color:var(--text3);cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s,background .2s;border-radius:4px}.render-row.open>.group-expand-handle,.slider-group.open>.group-expand-handle{opacity:.6;pointer-events:auto;background:color-mix(in srgb,var(--text3) 10%,transparent)}.group-expand-handle:hover{opacity:1!important;background:color-mix(in srgb,var(--text3) 20%,transparent)!important}.group-expand-handle:active{opacity:1!important;background:color-mix(in srgb,var(--text3) 30%,transparent)!important}[data-expand=rtl]>.group-expand-handle{left:0}[data-expand=ltr]>.group-expand-handle{right:0}#bpmGroup>.group-expand-handle,#tekGroup>.group-expand-handle{left:auto;right:0}#dumGroup>.group-expand-handle{right:auto;left:0}.group-expand-handle svg{width:10px;height:100%;max-height:48px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.slider-group label{width:62px;text-align:right;flex-shrink:0}.slider-group label.mute-label{width:34px;min-width:34px}.icon-group{position:relative}.group-icon{font-size:18px;flex-shrink:0;cursor:pointer;width:34px;height:34px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);background:var(--bg3);color:var(--text);transition:border-color .15s,background .15s,transform .1s;position:relative;z-index:3}.group-icon:hover{border-color:inherit;background:var(--bg3)}.group-icon:active{transform:scale(.92)}@keyframes bpm-pulse{0%{transform:scale(1)}15%{transform:scale(1.35)}100%{transform:scale(1)}}#bpmIcon.pulse{animation:bpm-pulse .25s ease-out}@keyframes btn-beat-pulse{0%{transform:scale(1)}18%{transform:scale(1.14)}100%{transform:scale(1)}}.btn-play.beat-pulse,[data-playing=true] .btn-play.beat-pulse{animation:btn-beat-pulse .32s ease-out}@keyframes btn-beat-pulse-strong{0%{transform:scale(1)}15%{transform:scale(1.24)}100%{transform:scale(1)}}.btn-play.beat-pulse-strong,[data-playing=true] .btn-play.beat-pulse-strong{animation:btn-beat-pulse-strong .32s cubic-bezier(.22,1,.36,1)}@keyframes mute-pulse{0%{transform:scale(1);opacity:1}15%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}.mute-label.pulse{animation:mute-pulse .2s ease-out}@keyframes ring-pulse{0%{transform:scale(1)}15%{transform:scale(var(--pulse-scale,1.04))}100%{transform:scale(1)}}.viz-container.ring-pulse{animation:ring-pulse var(--pulse-dur,.25s) ease-out}.slider-group input[type=range]{-webkit-appearance:none;appearance:none;width:126px;height:6px;background:var(--ctrl-track);border-radius:3px;outline:0;cursor:pointer}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ctrl-thumb);cursor:pointer}.slider-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:var(--ctrl-thumb);cursor:pointer}#bpmGroup,#dumGroup,#tekGroup{padding:6px 8px;gap:6px}.spinbox-wrap{position:relative;display:inline-flex;align-items:center}.spinbox{width:58px;padding:2px 26px 2px 4px;font-size:12px;text-align:center;background:var(--ctrl-bg);color:var(--text);border:1px solid var(--border);border-radius:4px}#dumGroup .spinbox,#tekGroup .spinbox{padding-left:0;padding-right:21px}#bpmGroup .spinbox{padding-left:0}.spinbox::-webkit-inner-spin-button,.spinbox::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spinbox{-moz-appearance:textfield}.spinbox-unit{position:absolute;right:5px;font-size:11px;font-weight:600;color:var(--text2);pointer-events:none}#dumGroup .spinbox-unit,#tekGroup .spinbox-unit{right:auto;left:35px}.bpm-step-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:var(--bg3);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.bpm-step-btn:active{background:var(--ctrl-track)}.repeat-step-btn{width:22px;height:22px;font-size:13px}[data-compact=true] .repeat-step-btn{width:32px;height:32px;font-size:15px}.vreel{touch-action:none;user-select:none;cursor:ns-resize;width:56px}.vreel .spinbox{display:none}.vreel-window{width:30px;height:48px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 2%,black 28%,black 72%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 2%,black 28%,black 72%,transparent 98%)}.vreel-reel{position:relative;height:48px;will-change:transform}.vreel-cell{height:16px;line-height:16px;text-align:center;font-size:12px;color:var(--text3);white-space:nowrap;width:30px;position:absolute;top:16px;left:0}.vreel .spinbox-unit{position:static;right:auto;left:auto;margin-left:2px;text-align:left}.vreel-edit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:22px;box-sizing:border-box;text-align:center;font-size:15px;font-weight:700;background:var(--bg);border:1px solid var(--tek);border-radius:4px;color:var(--text);outline:0;z-index:2;padding:0;font-family:inherit;-moz-appearance:textfield}.vreel-edit::-webkit-inner-spin-button,.vreel-edit::-webkit-outer-spin-button{-webkit-appearance:none}#dumGroup .vreel,#tekGroup .vreel{width:82px}#dumGroup .vreel-window,#tekGroup .vreel-window{width:56px}#dumGroup .vreel-cell,#tekGroup .vreel-cell{width:56px}#dumGroup .vreel-edit,#tekGroup .vreel-edit{width:56px}.pitch-pick-wrap{position:relative;display:inline-flex;align-items:center}.pitch-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:30px;height:22px;padding:0 6px;text-align:center;font-family:inherit;font-size:12px;font-weight:700;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;outline:0;line-height:1;white-space:nowrap}.pitch-pick:hover{border-color:var(--text3)}.pitch-pick[aria-expanded=true]{border-color:var(--tek)}.pitch-menu{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);min-width:72px;max-height:180px;overflow-y:auto;overflow-x:hidden;background:color-mix(in srgb,var(--bg3) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:6px;padding:2px 0;z-index:40;display:flex;flex-direction:column;box-shadow:0 4px 14px color-mix(in srgb,#000 22%,transparent),0 1px 0 color-mix(in srgb,#fff 4%,transparent) inset;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 34%,transparent) transparent}.pitch-menu[hidden]{display:none}.pitch-menu-item{font:inherit;font-size:12px;font-weight:700;white-space:nowrap;padding:3px 10px;text-align:center;cursor:pointer;color:color-mix(in srgb,var(--text) 70%,transparent);background:0 0;border:0;line-height:1.2}.pitch-menu-item:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.pitch-menu-item[aria-selected=true]{color:var(--text);font-weight:800;background:color-mix(in srgb,var(--tek) 10%,transparent)}.pitch-menu::-webkit-scrollbar{width:8px;background:0 0}.pitch-menu::-webkit-scrollbar-track{background:0 0}.pitch-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 34%,transparent);border-radius:4px}.pitch-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text) 55%,transparent)}.pitch-menu::-webkit-scrollbar-button{background:color-mix(in srgb,var(--text) 34%,transparent);height:6px}.pitch-pick-wrap[data-scrollbar=left] .pitch-menu{direction:rtl}.pitch-pick-wrap[data-scrollbar=left] .pitch-menu>*{direction:ltr}#tekPitchMenu .pitch-menu-item{text-align:left}#dumPitchMenu .pitch-menu-item{text-align:right}.mute-label{cursor:pointer;user-select:none;width:34px;height:34px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;letter-spacing:.02em;color:var(--voice-color);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,#fff 28%,transparent),transparent 55%),radial-gradient(circle at 68% 78%,color-mix(in srgb,#000 12%,transparent),transparent 60%),var(--bg3);border:1.5px solid var(--voice-color);box-shadow:inset 0 1px 1px color-mix(in srgb,#fff 45%,transparent),inset 0 -1.5px 2px color-mix(in srgb,#000 16%,transparent),0 1px 2px color-mix(in srgb,#000 22%,transparent);position:relative;z-index:3;transition:transform .1s,box-shadow .15s,color .2s,border-color .2s,background .2s}.mute-label[data-voice=dum]{--voice-color:var(--dum)}.mute-label[data-voice=tek]{--voice-color:var(--tek)}.mute-label:hover{box-shadow:inset 0 1px 1px color-mix(in srgb,#fff 55%,transparent),inset 0 -1.5px 2px color-mix(in srgb,#000 18%,transparent),0 2px 6px color-mix(in srgb,var(--voice-color) 35%,transparent)}.mute-label:active{transform:scale(.93)}.mute-label:focus-visible{outline:2px solid var(--voice-color);outline-offset:3px}.mute-label[aria-pressed=true]{color:color-mix(in srgb,var(--voice-color) 40%,var(--bg));border-color:color-mix(in srgb,var(--voice-color) 38%,transparent);background:var(--bg2);box-shadow:inset 0 1px 1px color-mix(in srgb,#fff 18%,transparent),inset 0 0 0 1px color-mix(in srgb,#000 5%,transparent)}.mute-label[aria-pressed=true]::before{content:"";position:absolute;left:50%;top:50%;width:74%;height:2px;border-radius:2px;background:color-mix(in srgb,var(--voice-color) 75%,transparent);transform:translate(-50%,-50%) rotate(-28deg);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--bg) 80%,transparent);pointer-events:none}.mode-group{display:flex;align-items:center;gap:6px}.disk-btn,.palette-btn,.theme-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--bg3);color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.btn-save::after,.disk-btn::after,.group-icon::after,.mute-label::after,.palette-btn::after,.theme-btn::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%}.disk-btn[aria-pressed=true]{border-color:var(--dum);color:var(--dum)}.palette-btn[aria-pressed=true]{border-color:var(--text);color:var(--text)}.disk-icon,.palette-icon,.theme-icon{display:block;width:16px;height:16px;flex-shrink:0}.palette-icon,.theme-icon--moon{width:22px;height:22px}body[data-theme=dark] .theme-btn .theme-icon--moon,body[data-theme=light] .theme-btn .theme-icon--sun{display:none}.palette-btn .palette-icon{display:none}body[data-palette=color][data-piece-loaded=true] .palette-btn .palette-icon--flat{display:block}body[data-palette=color]:not([data-piece-loaded=true]) .palette-btn .palette-icon--gray-wheel{display:block}body[data-palette=flat] .palette-btn .palette-icon--gray{display:block}body[data-palette=gray] .palette-btn .palette-icon--color{display:block}.disk-icon{transform-origin:center}@keyframes disk-idle-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.disk-btn[aria-pressed=false] .disk-icon{animation:disk-idle-spin 3.2s linear infinite}body[data-compact=true][data-playing=true] .disk-btn[aria-pressed=false] .disk-icon{animation:none}#segmentRing{transform-origin:center}.hand-guide{display:flex;align-items:flex-start;justify-content:center;padding:12px 0;transition:opacity .4s}.hand-guide--left{grid-area:lh}.hand-guide--right{grid-area:rh}[data-playing=false] .hand-guide{opacity:.15}.hand-bar{width:10px;height:100%;border-radius:5px;transform-origin:top;transform:scaleY(0);transition:transform .06s ease-out}.hand-guide--left .hand-bar{background:var(--tek)}.hand-guide--right .hand-bar{background:var(--dum)}.viz-area{grid-area:viz;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;min-height:0;min-width:0;padding:8px;padding-bottom:16px;gap:16px;overflow:hidden}.viz-container{position:relative;width:min(90%,50vh);aspect-ratio:1;flex-shrink:1;min-height:0;min-width:0}body[data-piece-loaded=true] .viz-container{flex-shrink:0}.segment-ring,.sweep-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.sweep-canvas{pointer-events:none}[data-playing=false] .sweep-canvas{opacity:0;transition:opacity .1s linear}[data-playing=true] .sweep-canvas{opacity:1;transition:opacity .15s}.segment-ring{transform-origin:center;will-change:transform}[data-playing=false] .seg-path{cursor:pointer}[data-playing=false] .seg-path:hover{filter:brightness(1.25)}[data-playing=false] .seg-path:active{filter:brightness(.85)}.seg-locked{pointer-events:none}.segment path{transition:filter .15s ease-out,opacity .15s ease-out;stroke:none}.seg-path{will-change:transform,filter}.beat-info{width:100%;max-width:calc(100% - 32px);text-align:center;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:2px;justify-content:flex-end;overflow:hidden;z-index:5;flex-shrink:0;min-height:52px}.beat-info:has(.fitted){justify-content:flex-end}.beat-labels{white-space:nowrap;line-height:1.3;font-weight:600;display:flex;gap:0;justify-content:center}.beat-labels.marquee{justify-content:flex-start;position:relative}.beat-labels.fitted{white-space:normal;flex-wrap:wrap;justify-content:flex-start;display:-webkit-inline-box;display:inline-flex;flex-wrap:wrap}.beat-labels span{transition:background .08s,color .08s;padding:1px 3px;border-radius:3px}.beat-labels span.active{background:var(--active-bg);color:var(--bg)!important}.beat-labels .sep{color:var(--text3);padding:0;font-weight:400}.beat-labels .sep-dash{padding:0 1px}.beat-info:has(.aligned),body:not([data-compact=true]) .beat-info:has(.marquee){margin-top:-12px;min-height:auto;justify-content:flex-start;padding-top:0}body:not([data-compact=true]) .beat-labels.marquee{height:24px}.beat-labels.aligned{position:relative;white-space:normal;height:24px;width:100%}.beat-labels.aligned>.sep{display:none}.beat-labels.aligned>span[style*=position]{white-space:nowrap}.beat-labels.aligned .sep-dash{position:absolute;transform:translateX(-50%)}.carousel{grid-area:car;display:flex;align-items:center;justify-content:center;background:var(--bg2);border-top:1px solid var(--border);padding:2px 0;gap:0;height:44px}.carousel-inner{display:flex;align-items:center;justify-content:center;width:min(100%,780px);height:100%}.carousel-arrow{width:40px;height:100%;border:none;background:0 0;color:var(--text3);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .15s,transform .1s}.carousel-arrow:hover{color:var(--text)}.carousel-arrow:active{transform:scale(.9)}.carousel-arrow svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.carousel-arrow svg polyline{opacity:.32;animation:carChev 1.8s ease-in-out infinite}.carousel-arrow svg .c-front{animation-delay:.22s}#carPrev svg{animation:carBobLeft 1.8s ease-in-out infinite}#carNext svg{animation:carBobRight 1.8s ease-in-out infinite}.carousel-arrow:hover svg{animation:none;transform:none}.carousel-arrow:hover svg polyline{animation:none;opacity:1}@keyframes carChev{0%,100%,55%{opacity:.32}22%{opacity:1}}@keyframes carBobRight{0%,100%{transform:translateX(-1px)}50%{transform:translateX(2px)}}@keyframes carBobLeft{0%,100%{transform:translateX(1px)}50%{transform:translateX(-2px)}}@media (prefers-reduced-motion:reduce){.carousel-arrow svg,.carousel-arrow svg polyline{animation:none}.carousel-arrow svg polyline{opacity:.7}}.carousel-track{position:relative;display:flex;align-items:center;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(to right,transparent 2%,black 20%,black 80%,transparent 98%);mask-image:linear-gradient(to right,transparent 2%,black 20%,black 80%,transparent 98%)}.carousel-track.dragging{cursor:grabbing}.car-reel{display:flex;align-items:center;gap:30px;position:absolute;left:50%;will-change:transform}.car-item{white-space:nowrap;cursor:pointer;flex-shrink:0;will-change:transform,opacity;position:relative;line-height:1;font-size:14px;font-weight:600;color:var(--text2)}.car-item .car-units{position:absolute;left:100%;top:0;margin-left:1px;font-size:9px;font-weight:700;opacity:.5}@keyframes menuIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes menuOut{from{opacity:1;translate:0 0}to{opacity:0;translate:0 10px}}@keyframes togglePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}[data-compact=true] #footerToggle:not([data-touched]){animation:togglePulse 2.4s ease-in-out infinite}[data-compact=true] .controls-panel.entering .slider-group{animation:menuIn .28s ease-out both}[data-compact=true] .controls-panel.entering #tekGroup{animation-delay:0s}[data-compact=true] .controls-panel.entering #dumGroup{animation-delay:.05s}[data-compact=true] .controls-panel.entering #bpmGroup{animation-delay:.1s}[data-compact=true] .controls-panel.entering #volumeGroup{animation-delay:.15s}[data-compact=true] .controls-panel.exiting .slider-group{animation:menuOut .2s ease-in both}[data-compact=true] .controls-panel.exiting #volumeGroup{animation-delay:0s}[data-compact=true] .controls-panel.exiting #bpmGroup{animation-delay:.04s}[data-compact=true] .controls-panel.exiting #dumGroup{animation-delay:.08s}[data-compact=true] .controls-panel.exiting #tekGroup{animation-delay:.12s}[data-compact=true] #renderPanel.entering{animation:menuIn .25s ease-out both}[data-compact=true] .mode-group.entering{animation:menuIn .25s ease-out both;animation-delay:.06s}[data-compact=true] #renderPanel.exiting{animation:menuOut .18s ease-in both}[data-compact=true] .mode-group.exiting{animation:menuOut .18s ease-in both}.app-footer{grid-area:foot;padding:6px 14px;background:var(--bg2);border-top:1px solid var(--border);font-size:14px;color:var(--text3);display:flex;align-items:center;justify-content:center;gap:6px;position:relative;min-height:53px}.footer-left{position:absolute;left:14px;bottom:6px;white-space:nowrap}.footer-center{display:flex;align-items:center;gap:8px}.footer-right{position:absolute;right:14px;bottom:6px;white-space:nowrap;display:inline-flex;align-items:center;gap:14px}.footer-left a{color:var(--dum);text-decoration:none}.footer-left a:hover{text-decoration:underline}.footer-left a:active{color:var(--tek)}.footer-center{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.render-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;order:-1}body:not([data-compact=true]) #renderPanel{padding:0;gap:0;border:none;border-radius:8px;background:0 0}body:not([data-compact=true]) #renderPanel.open{padding:6px 8px;padding-right:22px;gap:6px;border:1px solid color-mix(in srgb,var(--border) 33%,transparent);background:color-mix(in srgb,var(--bg3) 33%,transparent)}body:not([data-compact=true]) #renderPanel.open>.group-expand-handle{opacity:.2}body:not([data-compact=true]) #renderPanel>.group-expand-handle{left:auto;right:0}#repeatCount{width:42px;padding-right:14px;padding-left:2px}#renderPanel .spinbox-unit{right:4px;font-size:15px;color:var(--text)}.btn-save{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--bg3);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,transform .1s;padding:0;position:relative;z-index:3}.btn-save:hover{border-color:inherit;background:var(--bg3)}.btn-save:active{transform:scale(.92)}.btn-save svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.render-status{font-size:11px;color:var(--text2)}.render-status:empty{display:none}@keyframes status-fade{0%,20%{opacity:1}50%{opacity:.6}100%{opacity:0}}.render-status.fading{animation:status-fade 10s ease-out forwards}.footer-right{white-space:nowrap}.footer-right a{color:var(--tek);text-decoration:none}.footer-right a:hover{text-decoration:underline}.footer-right a:active{color:var(--dum)}.feedback-btn{background:0 0;border:none;padding:0;color:var(--tek);cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:4px;vertical-align:baseline}.feedback-btn svg{flex-shrink:0;vertical-align:-1px}.feedback-btn:hover{text-decoration:underline}.feedback-btn:active{color:var(--dum)}.notation-row{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:100%;max-width:calc(100% - 32px)}#notationDisplay{width:100%;display:flex;align-items:center;justify-content:center}#notationDisplay svg{display:block}[data-theme=dark] #notationDisplay svg{filter:invert(1)}#noteHl{transition:x .08s ease-out,width .08s ease-out,opacity .12s ease-out}#pieceHl{transition:x .08s ease-out,width .08s ease-out,y .08s ease-out,height .08s ease-out,opacity .12s ease-out}.notation-speeds{display:flex;gap:2px}.notation-speeds button{border:1px solid var(--border);border-radius:4px;background:var(--bg3);color:var(--text2);padding:2px 4px;cursor:pointer;line-height:1;transition:border-color .15s,background .15s;display:flex;align-items:center;justify-content:center}.notation-speeds button svg{height:22px;width:auto}.notation-speeds button.active{border-color:var(--tek);background:var(--bg2);color:var(--text)}#pieceImportBtn{border:1px dashed var(--border);border-radius:6px;background:var(--bg3);color:var(--text2);padding:4px 14px;cursor:pointer;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:inline-flex;align-items:center;gap:5px}#pieceImportBtn:hover{border-color:var(--tek);color:var(--text);background:var(--bg2)}.piece-import-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}#corpusBrowseBtn{border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--text);padding:4px 14px;cursor:pointer;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:inline-flex;align-items:center;gap:5px}#corpusBrowseBtn:hover{border-color:var(--tek);background:var(--bg3)}#pieceDisplay{width:100%;display:flex;align-items:flex-start;justify-content:center}#pieceDisplay svg{display:block}[data-theme=dark] #pieceDisplay svg{filter:invert(1)}#pieceDisplay.piece-display--scrollable{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 50%,transparent) transparent;scroll-behavior:smooth;outline:0;--piece-fade-top:transparent 0,#000 32px;--piece-fade-bot:#000 calc(100% - 32px),transparent 100%;-webkit-mask-image:linear-gradient(to bottom,var(--piece-fade-top),var(--piece-fade-bot));mask-image:linear-gradient(to bottom,var(--piece-fade-top),var(--piece-fade-bot))}#pieceDisplay.piece-display--scrollable.scroll-at-top{--piece-fade-top:#000 0,#000 32px}#pieceDisplay.piece-display--scrollable.scroll-at-bottom{--piece-fade-bot:#000 calc(100% - 32px),#000 100%}#pieceDisplay.piece-display--scrollable::-webkit-scrollbar{width:8px;background:0 0}#pieceDisplay.piece-display--scrollable::-webkit-scrollbar-track{background:0 0}#pieceDisplay.piece-display--scrollable::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 50%,transparent);border-radius:4px}#pieceError{color:#c44;font-size:12px;text-align:center;display:none}.piece-row{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:100%;max-width:calc(100% - 32px)}[data-compact=true] .piece-row{display:none}@media (max-width:1439px){.piece-row{display:none}}.speeds-locked{pointer-events:none;opacity:.5}body:not([data-compact=true]) #notationSpeeds.speeds-locked{visibility:hidden}.perde-tooltip{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;padding:4px 8px;border-radius:4px;background:var(--bg3);color:var(--text);border:1px solid var(--border);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.25);opacity:0;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}.perde-tooltip.visible{opacity:1;transform:translateY(0)}@keyframes perdeMatchHaloPulse{0%,100%{opacity:.5}50%{opacity:.95}}@keyframes perdeMatchRingPulse{0%,100%{opacity:.85}50%{opacity:1}}@keyframes perdeMatchFadeIn{from{opacity:0}to{opacity:1}}#perdeMatchLayer{pointer-events:none}#perdeMatchLayer .perde-match-halo{animation:perdeMatchHaloPulse 1.4s ease-in-out infinite,perdeMatchFadeIn .18s ease-out both}#perdeMatchLayer .perde-match-ring{animation:perdeMatchRingPulse 1.4s ease-in-out infinite,perdeMatchFadeIn .18s ease-out both}.piece-ctrl-row{position:absolute;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1477.55px);height:44px;display:none;pointer-events:none;z-index:4;background:0 0}body:not([data-compact=true]) .piece-ctrl-row.active{display:block}.piece-ctrl-row .piece-ctrl-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:0 0;pointer-events:auto}body[data-playing=true] .piece-ctrl-row .piece-ctrl-group{visibility:hidden;pointer-events:none}#preUsulGroup{display:grid;grid-template-columns:1fr auto 1fr;column-gap:3px;align-items:center;width:140px}#preUsulGroup .spinbox-wrap{justify-self:end}#preUsulGroup .pre-usul-x{justify-self:center;font-size:15px;font-weight:500;color:var(--text);line-height:1;pointer-events:none}#preUsulGroup .pre-usul-label{justify-self:start}.piece-ctrl-row #preUsulCount{width:32px;padding:2px 3px;text-align:right}#preUsulGroup .vreel{width:30px}#preUsulGroup .vreel-cell{text-align:right;padding-right:3px;box-sizing:border-box}.pre-usul-label{font-size:12px;font-weight:600;color:var(--text2);letter-spacing:.02em;text-align:left}.piece-select-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1.2px solid var(--text2);border-radius:8px;background:0 0;color:var(--text);cursor:pointer;pointer-events:auto;transition:background .12s,border-color .12s,color .12s,opacity .12s}.piece-select-btn svg{width:18px;height:18px}.piece-select-btn:hover{border-color:var(--text);background:var(--bg2)}.piece-select-btn[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}body[data-playing=true] .piece-ctrl-row .piece-select-btn{opacity:.55;pointer-events:none;cursor:default}.piece-ctrl-row .piece-usul-name{position:absolute;left:48px;top:50%;transform:translateY(-50%);display:none;font-size:14px;font-weight:600;color:var(--text2);white-space:nowrap;pointer-events:none;letter-spacing:.01em}body:not([data-compact=true])[data-piece-loaded=true] .piece-ctrl-row .piece-usul-name{display:inline-flex;align-items:center}body[data-piece-loaded=true] .carousel{visibility:hidden}.piece-knob-stack{position:absolute;right:156px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;pointer-events:auto}.instr-knob{-webkit-appearance:none;appearance:none;position:relative;width:48px;height:48px;padding:0;margin:0;border:none;border-radius:50%;background:0 0;cursor:pointer;outline:0;touch-action:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.instr-knob .knob-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 220deg,color-mix(in srgb,var(--tek) calc((1 - var(--vol,1)) * 100%),var(--dum)) 0deg,color-mix(in srgb,var(--tek) calc((1 - var(--vol,1)) * 100%),var(--dum)) calc(var(--vol,1) * 280deg),var(--bg2) calc(var(--vol,1) * 280deg),var(--bg2) 280deg,transparent 280deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);transition:opacity .15s ease}.instr-knob .knob-icon{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1;border:1.2px solid var(--border);background:var(--bg3);transition:border-color .12s,background .12s,transform .1s}.instr-knob:hover .knob-icon{border-color:var(--text3)}.instr-knob:active .knob-icon{transform:scale(.92)}.instr-knob.muted .knob-icon{opacity:.45}.instr-knob.dragging{cursor:grabbing}.instr-knob-wrap{position:relative;display:inline-block;width:48px;height:48px}.instr-knob-wrap .kudum-mono-toggle{position:absolute;right:-2px;bottom:-2px;z-index:2;width:20px;height:14px;margin:0;font-size:8px;line-height:1}.piece-ctrl-row .ahenk-pick{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:auto}.piece-ctrl-row .ahenk-menu{z-index:45;pointer-events:auto}body[data-piece-loaded=true] #pieceImportBtn{position:absolute;width:28px;height:28px;padding:0;gap:0;border:1.2px solid var(--text2);border-radius:6px;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:12px;z-index:5;transition:background .12s,border-color .12s,opacity .12s}body[data-piece-loaded=true] #pieceImportBtn:hover{border-color:#c44;background:var(--bg2)}body[data-piece-loaded=true] #corpusBrowseBtn{display:none}body[data-piece-select=true] #preUsulGroup{display:none}body[data-piece-select=true]{cursor:text}body[data-piece-select=true] .btn-play,body[data-piece-select=true] .carousel-track,body[data-piece-select=true] .spinbox,body[data-piece-select=true] .spinbox-wrap,body[data-piece-select=true] a,body[data-piece-select=true] button,body[data-piece-select=true] input[type=range],body[data-piece-select=true] label,body[data-piece-select=true] select{cursor:pointer}body[data-piece-select=true] input[type=number].spinbox{cursor:text}body[data-piece-preview-active=true] #pieceDisplay,body[data-piece-preview-active=true] #pieceDisplay *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M4 11h4l6-5v16l-6-5H4z' fill='black' stroke='black' stroke-width='1' stroke-linejoin='round'/><path d='M18 9c2 1.5 2 8.5 0 10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/><path d='M21 6c3.5 2.5 3.5 13.5 0 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/></svg>") 4 14,progress!important}body[data-theme=dark][data-piece-preview-active=true] #pieceDisplay,body[data-theme=dark][data-piece-preview-active=true] #pieceDisplay *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M4 11h4l6-5v16l-6-5H4z' fill='white' stroke='white' stroke-width='1' stroke-linejoin='round'/><path d='M18 9c2 1.5 2 8.5 0 10' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/><path d='M21 6c3.5 2.5 3.5 13.5 0 16' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/></svg>") 4 14,progress!important}body[data-playing=true][data-piece-loaded=true] #pieceDisplay,body[data-playing=true][data-piece-loaded=true] #pieceDisplay *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><rect x='5' y='5' width='14' height='14' rx='1.5' fill='black'/></svg>") 12 12,pointer!important}body[data-theme=dark][data-playing=true][data-piece-loaded=true] #pieceDisplay,body[data-theme=dark][data-playing=true][data-piece-loaded=true] #pieceDisplay *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><rect x='5' y='5' width='14' height='14' rx='1.5' fill='white'/></svg>") 12 12,pointer!important}body[data-usul-preview-active=true] #notationDisplay,body[data-usul-preview-active=true] #notationDisplay *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M4 11h4l6-5v16l-6-5H4z' fill='black' stroke='black' stroke-width='1' stroke-linejoin='round'/><path d='M18 9c2 1.5 2 8.5 0 10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/><path d='M21 6c3.5 2.5 3.5 13.5 0 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/></svg>") 4 14,progress!important}body[data-theme=dark][data-usul-preview-active=true] #notationDisplay,body[data-theme=dark][data-usul-preview-active=true] #notationDisplay *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M4 11h4l6-5v16l-6-5H4z' fill='white' stroke='white' stroke-width='1' stroke-linejoin='round'/><path d='M18 9c2 1.5 2 8.5 0 10' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/><path d='M21 6c3.5 2.5 3.5 13.5 0 16' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/></svg>") 4 14,progress!important}body:not([data-compact=true]) #volumeGroup{width:auto;min-width:0;height:auto;min-height:0;padding:0;gap:0;overflow:visible}body:not([data-compact=true]) #volumeGroup .group-expand{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);height:48px;box-sizing:border-box;padding:6px 8px;border-radius:8px;background:color-mix(in srgb,var(--bg3) 33%,transparent);border:1px solid color-mix(in srgb,var(--border) 33%,transparent)}body:not([data-compact=true]) #volumeGroup.open{background:0 0;border-color:transparent}body:not([data-compact=true]) #volumeGroup.open .group-expand{z-index:12}body:not([data-compact=true]) #volumeGroup .vol-ring{display:none}body:not([data-compact=true]) #volumeGroup .kanun-mixer-stack{gap:0}body:not([data-compact=true]) #volumeGroup .kanun-mixer-row--master{margin-top:0;padding-top:0;border-top:none}body:not([data-compact=true]) #volumeGroup .kanun-mixer-row input[type=range]{width:140px}body:not([data-compact=true]) #volumeGroup .kanun-mixer-row input[type=range]{height:48px;background:0 0}body:not([data-compact=true]) #volumeGroup .kanun-mixer-row input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--ctrl-track);border-radius:3px}body:not([data-compact=true]) #volumeGroup .kanun-mixer-row input[type=range]::-moz-range-track{height:6px;background:var(--ctrl-track);border-radius:3px}body:not([data-compact=true]) #volumeGroup .kanun-mixer-row input[type=range]::-webkit-slider-thumb{margin-top:-4px}body:not([data-compact=true]) #volumeGroup.open .group-expand{max-width:200px;padding-right:6px}.footer-right{display:none!important}body:not([data-compact=true]) .footer-right{display:inline-flex!important}@media (max-width:1439px){.footer-right{display:none!important}}[data-compact=true] .footer-right{display:inline-flex!important}[data-compact=true] .footer-right a{display:none!important}body[data-landing=true][data-compact=true] .footer-right{visibility:hidden}.footer-right a{display:inline-flex;align-items:center;gap:4px}.folder-icon{vertical-align:-1px;flex-shrink:0}@media (min-width:1000px) and (max-width:1200px) and (pointer:coarse){body:not([data-compact=true]) .piece-row{display:flex}body:not([data-compact=true]) .footer-right{display:inline-flex!important}.car-item{font-size:11px}body:not([data-compact=true])[data-piece-loaded=true] .viz-container{display:none}}@media (min-width:1440px){body:not([data-compact=true]){grid-template-rows:auto 1fr auto;grid-template-areas:"ctrl ctrl ctrl" "lh viz rh" "foot foot foot"}body:not([data-compact=true]) .viz-area{justify-content:flex-start}body:not([data-compact=true]) #dumPitchMenu,body:not([data-compact=true]) #tekPitchMenu{bottom:auto;top:calc(100% + 4px)}body:not([data-compact=true]) #dumPitchMenu{flex-direction:column-reverse}}@media (min-width:1000px) and (max-width:1200px) and (pointer:coarse){body:not([data-compact=true]){grid-template-rows:auto 1fr auto;grid-template-areas:"ctrl ctrl ctrl" "lh viz rh" "foot foot foot"}body:not([data-compact=true]) .viz-area{justify-content:flex-start}body:not([data-compact=true]) #dumPitchMenu,body:not([data-compact=true]) #tekPitchMenu{bottom:auto;top:calc(100% + 4px)}body:not([data-compact=true]) #dumPitchMenu{flex-direction:column-reverse}}[data-compact=true] #volumeGroup #ahenkSelect,[data-compact=true] #volumeGroup .ahenk-menu,[data-compact=true] #volumeGroup .ahenk-pick,[data-compact=true] #volumeGroup .kanun-mixer-stack{display:none!important}body[data-palette=gray]{--dum:#1e1e1e;--tek:#454545;--teke:#5c5c5c;--teka:#515151;--tekka:#3a3a3a;--tahek:#737373;--sweep:rgba(0,0,0,.75);--sweep-glow:rgba(0,0,0,.12)}body[data-palette=gray][data-theme=dark]{--dum:#e6e6e6;--tek:#b8b8b8;--teke:#9e9e9e;--teka:#a1a1a1;--tekka:#c8c8c8;--tahek:#858585;--sweep:rgba(255,255,255,.85);--sweep-glow:rgba(255,255,255,.2)}body[data-palette=gray] #lavaOverlay{opacity:0!important}body:not([data-compact=true]):is([data-palette=gray],[data-palette=flat])[data-piece-loaded=true] .viz-container{display:none}body:not([data-compact=true]):is([data-palette=gray],[data-palette=flat])[data-piece-loaded=true] .piece-ctrl-row .piece-usul-name{display:inline-flex;align-items:center}body:not([data-compact=true]):is([data-palette=gray],[data-palette=flat])[data-piece-loaded=true] .viz-area{justify-content:flex-start}body:not([data-compact=true])[data-piece-loaded=true] .viz-area{justify-content:flex-start}body:not([data-compact=true])[data-piece-loaded=true] .viz-area>.notation-row{margin-top:auto}body:not([data-compact=true])[data-palette=color][data-piece-loaded=true] .viz-area>.viz-container{margin-bottom:8px}body[data-ring-collapsed=true]:not([data-compact=true])[data-piece-loaded=true] .viz-container{display:none}body[data-ring-collapsed=true]:not([data-compact=true])[data-piece-loaded=true] .piece-ctrl-row .piece-usul-name{display:inline-flex;align-items:center}body[data-palette=gray] .btn-play{background:linear-gradient(145deg,color-mix(in srgb,color-mix(in srgb,#fff calc(var(--btn-mix) * 100%),#000) 85%,#fff),color-mix(in srgb,#fff calc(var(--btn-mix) * 100%),#000));color:color-mix(in srgb,#000 calc(var(--btn-mix) * 100%),#fff);box-shadow:0 4px 14px color-mix(in srgb,color-mix(in srgb,#fff calc(var(--btn-mix) * 100%),#000) 40%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 20%,transparent);text-shadow:0 1px 2px rgba(0,0,0,.15)}body[data-palette=gray] .btn-play:active{box-shadow:0 1px 4px color-mix(in srgb,color-mix(in srgb,#fff calc(var(--btn-mix) * 100%),#000) 30%,transparent),inset 0 2px 6px rgba(0,0,0,.15)}body[data-palette=gray] .mute-label[data-voice=dum],body[data-palette=gray] .mute-label[data-voice=tek]{color:var(--text);border-color:color-mix(in srgb,var(--text) 55%,transparent)}body[data-landing]{transition:background-color .85s cubic-bezier(.65, 0, .35, 1),color .85s cubic-bezier(.65, 0, .35, 1),opacity .55s cubic-bezier(.22, 1, .36, 1)}body[data-landing=true][data-landing-stage=liquid]{animation:liquid-wash .85s cubic-bezier(.65,0,.35,1)}@keyframes liquid-wash{0%{filter:brightness(1) saturate(1)}35%{filter:brightness(1.06) saturate(1.08)}100%{filter:brightness(1) saturate(1)}}body[data-landing] *,body[data-landing] ::after,body[data-landing] ::before{pointer-events:none!important}body[data-landing=true] #countInToggle,body[data-landing=true] #hihatKnobWrap,body[data-landing=true] #renderPanel,body[data-landing=true] #toggle,body[data-landing=true] .beat-info,body[data-landing=true] .footer-center,body[data-landing=true] .hand-guide,body[data-landing=true] .notation-row,body[data-landing=true] .piece-ctrl-row,body[data-landing=true] .piece-row,body[data-landing=true] .viz-container,body[data-landing=true] header.controls{visibility:hidden}body[data-landing] #beatLabels,body[data-landing] #notationDisplay,body[data-landing] #pieceDisplay,body[data-landing] #segmentRing,body[data-landing] .knob-ring,body[data-landing] .vol-ring{transition:opacity .42s cubic-bezier(.22,1,.36,1)}body[data-landing] .landing-fading{opacity:0!important}body[data-landing-fadein=true] #countInToggle,body[data-landing-fadein=true] #hihatKnobWrap,body[data-landing-fadein=true] #renderPanel,body[data-landing-fadein=true] #toggle,body[data-landing-fadein=true] .beat-info,body[data-landing-fadein=true] .footer-center,body[data-landing-fadein=true] .hand-guide,body[data-landing-fadein=true] .notation-row,body[data-landing-fadein=true] .piece-ctrl-row,body[data-landing-fadein=true] .piece-row,body[data-landing-fadein=true] .viz-container,body[data-landing-fadein=true] header.controls{animation:landing-fadein .4s ease-out}@keyframes landing-fadein{from{opacity:0}}.corpus-modal{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center}.corpus-modal[hidden]{display:none}.corpus-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);cursor:pointer}[data-theme=light] .corpus-modal-backdrop{background:rgba(0,0,0,.35)}.corpus-modal-dialog{position:relative;z-index:1;width:min(900px,calc(100vw - 24px));max-height:min(85vh,720px);display:flex;flex-direction:column;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}.corpus-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg2)}.corpus-modal-head h2{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0}.corpus-modal-close{width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text2);font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,color .15s}.corpus-modal-close:hover{border-color:#c44;color:var(--text);background:var(--bg2)}.corpus-filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.corpus-filter-row input[type=search],.corpus-filter-row select{flex:1 1 140px;min-width:0;padding:6px 10px;font-size:12px;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:5px;font-family:inherit}.corpus-filter-row input[type=search]:focus,.corpus-filter-row select:focus{outline:0;border-color:var(--tek)}.corpus-filter-row #filterReset{flex:0 0 auto;padding:6px 14px;font-size:12px;cursor:pointer;background:var(--bg2);color:var(--text2);border:1px solid var(--border);border-radius:5px;transition:border-color .15s,color .15s}.corpus-filter-row #filterReset:hover{border-color:var(--tek);color:var(--text)}.corpus-results{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 50%,transparent) transparent}.corpus-results::-webkit-scrollbar{width:8px;background:0 0}.corpus-results::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 50%,transparent);border-radius:4px}.corpus-result{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.corpus-result:last-child{border-bottom:none}.corpus-result:focus,.corpus-result:hover{background:var(--bg2);outline:0}.corpus-result:focus-visible{box-shadow:inset 3px 0 0 var(--tek)}.corpus-result-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.corpus-result-title{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corpus-result-meta{font-size:11px;color:var(--text2);letter-spacing:.02em}.corpus-result-gufte{font-size:12px;color:var(--text2);font-style:italic;margin-top:2px}.corpus-result-guftekar{font-size:11px;color:var(--text2);margin-top:1px}.corpus-result-notes{font-size:10px;color:var(--text3);margin-top:1px}.corpus-result-composer{flex:0 0 auto;font-size:12px;color:var(--text2);text-align:right;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corpus-empty{padding:40px 20px;text-align:center;color:var(--text2);font-size:13px;margin:0}body[data-corpus-open=true]{overflow:hidden}[data-compact=true] .corpus-modal-dialog{width:100vw;max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border:none}[data-compact=true] .corpus-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}[data-compact=true] .corpus-filter-row #filterReset{grid-column:1/-1}[data-compact=true] .corpus-result{padding:10px 14px}[data-compact=true] .corpus-result-composer{max-width:140px;font-size:11px}