.note-bar[data-v-8fe78870]{height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:0;overflow:hidden;cursor:pointer}.note-bar[data-v-8fe78870]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.note-bar.is-rest[data-v-8fe78870]{background-color:#f8f9fa!important;border:1px dashed #ddd}.note-content[data-v-8fe78870]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.note-label[data-v-8fe78870]{font-weight:600;letter-spacing:.5px;white-space:nowrap;padding:0 var(--spacing-sm);font-size:.875rem}.note-with-lyric[data-v-d7bbdd17]{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.note-container[data-v-d7bbdd17]{height:60px;display:flex;align-items:flex-start}.lyric[data-v-d7bbdd17]{font-size:.9rem;color:var(--text);text-align:center;max-width:100%;overflow-wrap:break-word;min-height:1.2em}[data-v-d7bbdd17] .current-note{transform:translateY(-10px);box-shadow:var(--shadow-lg);outline:4px solid var(--primary)}.notes-visualization[data-v-cc06b462]{background:#f8f9fa;border-radius:var(--radius-md);padding:var(--spacing-xl);width:100%;box-sizing:border-box;overflow:hidden}.notes-content[data-v-cc06b462]{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);min-height:100px;width:100%;transform-origin:left top;padding:var(--spacing-xl) 0}.break[data-v-cc06b462]{flex-basis:100%;height:0;margin:0;padding:calc(var(--spacing-xl) / 2) 0}@media (max-width: 800px){.notes-visualization[data-v-cc06b462]{padding:var(--spacing-sm)}.notes-content[data-v-cc06b462]{gap:var(--spacing-md);padding:var(--spacing-md) 0}.break[data-v-cc06b462]{padding:calc(var(--spacing-md) / 2) 0}}.tempo-control[data-v-c5b0b94a]{display:flex;align-items:center;gap:var(--spacing-md)}.tempo-input[data-v-c5b0b94a]{display:flex;align-items:center;gap:var(--spacing-sm)}.tempo-input input[data-v-c5b0b94a]{width:70px;padding:var(--spacing-sm);border:1px solid #ddd;border-radius:var(--radius-sm);text-align:center}.tempo-preset[data-v-c5b0b94a]{padding:var(--spacing-sm);border:1px solid #ddd;border-radius:var(--radius-sm);background:#fff;font-size:1rem;cursor:pointer;color:var(--text)}@media (max-width: 600px){.tempo-control[data-v-c5b0b94a]{flex-direction:column;align-items:stretch;width:100%}.tempo-preset[data-v-c5b0b94a]{width:100%}}.playback-controls[data-v-56294f38]{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.controls-wrapper[data-v-56294f38]{display:flex;gap:var(--spacing-lg);align-items:center}.controls-group[data-v-56294f38]{display:flex;gap:var(--spacing-lg);align-items:center;flex:2;min-width:300px}.transport-controls[data-v-56294f38]{display:flex;gap:var(--spacing-sm)}.control-button[data-v-56294f38]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;font-size:1.25rem;transition:all var(--transition-normal)}.control-button[data-v-56294f38]:hover{background:var(--secondary);transform:translateY(-1px)}.part-select[data-v-56294f38]{flex:1;margin-left:var(--spacing-lg);min-width:200px;max-width:300px}.part-select-input[data-v-56294f38]{width:100%;padding:var(--spacing-sm);border:1px solid #ddd;border-radius:var(--radius-sm);background:#fff;font-size:1rem;cursor:pointer;color:var(--text)}@media (max-width: 800px){.controls-wrapper[data-v-56294f38]{flex-direction:column}.controls-group[data-v-56294f38]{flex-direction:column;width:100%}.transport-controls[data-v-56294f38]{justify-content:center}.part-select[data-v-56294f38]{width:100%;max-width:none}}