.stack-staff{background:#fff;border-radius:8px;width:100%;max-width:230px}.stack-staff-line{stroke:#000;stroke-width:1.2px}.stack-staff-clef,.stack-staff-signature{fill:#000;font-family:serif}.stack-staff-clef{font-size:92px}.stack-staff-clef.bass{font-size:60px}.stack-staff-row{align-items:center;gap:10px;display:flex}.clef-toggle{border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:none;display:flex;overflow:hidden}.clef-btn{background:var(--bg);width:36px;height:40px;color:var(--text);cursor:pointer;border:none;padding:0;font-family:serif;font-size:26px;line-height:1}.clef-btn.bass{border-top:1px solid var(--border);font-size:20px}.clef-btn.active{background:var(--accent-bg);color:var(--text-h)}.stack-staff-signature{font-size:22px}.stack-staff-note{fill:#000}.stack-staff-note.root{fill:#aa3bff}.stack-staff-note.lit{fill:#d4a017}.stack-staff-role{fill:#555;font-size:11px}