.wide-breakout[data-astro-cid-ulhhug64]{width:min(calc(100vw - 2rem), var(--breakout-width));max-width:none;position:relative;left:50%;transform:translate(-50%)}.wide-breakout-medium[data-astro-cid-ulhhug64]{--breakout-width:var(--content-md)}.wide-breakout-wide[data-astro-cid-ulhhug64]{--breakout-width:var(--content-wide)}.wide-breakout-page[data-astro-cid-ulhhug64]{--breakout-width:var(--page-max)}@media (width>=48rem){.wide-breakout[data-astro-cid-ulhhug64]{width:min(calc(100vw - 4rem), var(--breakout-width))}}.keyboard-lab.svelte-982rt0{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised);overflow:hidden}.lab-header.svelte-982rt0,.status-row.svelte-982rt0,.keyboard.svelte-982rt0,.output.svelte-982rt0{padding-inline:clamp(1rem,4vw,2.5rem)}.lab-header.svelte-982rt0{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-block:clamp(1.25rem,4vw,2.25rem);display:flex}.eyebrow.svelte-982rt0{color:var(--color-accent-keyboard);margin:0 0 .75rem}h2.svelte-982rt0{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:560}.description.svelte-982rt0{max-width:39rem;color:var(--color-text-muted);margin:.7rem 0 0;font-size:1rem;line-height:1.6}button.svelte-982rt0{color:inherit}.reset.svelte-982rt0{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-text-muted);font:500 .75rem/1 var(--font-mono);cursor:pointer;background:0 0;flex:none;padding:.7rem 1rem;transition:border-color .15s,color .15s}.reset.svelte-982rt0:hover{border-color:var(--color-text-muted);color:var(--color-text)}.status-row.svelte-982rt0{border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);font:500 .76rem/1.3 var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.status.svelte-982rt0{text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:.55rem;display:inline-flex}.status-mark.svelte-982rt0{color:var(--color-text-faint);font-size:1rem}.status.active.svelte-982rt0 .status-mark:where(.svelte-982rt0){color:var(--color-accent-keyboard)}.hint.svelte-982rt0{color:var(--color-text-muted)}.keyboard.svelte-982rt0{grid-template-columns:minmax(7rem,.75fr) minmax(0,3fr);gap:clamp(.65rem,2vw,1rem);padding-block:clamp(1.5rem,5vw,3.5rem);display:grid}.key-group.svelte-982rt0{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.4rem,1.5vw,.75rem);display:grid}.key.svelte-982rt0{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;touch-action:none;user-select:none;border-bottom-width:.3rem;min-width:0;min-height:clamp(5.5rem,13vw,8.5rem);padding:.8rem;transition:transform .12s,border-color .12s,background-color .12s;position:relative}.key.svelte-982rt0:hover{border-color:var(--color-text-faint)}.key.pressed.svelte-982rt0{border-bottom-width:1px;border-color:var(--color-accent-keyboard);background:color-mix(in srgb, var(--color-accent-keyboard) 11%, var(--color-surface-raised));transform:translateY(.2rem)}.key-label.svelte-982rt0,.key-symbol.svelte-982rt0{font:500 clamp(1.2rem, 4vw, 2rem) / 1 var(--font-mono);display:block}.key-note.svelte-982rt0{color:var(--color-text-muted);font:500 clamp(.55rem, 1.4vw, .68rem) / 1.2 var(--font-mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;position:absolute;bottom:.65rem;left:.7rem;right:.7rem;overflow:hidden}.output.svelte-982rt0{border-top:1px solid var(--color-border);grid-template-columns:auto 1fr auto;align-items:baseline;gap:1rem;min-height:4.5rem;padding-block:1.25rem;display:grid}.output-label.svelte-982rt0,.output-count.svelte-982rt0{color:var(--color-text-muted);font:500 .7rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.output.svelte-982rt0 strong:where(.svelte-982rt0){font:500 1rem/1.4 var(--font-mono)}@media (width<=37.5rem){.lab-header.svelte-982rt0{align-items:flex-end}.description.svelte-982rt0{font-size:.94rem}.keyboard.svelte-982rt0{grid-template-columns:1fr}.caps-key.svelte-982rt0{min-height:4.75rem}.character-key.svelte-982rt0{min-height:5.25rem;padding-inline:.35rem}.hint.svelte-982rt0{display:none}.output.svelte-982rt0{grid-template-columns:auto 1fr}.output-count.svelte-982rt0{display:none}}@media (prefers-reduced-motion:reduce){.key.svelte-982rt0,.reset.svelte-982rt0{transition:none}}