.keyboard-panel.svelte-1jffmd{padding-left:env(safe-area-inset-left,0px);padding-right:var(--sr-inset-right,env(safe-area-inset-right,0px));z-index:40;transform:translateY(calc(100% + var(--sr-keyboard-drag,0px)));visibility:hidden;transition:transform .2s ease-out,visibility 0s .2s;position:fixed;left:0;right:0}.keyboard-panel-open.svelte-1jffmd{transform:translateY(var(--sr-keyboard-drag,0px));visibility:visible;transition:transform .2s ease-out,visibility}.keyboard-panel-dragging.svelte-1jffmd{transition:none}@media (width>=64rem) and (pointer:fine){.keyboard-panel.svelte-1jffmd{--sr-bottom-nav-h:0px;left:var(--sr-sidebar-w,0px)}}.close-btn.svelte-1jffmd{color:#8a94a8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.close-btn.svelte-1jffmd:hover,.volume-icon.svelte-1jffmd:hover{color:#fff;background:#303541}.controls-left.svelte-1jffmd{align-items:center;min-width:0;display:flex}.keybind-btn.svelte-1jffmd{color:#8a94a8;cursor:pointer;background:0 0;border:1px solid #414958;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:inline-flex}.keybind-btn.svelte-1jffmd:hover{color:#c4c9d4;border-color:#626d84}.keybind-btn-on.svelte-1jffmd{color:#fff;background:#343a46;border-color:#626d84}.keybind-label.svelte-1jffmd{white-space:nowrap}@media (width<=47.999rem){.keybind-label.svelte-1jffmd{display:none}.keybind-btn.svelte-1jffmd{padding:4px 8px}}.controls-right.svelte-1jffmd{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.keyboard-panel-content.svelte-1jffmd{background:#1a1d23;border-top:1px solid #363d49;padding:8px 0 12px;position:relative;box-shadow:0 -2px 12px #0000002e}:root[data-side-bar=right] .keyboard-panel.svelte-1jffmd{padding-right:0}:root[data-side-bar=right] .keyboard-controls.svelte-1jffmd{padding-right:calc(16px + var(--sr-side-bar-w,0px))}:root[data-side-bar=right] .keyboard-panel-content.svelte-1jffmd:after{content:"";height:env(safe-area-inset-bottom,0px);background:inherit;position:absolute;top:100%;left:0;right:0}.keyboard-grab.svelte-1jffmd{touch-action:none;cursor:grab}.keyboard-grab.svelte-1jffmd:active{cursor:grabbing}.keyboard-grabber.svelte-1jffmd{background:#4a5264;border-radius:9999px;width:36px;height:3px;position:absolute;top:3px;left:50%;translate:-50%}.keyboard-controls.svelte-1jffmd{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 16px 8px;display:grid}.octave-controls.svelte-1jffmd{justify-content:center;align-items:center;gap:16px;display:flex}.octave-btn.svelte-1jffmd{color:#b6bcc9;cursor:pointer;background:#303541;border:1px solid #4c5567;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:flex}.octave-btn.svelte-1jffmd:hover:not(:disabled){color:#fff;background:#3d4452}.octave-btn.svelte-1jffmd:disabled{opacity:.35;cursor:default}.octave-arrow.svelte-1jffmd{font-size:14px}kbd.svelte-1jffmd{background:#414958;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:10px}.volume-control.svelte-1jffmd{align-items:center;gap:6px;display:none}@media (width>=640px){.volume-control.svelte-1jffmd{display:flex}}.volume-icon.svelte-1jffmd{color:#8a94a8;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:-7px -4px -7px -7px;padding:0;display:inline-flex}.volume-slider.svelte-1jffmd{accent-color:#7b879d;cursor:pointer;width:80px;height:4px}.range-label.svelte-1jffmd{color:#8a94a8;text-align:center;min-width:100px;font-size:13px}.keyboard-scroll.svelte-1jffmd{-webkit-overflow-scrolling:touch;padding:0 12px;overflow:auto hidden}.keyboard-scroll.svelte-1jffmd::-webkit-scrollbar{height:6px}.keyboard-scroll.svelte-1jffmd::-webkit-scrollbar-track{background:#21242c}.keyboard-scroll.svelte-1jffmd::-webkit-scrollbar-thumb{background:#414958;border-radius:3px}@media (pointer:coarse){.octave-btn.svelte-1jffmd kbd:where(.svelte-1jffmd){display:none}}@media (orientation:landscape) and (height<=500px){.keyboard-panel-content.svelte-1jffmd{padding-bottom:6px}.keyboard-grab.svelte-1jffmd{padding-top:4px}.keyboard-grabber.svelte-1jffmd{margin-bottom:4px}.keyboard-controls.svelte-1jffmd{padding-bottom:4px}.octave-btn.svelte-1jffmd{padding:2px 10px}}.note-fx-overlay.svelte-zewrr2{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.play-nudge.svelte-85nbck{pointer-events:none;border-radius:9999px;position:absolute;inset:0}.play-nudge.svelte-85nbck:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 10px #dc4a1a8c}@supports (color:color-mix(in lab, red, red)){.play-nudge.svelte-85nbck:after{box-shadow:0 0 0 10px color-mix(in oklab, var(--color-accent) 55%, transparent)}}.play-nudge.svelte-85nbck:after{opacity:0;animation:1.8s ease-out 3 cta-pulse-ring}@media (prefers-reduced-motion:reduce){.play-nudge.svelte-85nbck:after{animation:none}}.dock-placed.svelte-85nbck{--dock-nav-gap:16px}:root[data-side-bar=right] .dock-grip.svelte-85nbck{display:none}@media not all and (width>=48rem),(orientation:landscape) and (height<=30rem){.dock-grip.svelte-85nbck{display:none}.dock-placed.svelte-85nbck{--dock-nav-gap:8px}}