[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1);animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform, 100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform, 100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height, 0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height, 0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true]):after{content:"";position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]:after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]:after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]:after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:hover,[data-vaul-handle]:active{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@keyframes fake-animation{}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{0%{transform:translate3d(0,var(--initial-transform, 100%),0)}to{transform:translateZ(0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform, 100%),0)}}@keyframes slideFromTop{0%{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}to{transform:translateZ(0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}}@keyframes slideFromLeft{0%{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}to{transform:translateZ(0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}}@keyframes slideFromRight{0%{transform:translate3d(var(--initial-transform, 100%),0,0)}to{transform:translateZ(0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform, 100%),0,0)}}@media(hover:hover)and (pointer:fine){[data-vaul-drawer]{-webkit-user-select:none!important;user-select:none!important}}@media(pointer:fine){[data-vaul-handle-hitarea]{width:100%;height:100%}}.fretboard.svelte-183o4sz{overflow-x:auto;background:color-mix(in srgb,var(--background) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:8px}.neck.svelte-183o4sz{display:grid;min-width:900px;gap:0}.corner.svelte-183o4sz,.fret-num.svelte-183o4sz{font:600 10px ui-monospace,monospace;color:var(--text-muted);text-align:center;padding-bottom:4px}.fret-num.inlay.svelte-183o4sz{color:var(--ink);font-weight:700}.open.svelte-183o4sz,.cell.svelte-183o4sz{position:relative;height:34px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--border-strong);border-bottom:1px solid var(--border)}.open.svelte-183o4sz{background:var(--panel-2);color:var(--ink);font:700 11px ui-monospace,monospace;border-right:4px solid var(--faint)}.cell.svelte-183o4sz:hover{background:var(--panel-2)}.cell.cursor-string.svelte-183o4sz,.open.cursor-string.svelte-183o4sz{background:var(--accent-soft)}.ghost.svelte-183o4sz{font-size:9px;color:var(--faint)}.note-dot.svelte-183o4sz{width:22px;height:22px;border-radius:50%;color:var(--ink);font:700 10px ui-monospace,monospace;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1)}.dot-bg.inlay-col.svelte-183o4sz{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(24,24,27,.12) 30%,transparent 32%);pointer-events:none}@media(max-width:720px){.open.svelte-183o4sz,.cell.svelte-183o4sz{height:40px}}.piano.svelte-1wpzza9{overflow-x:auto;background:color-mix(in srgb,var(--background) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong)}.keys.svelte-1wpzza9{position:relative;display:flex;height:110px}.white.svelte-1wpzza9{position:relative;height:100%;border:none;border-right:1px solid var(--border-strong);background:var(--paper);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;flex-shrink:0}.white.svelte-1wpzza9:first-child{border-left:1px solid var(--border-strong)}.white.svelte-1wpzza9:hover{background:var(--panel-2)}.white.active.svelte-1wpzza9{background:var(--accent-soft)}.black.svelte-1wpzza9{position:absolute;top:0;width:22px;height:62%;z-index:2;border:none;background:var(--ink);border-radius:0 0 3px 3px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;box-shadow:0 2px 3px #0000004d}.black.svelte-1wpzza9:hover{background:var(--ink-soft)}.black.active.svelte-1wpzza9{background:var(--accent-2)}.ghost.svelte-1wpzza9{font-size:8px;color:var(--faint)}.note-dot.svelte-1wpzza9{width:18px;height:18px;border-radius:50%;color:var(--ink);font:700 8px ui-monospace,monospace;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1)}.black.svelte-1wpzza9 .note-dot:where(.svelte-1wpzza9){color:var(--accent-ink)}@media(max-width:720px){.keys.svelte-1wpzza9{height:130px}}.key-input.svelte-1gqmrpj{background:color-mix(in srgb,var(--background) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.key-input--floating.svelte-1gqmrpj{position:fixed;left:1rem;top:1rem;z-index:50;width:min(640px,92vw);max-height:calc(100dvh - 2rem);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 24px #00000024}.key-input-body.svelte-1gqmrpj{flex:1;overflow:auto;padding:8px 10px}.keypad.svelte-1gqmrpj{max-width:600px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.key.svelte-1gqmrpj{min-height:44px;font-size:17px;font-weight:600;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:linear-gradient(to bottom,#fff,#f5f5f4);color:var(--ink);cursor:pointer}.key.svelte-1gqmrpj:active{background:var(--panel-2)}.key.wide.svelte-1gqmrpj{background:var(--ink);color:var(--accent-ink);border-color:var(--ink)}.banner.svelte-63fwg0{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px;background:var(--ink);color:var(--accent-ink);font-size:12px;font-weight:600}.banner.error.svelte-63fwg0,.banner.warn.svelte-63fwg0{background:var(--brick)}.banner.mark.svelte-63fwg0{background:color-mix(in srgb,var(--primary) 85%,transparent)}.mark-chip.svelte-63fwg0{display:inline-flex;align-items:center;gap:5px}.mark-flag-icon.svelte-63fwg0{font-size:15px;font-weight:900;line-height:1;opacity:.8}kbd.svelte-63fwg0{background:color-mix(in srgb,var(--accent-ink) 20%,transparent);border-radius:3px;padding:0 4px;font-family:inherit;font-size:11px}.text.svelte-63fwg0{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.chip.svelte-63fwg0{white-space:nowrap}.close.svelte-63fwg0{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--accent-ink);opacity:.75;cursor:pointer;padding:2px;flex:none}.close.svelte-63fwg0:hover{opacity:1}.overlay.svelte-1p9h290{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.panel.svelte-1p9h290{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:280px}.mark.svelte-1p9h290{width:150px;height:150px}.label.svelte-1p9h290{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.track.svelte-1p9h290{position:relative;width:100%;height:3px;border-radius:var(--r-pill);background:var(--panel-2);overflow:hidden}.bar.svelte-1p9h290{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--r-pill);background:var(--ink);transition:width .18s ease-out}.bar.indeterminate.svelte-1p9h290{opacity:.35;animation:svelte-1p9h290-pulse 1.1s ease-in-out infinite}@keyframes svelte-1p9h290-pulse{0%,to{opacity:.2}50%{opacity:.45}}.meta.svelte-1p9h290{display:flex;align-items:baseline;gap:8px;font-size:11px;color:var(--text-muted)}.tabular.svelte-1p9h290{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-soft)}.dim.svelte-1p9h290{font-variant-numeric:tabular-nums;color:var(--faint)}