.score-container.svelte-i55i30{flex:1;min-height:320px;position:relative}.status.svelte-i55i30{color:var(--color-text-muted);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status.error.svelte-i55i30{color:var(--color-danger)}.score.svelte-i55i30{width:100%}.score.hidden.svelte-i55i30{visibility:hidden}.octave-controls.svelte-1n4chlg{justify-content:center;align-items:center;gap:var(--space-2);padding-bottom:var(--space-1);display:flex}.octave-controls.svelte-1n4chlg button:where(.svelte-1n4chlg){background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:1.75rem;height:1.75rem;line-height:1}.octave-controls.svelte-1n4chlg button:where(.svelte-1n4chlg):disabled{opacity:.5;cursor:not-allowed}.octave-value.svelte-1n4chlg{text-align:center;min-width:2.5rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}.keyboard.svelte-1n4chlg{background:var(--color-surface);justify-content:center;display:flex;overflow-x:auto}.keys.svelte-1n4chlg{touch-action:none;flex-shrink:0;height:7rem;display:flex;position:relative}.white.svelte-1n4chlg{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:pointer;height:100%}.white.pressed.svelte-1n4chlg{background:var(--color-primary)}.black.svelte-1n4chlg{background:var(--color-text);border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:pointer;z-index:1;height:60%;position:absolute;top:0}.black.pressed.svelte-1n4chlg{background:var(--color-primary)}.ladder.svelte-v2wv87{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.ladder.svelte-v2wv87 h2:where(.svelte-v2wv87){font-size:var(--font-size-base);color:var(--color-text-muted)}.ladder-controls.svelte-v2wv87{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.clef-toggle.svelte-v2wv87{gap:var(--space-1);flex-wrap:wrap;display:flex}.clef-toggle.svelte-v2wv87 button:where(.svelte-v2wv87){background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);cursor:pointer}.clef-toggle.svelte-v2wv87 button.active:where(.svelte-v2wv87){background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.key-select.svelte-v2wv87{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);cursor:pointer}.legend.svelte-v2wv87{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.legend-item.svelte-v2wv87{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:.7rem;display:flex}.swatch.svelte-v2wv87{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.grid-scroll.svelte-v2wv87{justify-content:center;display:flex}.grid.svelte-v2wv87{align-items:center;gap:3px;display:grid}.corner.svelte-v2wv87{width:100%}.col-label.svelte-v2wv87,.row-label.svelte-v2wv87{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;white-space:nowrap}.row-label.svelte-v2wv87{text-align:right;padding-right:var(--space-2)}.cell-wrap.svelte-v2wv87{width:1.75rem;height:1.75rem;position:relative}.cell.svelte-v2wv87{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:100%;padding:0;position:relative}.cell.current.svelte-v2wv87{box-shadow:0 0 0 2px var(--color-primary)}.cell[data-tooltip].svelte-v2wv87:hover:after,.cell[data-tooltip].svelte-v2wv87:focus-visible:after{content:attr(data-tooltip);bottom:calc(100% + var(--space-2));background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);white-space:nowrap;z-index:10;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.cell-reset.svelte-v2wv87{background:var(--color-surface-raised);width:14px;height:14px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;opacity:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.cell-wrap.svelte-v2wv87:hover .cell-reset:where(.svelte-v2wv87),.cell-wrap.svelte-v2wv87:focus-within .cell-reset:where(.svelte-v2wv87),.cell-reset.pulsed.svelte-v2wv87{opacity:1}.cell-reset.svelte-v2wv87:hover{color:var(--color-danger);border-color:var(--color-danger)}.cell-reset.pulsed.svelte-v2wv87{background:var(--color-danger);color:var(--color-primary-contrast);border-color:var(--color-danger)}.designer.svelte-1fiik8p{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.designer.svelte-1fiik8p h2:where(.svelte-1fiik8p){font-size:var(--font-size-base);color:var(--color-text-muted)}.fields.svelte-1fiik8p{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.fields.svelte-1fiik8p label:where(.svelte-1fiik8p){gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.fields.svelte-1fiik8p input:where(.svelte-1fiik8p){background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.fields.svelte-1fiik8p input[type=number]:where(.svelte-1fiik8p){width:4rem}button.svelte-1fiik8p{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer}button.svelte-1fiik8p:disabled{opacity:.5;cursor:not-allowed}.generate.svelte-1fiik8p{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary);font-weight:600}.countdown-button.svelte-8b8gdj{background:var(--color-primary);color:var(--color-primary-contrast);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;flex:1;font-weight:600;position:relative;overflow:hidden}.progress.svelte-8b8gdj{background:color-mix(in srgb, var(--color-primary-contrast) 25%, transparent);transition:width 1s linear;position:absolute;inset:0}.content.svelte-8b8gdj{position:relative}.toolbar.svelte-h2b9z2{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.zoom-controls.svelte-h2b9z2,.playback-controls.svelte-h2b9z2{align-items:center;gap:var(--space-2);display:flex}.score-wrapper.svelte-h2b9z2{flex:1;min-height:320px;display:flex;position:relative}.score-overlay-controls.svelte-h2b9z2{top:var(--space-2);right:var(--space-2);z-index:10;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;position:absolute}.mode-toggle{gap:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);display:inline-flex}.mode-toggle-item{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none}.mode-toggle-item[data-state=on]{background:var(--color-primary);color:var(--color-primary-contrast)}.count-in.svelte-h2b9z2{font-size:var(--font-size-lg);text-align:center;padding:var(--space-2) var(--space-4);color:var(--color-primary);font-weight:600}.practice-status.svelte-h2b9z2{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.feedback.svelte-h2b9z2{font-weight:600}.feedback.correct.svelte-h2b9z2{color:var(--color-success)}.feedback.incorrect.svelte-h2b9z2{color:var(--color-danger)}.stats-complete.svelte-h2b9z2{color:var(--color-primary);font-weight:600}.tempo.svelte-h2b9z2{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.tempo-value.svelte-h2b9z2{min-width:2.5rem;color:var(--color-text)}.toolbar.svelte-h2b9z2 button:where(.svelte-h2b9z2),.score-overlay-controls.svelte-h2b9z2 button:where(.svelte-h2b9z2){background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer}.toolbar.svelte-h2b9z2 button:where(.svelte-h2b9z2):disabled,.score-overlay-controls.svelte-h2b9z2 button:where(.svelte-h2b9z2):disabled{opacity:.5;cursor:not-allowed}.zoom-value.svelte-h2b9z2{min-width:3.5rem}.popup-overlay{z-index:100;background:#00000080;position:fixed;inset:0}.popup-content{z-index:101;gap:var(--space-3);width:min(24rem, calc(100vw - var(--space-6)));padding:var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.popup-description{color:var(--color-text-muted)}.popup-actions.svelte-h2b9z2{gap:var(--space-3);margin-top:var(--space-2);display:flex}.popup-actions.svelte-h2b9z2 button:where(.svelte-h2b9z2){background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;flex:1}.note-feedback.svelte-h2b9z2{left:50%;bottom:calc(var(--keyboard-bar-height,0px) + var(--space-2));z-index:41;max-width:calc(100vw - var(--space-6));padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;position:fixed;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.keyboard-bar.svelte-h2b9z2{z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4) 0;position:fixed;bottom:0;left:0;right:0}.keyboard-section.svelte-h2b9z2{gap:var(--space-3);flex-direction:column;max-width:960px;margin:0 auto;display:flex}@media print{.designer-section.svelte-h2b9z2,.toolbar.svelte-h2b9z2,.score-overlay-controls.svelte-h2b9z2,.count-in.svelte-h2b9z2,.practice-status.svelte-h2b9z2,.note-feedback.svelte-h2b9z2,.keyboard-bar.svelte-h2b9z2,.popup-overlay,.popup-content{display:none}}