.piano-roll-builder.svelte-muhd9j{background:#0a0a0a;border:1px solid #222;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.builder-header.svelte-muhd9j{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-left.svelte-muhd9j{display:flex;align-items:center;gap:1rem}.builder-title.svelte-muhd9j{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0}.key-info.svelte-muhd9j{font-size:10px;color:#666;letter-spacing:1px;text-transform:uppercase}.header-controls.svelte-muhd9j{display:flex;gap:1rem;align-items:center}.control-group.svelte-muhd9j{display:flex;align-items:center;gap:.5rem}.control-group.svelte-muhd9j label:where(.svelte-muhd9j){font-size:9px;color:#666;text-transform:uppercase;letter-spacing:1px}.bpm-control.svelte-muhd9j{flex-direction:column;align-items:flex-start;gap:.4rem}.bpm-wrapper.svelte-muhd9j{display:flex;align-items:center;background:#111;border:1px solid #333;border-radius:0}.bpm-btn.svelte-muhd9j{background:#1a1a1a;border:none;border-right:1px solid #333;color:#888;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:500;transition:all .1s ease}.bpm-btn.svelte-muhd9j:last-child{border-right:none;border-left:1px solid #333}.bpm-btn.svelte-muhd9j:hover{background:#222;color:#fff}.bpm-btn.svelte-muhd9j:active{background:#333}.bpm-input.svelte-muhd9j{background:transparent;border:none;color:#fff;padding:.4rem .5rem;font-size:13px;font-weight:600;width:50px;text-align:center;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;appearance:textfield;-moz-appearance:textfield}.bpm-input.svelte-muhd9j::-webkit-outer-spin-button,.bpm-input.svelte-muhd9j::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-input.svelte-muhd9j:focus{outline:none}.arp-control.svelte-muhd9j{flex-direction:column;align-items:flex-start;gap:.4rem}.arp-wrapper.svelte-muhd9j{display:flex;align-items:center;gap:.5rem}.arp-toggle.svelte-muhd9j{background:#1a1a1a;border:1px solid #333;color:#888;padding:.4rem .75rem;font-size:11px;font-weight:600;cursor:pointer;transition:all .1s ease}.arp-toggle.svelte-muhd9j:hover{border-color:#555;color:#fff}.arp-toggle.active.svelte-muhd9j{background:#4a2a6a;border-color:#6a4a8a;color:#d4a0ff}.arp-select.svelte-muhd9j{background:#111;border:1px solid #333;color:#fff;padding:.4rem .5rem;font-size:11px;cursor:pointer}.arp-select.svelte-muhd9j:focus{outline:none;border-color:#6a4a8a}.chord-palette.svelte-muhd9j{background:#111;border:1px solid #222;padding:1rem}.palette-label.svelte-muhd9j{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:.75rem}.palette-chords.svelte-muhd9j{display:flex;flex-wrap:wrap;gap:.5rem}.palette-chord.svelte-muhd9j{background:#1a1a1a;border:1px solid #333;padding:.5rem .75rem;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .1s ease;min-width:60px}.palette-chord.svelte-muhd9j:hover{border-color:#555;background:#222}.palette-chord.svelte-muhd9j:active{cursor:grabbing}.chord-roman.svelte-muhd9j{font-size:11px;color:#888;font-weight:500}.chord-name.svelte-muhd9j{font-size:13px;color:#fff;font-weight:600}.roll-container.svelte-muhd9j{display:flex;background:#0a0a0a;border:1px solid #222;overflow:hidden}.note-labels.svelte-muhd9j{display:flex;flex-direction:column;background:#111;border-right:1px solid #222;flex-shrink:0}.note-label.svelte-muhd9j{height:14px;padding:0 6px;font-size:8px;color:#444;display:flex;align-items:center;justify-content:flex-end;min-width:32px}.note-label.black.svelte-muhd9j{background:#0a0a0a}.timeline-scroll.svelte-muhd9j{overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch}.timeline-svg.svelte-muhd9j{display:block}.note-block.svelte-muhd9j{fill:#444;cursor:pointer;transition:all .1s ease}.note-block.svelte-muhd9j:hover{fill:#555}.note-block.selected.svelte-muhd9j{fill:#4ade80}.note-block.playing.svelte-muhd9j{fill:#fff}.note-block.resizing.svelte-muhd9j{fill:#60a5fa}.resize-handle.svelte-muhd9j{fill:transparent;cursor:ew-resize;transition:fill .1s ease}.resize-handle.svelte-muhd9j:hover{fill:#4ade804d}.resize-handle.active.svelte-muhd9j{fill:#4ade8080}.chord-label.svelte-muhd9j{font-size:9px;fill:#888;pointer-events:all;cursor:pointer}.beat-numbers.svelte-muhd9j{display:flex;border-top:1px solid #222;background:#111}.beat-num.svelte-muhd9j{font-size:9px;color:#444;text-align:center;padding:4px 0}.selected-controls.svelte-muhd9j{display:flex;align-items:center;justify-content:space-between;background:#111;border:1px solid #333;padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.selected-label.svelte-muhd9j{font-size:11px;color:#fff;font-weight:600}.control-buttons.svelte-muhd9j{display:flex;align-items:center;gap:.5rem}.ctrl-btn.svelte-muhd9j{background:#1a1a1a;border:1px solid #333;color:#888;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .1s ease}.ctrl-btn.svelte-muhd9j:hover{border-color:#555;color:#fff}.ctrl-btn.delete.svelte-muhd9j{color:#e74c3c}.ctrl-btn.delete.svelte-muhd9j:hover{background:#2a1a1a;border-color:#e74c3c}.divider.svelte-muhd9j{width:1px;height:20px;background:#333;margin:0 .25rem}.duration-display.svelte-muhd9j{font-size:11px;color:#666;min-width:60px;text-align:center}.action-bar.svelte-muhd9j{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.action-left.svelte-muhd9j,.action-right.svelte-muhd9j{display:flex;align-items:center;gap:.75rem}.action-btn.svelte-muhd9j{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#111;border:1px solid #333;color:#888;cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .1s ease;font-family:inherit}.action-btn.svelte-muhd9j:hover:not(:disabled){border-color:#555;color:#fff}.action-btn.svelte-muhd9j:disabled{opacity:.4;cursor:not-allowed}.action-btn.play.svelte-muhd9j{background:#1a1a1a}.action-btn.play.playing.svelte-muhd9j{background:#fff;border-color:#fff;color:#000}.action-btn.loop.svelte-muhd9j{background:#1a1a1a}.action-btn.loop.looping.svelte-muhd9j{background:#60a5fa;border-color:#60a5fa;color:#000}.action-btn.export.svelte-muhd9j{background:#1a472a;border-color:#2d5a3d;color:#4ade80}.action-btn.export.svelte-muhd9j:hover:not(:disabled){background:#1f5a33}.action-btn.export.success.svelte-muhd9j{background:#2d5a3d}.chord-count.svelte-muhd9j{font-size:10px;color:#666;letter-spacing:1px}@media(max-width:768px){.piano-roll-builder.svelte-muhd9j{padding:.75rem;gap:.75rem}.builder-header.svelte-muhd9j{flex-direction:column;align-items:flex-start;gap:.75rem}.header-left.svelte-muhd9j{flex-direction:column;align-items:flex-start;gap:.25rem}.builder-title.svelte-muhd9j{font-size:10px}.header-controls.svelte-muhd9j{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.bpm-control.svelte-muhd9j{gap:.25rem}.bpm-wrapper.svelte-muhd9j{width:100%}.bpm-btn.svelte-muhd9j{width:24px;height:24px;font-size:12px}.bpm-input.svelte-muhd9j{width:100%;min-width:0;font-size:11px;padding:.3rem .25rem}.control-group.svelte-muhd9j label:where(.svelte-muhd9j){font-size:8px}.arp-control.svelte-muhd9j{grid-column:span 2}.arp-wrapper.svelte-muhd9j{width:100%;flex-wrap:wrap}.arp-toggle.svelte-muhd9j{padding:.35rem .6rem;font-size:10px}.arp-select.svelte-muhd9j{padding:.35rem .4rem;font-size:10px}.chord-palette.svelte-muhd9j{padding:.75rem}.palette-label.svelte-muhd9j{font-size:8px;margin-bottom:.5rem}.palette-chords.svelte-muhd9j{gap:.35rem}.palette-chord.svelte-muhd9j{padding:.4rem .5rem;min-width:50px}.chord-roman.svelte-muhd9j{font-size:9px}.chord-name.svelte-muhd9j{font-size:11px}.roll-container.svelte-muhd9j{max-height:250px}.note-label.svelte-muhd9j{font-size:6px;min-width:24px;padding:0 3px}.selected-controls.svelte-muhd9j{flex-direction:column;align-items:flex-start;padding:.5rem .75rem;gap:.5rem}.selected-label.svelte-muhd9j{font-size:10px}.control-buttons.svelte-muhd9j{width:100%;justify-content:space-between}.ctrl-btn.svelte-muhd9j{width:32px;height:32px}.duration-display.svelte-muhd9j{font-size:10px;min-width:50px}.action-bar.svelte-muhd9j{flex-direction:column;gap:.75rem}.action-left.svelte-muhd9j,.action-right.svelte-muhd9j{width:100%;justify-content:space-between}.action-btn.svelte-muhd9j{padding:.5rem .75rem;font-size:10px}.chord-count.svelte-muhd9j{font-size:9px}}@media(max-width:480px){.piano-roll-builder.svelte-muhd9j{padding:.5rem}.header-controls.svelte-muhd9j{grid-template-columns:repeat(3,1fr)}.palette-chord.svelte-muhd9j{min-width:45px;padding:.35rem .4rem}.chord-roman.svelte-muhd9j{font-size:8px}.chord-name.svelte-muhd9j{font-size:10px}.roll-container.svelte-muhd9j{max-height:200px}}