.keyboard-panel.svelte-1jffmd{z-index:40;visibility:hidden;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility 0s .28s;position:fixed;left:0;right:0;transform:translateY(100%)}.keyboard-panel-open.svelte-1jffmd{visibility:visible;transition:transform .42s cubic-bezier(.32,.72,0,1),visibility;transform:translateY(0)}:root[data-motion=reduce] .keyboard-panel.svelte-1jffmd{transition-duration:0s}@media (prefers-reduced-motion:reduce){:root .keyboard-panel.svelte-1jffmd{transition-duration:0s}}.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{padding-block:8px 12px;padding-left:env(safe-area-inset-left,0px);padding-right:var(--sr-inset-right,env(safe-area-inset-right,0px));background:#1a1d23;border-top:1px solid #363d49;position:relative;box-shadow:0 -2px 12px #0000002e}:root[data-side-bar=right] .keyboard-panel-content.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,:root[data-sr-run-focus] .keyboard-panel-content.svelte-1jffmd:after,:root:not([data-sr-app-chrome]) .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}}