*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0f;--surface:#12121a;--surface2:#1c1c28;--border:#ffffff14;--accent:#c8ff00;--accent2:#00e5ff;--text:#e8e8f0;--muted:#5a5a72}html,body,#root{height:100%}body{background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}._wrap_doexr_1{width:100%;padding:0 8px 8px}._svg_doexr_6{filter:drop-shadow(0 -4px 24px #0009);width:100%;height:auto}._keyWhite_doexr_13{fill:#f0efe8d9;stroke:#0000004d;stroke-width:1px;transition:fill 70ms}._keyBlack_doexr_20{fill:#12121cf2;stroke:#00000080;stroke-width:1px;transition:fill 70ms}._activeWhite_doexr_27{fill:#c8ff00eb}._activeBlack_doexr_31{fill:#a0d200e6}._keyLabel_doexr_35{fill:#0000004d;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Space Mono,monospace;font-size:7px}._fullBackground_doexr_45{align-items:flex-end;display:flex;position:absolute;inset:0}._fullBackground_doexr_45 ._svg_doexr_6{filter:none;width:100%;height:35%}._stage_1ihcu_1{aspect-ratio:16/9;background:#0a0a0f;border:1px solid #ffffff14;border-radius:12px;width:100%;position:relative;overflow:hidden}._pianoBackground_1ihcu_12{position:absolute;inset:0}._canvas_1ihcu_18{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}._placeholder_1ihcu_27{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}._placeholderIcon_1ihcu_39{font-size:36px}._placeholder_1ihcu_27 p{color:#5a5a72;font-family:Space Mono,monospace;font-size:14px}