.instrument-keybed_console__thukO{overflow:hidden;border:var(--shape-border-width) solid var(--border);border-radius:var(--shape-surface);background:var(--card);color:var(--card-foreground);box-shadow:var(--depth-card)}.instrument-keybed_toolbar__thdI3{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;padding:12px 16px}.instrument-keybed_soundField__R0iR8{display:flex;align-items:center;gap:12px;min-width:0}.instrument-keybed_legend__1N4kw{font-family:var(--type-body);font-size:.82rem;font-weight:600;color:var(--muted-foreground)}.instrument-keybed_soundChoices__zOm_L{display:inline-flex;gap:4px;padding:4px;border:var(--shape-border-width) solid var(--border);border-radius:var(--shape-surface);background:var(--muted)}.instrument-keybed_soundChoice__tEZ41{min-height:36px;padding:6px 14px;border:0;border-radius:var(--shape-inset);background:transparent;color:var(--muted-foreground);font-family:var(--type-body);font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast,.2s) var(--motion-ease,ease),color var(--motion-fast,.2s) var(--motion-ease,ease)}.instrument-keybed_soundChoice__tEZ41:hover{color:var(--foreground)}.instrument-keybed_soundChoice__tEZ41[data-checked]{background:var(--card);color:var(--foreground);font-weight:600;box-shadow:var(--depth-control),inset 0 0 0 1px var(--border-strong)}.instrument-keybed_soundChoice__tEZ41:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.instrument-keybed_stage__cO4Ao{position:relative;display:flex;flex-direction:column;height:var(--instrument-keybed-stage-height,clamp(152px,24vw,204px));min-height:var(--instrument-keybed-stage-min,0);padding-top:12px;background:linear-gradient(to bottom,var(--foreground) 12px,var(--background) 12px)}:where([data-theme=kimiclay]) .instrument-keybed_stage__cO4Ao{background:linear-gradient(180deg,#4a3324 0,#2f2017);box-shadow:inset 0 1px 0 rgba(255,236,210,.12)}.instrument-keybed_rows__KxP_e{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-height:0}.instrument-keybed_strip__CvbPM{position:relative;flex:1 1 auto;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.instrument-keybed_stage__cO4Ao:not([data-measured]) [data-midi]{visibility:hidden}.instrument-keybed_stage__cO4Ao[data-measured] .instrument-keybed_strip__CvbPM{animation:instrument-keybed_instrument-keybed-reveal__bjeMB .28s cubic-bezier(.16,1,.3,1)}@keyframes instrument-keybed_instrument-keybed-reveal__bjeMB{0%{opacity:0}}.instrument-keybed_blackKey__BYq1B,.instrument-keybed_whiteKey__y4d5l{position:absolute;top:0;padding:0;font:inherit;cursor:pointer;touch-action:pan-y;container-type:inline-size;will-change:transform}.instrument-keybed_blackKey__BYq1B:focus-visible,.instrument-keybed_whiteKey__y4d5l:focus-visible{z-index:3;outline:2px solid var(--instrument-keybed-focus);outline-offset:calc(-2px - min(var(--shape-border-width), 2px))}:where([data-theme=kimiclay]) .instrument-keybed_blackKey__BYq1B:focus-visible,:where([data-theme=kimiclay]) .instrument-keybed_whiteKey__y4d5l:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.instrument-keybed_whiteKey__y4d5l{border:min(var(--shape-border-width),2px) solid var(--input);border-top:none;border-radius:0 0 min(var(--shape-inset),6px) min(var(--shape-inset),6px);background:var(--card);box-shadow:var(--depth-control);--instrument-keybed-face:var(--card);--instrument-keybed-ink:var(--muted-foreground);--instrument-keybed-focus:var(--ring)}:where([data-theme=kimiclay]) .instrument-keybed_whiteKey__y4d5l{border:1px solid rgba(44,26,14,.24);border-top:none;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#fffdf8 0,#faf3e4 70%,#f1e6cf);box-shadow:inset 0 -6px 10px -8px rgba(44,26,14,.35),0 2px 3px -2px rgba(44,26,14,.3)}.instrument-keybed_whiteKey__y4d5l[data-active=true]{box-shadow:inset 0 0 0 4px var(--note-active),var(--depth-pressed);--instrument-keybed-focus:var(--note-active-foreground)}:where([data-theme=kimiclay]) .instrument-keybed_whiteKey__y4d5l[data-active=true]{background:linear-gradient(to bottom,var(--accent-soft) 0,color-mix(in srgb,var(--accent) 26%,#faf3e4) 100%);box-shadow:inset 0 3px 8px -2px rgba(44,26,14,.4),0 0 0 1px var(--accent)}.instrument-keybed_blackKey__BYq1B{z-index:2;border:min(var(--shape-border-width),2px) solid var(--input);border-top:none;border-radius:0 0 min(var(--shape-inset),4px) min(var(--shape-inset),4px);background:var(--foreground);box-shadow:var(--depth-control);--instrument-keybed-face:var(--foreground);--instrument-keybed-ink:var(--background);--instrument-keybed-focus:var(--background)}:where([data-theme=kimiclay]) .instrument-keybed_blackKey__BYq1B{border:1px solid rgba(0,0,0,.55);border-top:none;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#4a3a2c 0,#241a12 60%,#171009);box-shadow:inset 0 -4px 6px -4px rgba(0,0,0,.8),0 3px 4px -2px rgba(0,0,0,.5)}.instrument-keybed_blackKey__BYq1B[data-active=true]{box-shadow:inset 0 0 0 4px var(--note-active),inset 0 0 0 6px var(--background),var(--depth-pressed);--instrument-keybed-focus:var(--note-active-foreground)}:where([data-theme=kimiclay]) .instrument-keybed_blackKey__BYq1B[data-active=true]{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 65%,#241a12) 0,color-mix(in srgb,var(--accent) 40%,#171009) 100%);box-shadow:inset 0 2px 6px -2px rgba(0,0,0,.7),0 0 0 1px var(--accent)}.instrument-keybed_keyLabels__Hw6_E{position:absolute;inset-inline:0;bottom:8px;display:none;flex-direction:column;align-items:center;gap:3px;pointer-events:none}@media (hover:hover) and (pointer:fine){.instrument-keybed_keyLabels__Hw6_E{display:flex}}.instrument-keybed_keyLabel__5uTSA{min-width:1.5em;padding:2px 3px;border:1px solid color-mix(in srgb,var(--instrument-keybed-ink) 30%,transparent);border-radius:var(--shape-inset);background:var(--instrument-keybed-face);color:var(--instrument-keybed-ink);font-family:var(--type-body);font-size:.66rem;font-weight:600;line-height:1.2;text-align:center}:where([data-theme=kimiclay]) .instrument-keybed_keyLabel__5uTSA{border:1px solid rgba(44,26,14,.26);background:rgba(255,255,255,.55);color:rgba(44,26,14,.78)}:where([data-theme=kimiclay]) .instrument-keybed_blackKey__BYq1B .instrument-keybed_keyLabel__5uTSA{border-color:rgba(255,248,235,.3);background:rgba(255,248,235,.08);color:rgba(255,248,235,.88)}@container (max-width: 14px){.instrument-keybed_keyLabels__Hw6_E{display:none}}.instrument-keybed_status__9_Jf7{position:absolute;inset:12px 0 0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;pointer-events:none}.instrument-keybed_status__9_Jf7[data-status=failed]{background:rgba(0,0,0,.42)}.instrument-keybed_statusMessage__Uz4Ge{display:inline-flex;align-items:center;gap:10px;max-width:min(100%,34rem);margin:0;padding:9px 16px;border:var(--shape-border-width) solid var(--border);border-radius:var(--shape-surface);background:var(--card);color:var(--card-foreground);box-shadow:var(--depth-card);font-family:var(--type-body);font-size:.9rem;font-weight:600;line-height:1.35;text-align:center}.instrument-keybed_statusMessage__Uz4Ge:empty{padding:0;border:0;background:none;box-shadow:none}.instrument-keybed_statusPulse__03KYR{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--accent);animation:instrument-keybed_instrument-keybed-pulse___hw7R 1.2s ease-in-out infinite}@keyframes instrument-keybed_instrument-keybed-pulse___hw7R{50%{opacity:.3}}.instrument-keybed_retrySlot__CCYp5{min-height:36px}.instrument-keybed_retryButton__CFfn6{min-height:36px;padding:8px 18px;border:0;border-radius:var(--shape-surface);background:var(--action-rest);color:var(--action-foreground);box-shadow:var(--depth-control);font-family:var(--type-body);font-size:.88rem;font-weight:600;cursor:pointer;pointer-events:auto}.instrument-keybed_retryButton__CFfn6:hover{background:var(--action-hover)}.instrument-keybed_retryButton__CFfn6:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}@media (max-width:520px){.instrument-keybed_toolbar__thdI3{padding:10px 12px}.instrument-keybed_soundField__R0iR8{flex:1 1 100%}.instrument-keybed_soundChoices__zOm_L{flex:1 1 auto}.instrument-keybed_soundChoice__tEZ41{flex:1 1 0;padding-inline:8px}}@media (orientation:landscape) and (max-height:500px) and (max-width:1023px),(orientation:portrait) and (max-width:485px){.instrument-keybed_console__thukO{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.instrument-keybed_stage__cO4Ao{flex:1 1 auto}.instrument-keybed_toolbar__thdI3{padding-block:4px}.instrument-keybed_legend__1N4kw{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.instrument-keybed_soundChoices__zOm_L,.instrument-keybed_soundField__R0iR8{flex:1 1 auto;min-width:0}.instrument-keybed_soundChoices__zOm_L{flex-wrap:wrap}.instrument-keybed_soundChoice__tEZ41{flex:1 1 0;min-width:min-content;padding-inline:12px;white-space:normal;text-align:center}}@media (prefers-reduced-motion:reduce){.instrument-keybed_soundChoice__tEZ41{transition:none}.instrument-keybed_stage__cO4Ao[data-measured] .instrument-keybed_strip__CvbPM,.instrument-keybed_statusPulse__03KYR{animation:none}}