.tab-editor{margin:0 auto;max-width:1200px}.tab-meta{background:#16213e;border-radius:8px;margin-bottom:1rem;padding:1rem}.meta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.meta-row:last-child{margin-bottom:0}.meta-row label{align-items:center;color:#888;display:flex;flex:1 1;gap:.5rem;min-width:200px}.meta-row input{background:#1a1a2e;border:1px solid #0f3460;border-radius:4px;color:#eee;flex:1 1;font-size:1rem;padding:.5rem}.meta-row input:focus{border-color:#e94560;outline:none}.tab-help{background:#0f3460;border-radius:4px;color:#888;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;margin-bottom:1rem;padding:.75rem}.tab-grid{background:#0d0d1a;border:2px solid #0f3460;border-radius:8px;outline:none;overflow-x:auto;padding:1rem}.tab-grid:focus{border-color:#e94560}.tab-string{align-items:center;display:flex;font-family:Courier New,Consolas,monospace;font-size:1.1rem;line-height:1.5}.string-label{color:#e94560;font-weight:700;text-align:center;width:1.5rem}.string-separator{color:#444}.string-content{display:flex}.tab-cell{color:#666;cursor:pointer;text-align:center;transition:background .1s;user-select:none;-webkit-user-select:none;width:1ch}.tab-cell:hover{background:#1a1a2e}.tab-cell.cursor{background:#e94560;color:#fff}.tab-cell.has-note{color:#4ecca3;font-weight:700}.tab-cell.bar-line{background:linear-gradient(90deg,#0000 40%,#e9456099 45%,#e9456099 55%,#0000 60%);color:#e94560;font-weight:700;position:relative}.tab-cell.bar-line:before{background:#e94560;bottom:-4px;content:"";left:50%;pointer-events:none;position:absolute;top:-4px;transform:translateX(-50%);width:2px}.tab-cell.has-note.cursor{color:#fff}.tab-cell.selected{background:#264653}.tab-cell.selected-note{background:#2a9d8f;color:#fff}.tab-cell.selected.cursor{background:#e94560}.tab-cell.playback-active{background:#0f3460;transition:background .05s}.tab-cell.playback-note{animation:pulse .2s ease-out;background:#e94560;color:#fff}@keyframes pulse{0%{background:#ff6b6b;transform:scale(1.3)}to{background:#e94560;transform:scale(1)}}.tab-grid.playing{border-color:#4ecca3}.tab-grid.dragging,.tab-grid.dragging .tab-cell{cursor:crosshair}.playback-controls{align-items:center;background:#16213e;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.play-btn{background:#4ecca3;color:#1a1a2e;font-weight:700;min-width:100px;padding:.6rem 1.2rem}.play-btn:hover{background:#7ef9c7}.play-btn.playing{background:#f9a826}.play-btn.playing:hover{background:#ffbe4d}.stop-btn{background:#e94560;padding:.6rem 1rem}.stop-btn:disabled{background:#444;cursor:not-allowed}.tempo-control{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:200px}.tempo-control label{color:#888;font-size:.85rem}.tempo-value{color:#4ecca3;font-weight:700}.tempo-slider{-webkit-appearance:none;appearance:none;background:#0f3460;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e94560;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .2s;transition:background .2s;width:16px}.tempo-slider::-webkit-slider-thumb:hover{background:#ff6b6b}.tempo-slider::-moz-range-thumb{background:#e94560;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.tempo-presets{display:flex;gap:.5rem}.tempo-presets button{background:#0f3460;font-size:.8rem;padding:.4rem .8rem}.tempo-presets button:hover{background:#1a3a5c}.tempo-presets button.active{background:#4ecca3;color:#1a1a2e}.capo-control{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.capo-control label{color:#888;font-size:.85rem}.capo-value{color:#f9a826;font-weight:700}.capo-slider{-webkit-appearance:none;appearance:none;background:#0f3460;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.capo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f9a826;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .2s;transition:background .2s;width:16px}.capo-slider::-webkit-slider-thumb:hover{background:#ffc94d}.capo-slider::-moz-range-thumb{background:#f9a826;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.instrument-control{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.instrument-control label{color:#888;font-size:.85rem}.instrument-select{background:#0f3460;border:1px solid #1a3a5c;border-radius:4px;color:#eee;cursor:pointer;font-size:.9rem;outline:none;padding:.5rem}.instrument-select:hover{border-color:#4ecca3}.instrument-select:focus{border-color:#e94560}.instrument-select option{background:#16213e;color:#eee}.tab-string.unused-string{opacity:.3;pointer-events:none}.autobar-control{display:flex;flex-direction:column;gap:.25rem}.autobar-control label{color:#888;font-size:.85rem}.autobar-row{align-items:center;display:flex;gap:.5rem}.autobar-row span{color:#888;font-size:.85rem}.autobar-input{background:#0f3460;border:1px solid #1a3a5c;border-radius:4px;color:#eee;font-size:.9rem;padding:.4rem;text-align:center;width:50px}.autobar-input:focus{border-color:#e94560;outline:none}.autobar-btn{background:#e94560;font-size:.8rem;padding:.4rem .8rem}.autobar-btn:hover{background:#ff6b6b}.autobar-clear-btn{background:#0f3460;font-size:.8rem;padding:.4rem .8rem}.autobar-clear-btn:hover{background:#1a3a5c}.tab-preview{background:#16213e;border-radius:8px;margin-top:1.5rem;padding:1rem}.tab-preview h3{color:#888;font-size:.9rem;margin-bottom:.75rem}.preview-content{color:#4ecca3;font-family:Courier New,Consolas,monospace;font-size:1rem;line-height:1.4;overflow-x:auto;white-space:pre}.tracks-container{display:flex;flex-direction:column;gap:1rem}.track{background:#16213e;border:2px solid #0000;border-radius:8px;padding:.5rem}.track.active-track{border-color:#e94560}.track.muted-track{opacity:.5}.track-header{align-items:center;background:#0f3460;border-radius:4px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.5rem}.track-label{border-radius:4px;color:#e94560;cursor:pointer;font-weight:700;padding:.25rem .5rem}.track-label:hover{background:#1a3a5c}.track-instrument-select{background:#1a1a2e;border:1px solid #1a3a5c;border-radius:4px;color:#eee;cursor:pointer;font-size:.85rem;padding:.4rem}.track-instrument-select:hover{border-color:#4ecca3}.track-mute-btn{background:#4ecca3;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.4rem .6rem}.track-mute-btn.muted{background:#e94560}.track-mute-btn:hover{opacity:.8}.track-delete-btn{background:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.4rem .6rem}.track-delete-btn:hover{background:#ff6b6b}.track-delete-btn:disabled{background:#444;cursor:not-allowed}.add-track-btn{background:#4ecca3;color:#1a1a2e;font-weight:700;padding:.5rem 1rem}.add-track-btn:hover{background:#7ef9c7}.add-track-btn:disabled{background:#444;cursor:not-allowed}.preview-track{margin-bottom:1rem}.preview-track-label{color:#e94560;font-size:.85rem;font-weight:700;margin-bottom:.25rem}*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{align-items:center;background:#16213e;border-bottom:1px solid #0f3460;display:flex;gap:1rem;padding:1rem 1.5rem}.header h1{color:#e94560;flex-grow:1;font-size:1.5rem}.menu-toggle{background:none;border:none;color:#eee;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem}.header-actions{display:flex;gap:.5rem}button{background:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}button:hover{background:#ff6b6b}.main-container{flex:1 1}.main-container,.sidebar{display:flex;overflow:hidden}.sidebar{background:#16213e;border-right:1px solid #0f3460;flex-direction:column;width:280px}.sidebar h2{border-bottom:1px solid #0f3460;color:#aaa;font-size:1rem;padding:1rem}.tab-list{flex:1 1;list-style:none;overflow-y:auto}.tab-list li{align-items:center;border-bottom:1px solid #0f3460;display:flex}.tab-list li span{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.75rem 1rem}.tab-list li span:hover{background:#1a1a2e}.tab-list li.active{background:#0f3460}.tab-list li small{color:#888;font-size:.8rem}.tab-list li.empty{color:#666;padding:1rem;text-align:center}.delete-btn{background:#0000;color:#888;font-size:1.2rem;line-height:1;padding:.5rem}.delete-btn:hover{background:#0000;color:#e94560}.editor-container{flex:1 1;overflow:auto;padding:1.5rem}.welcome{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;text-align:center}.welcome h2{color:#e94560;font-size:2rem}.welcome p{color:#888;margin-bottom:1rem}
/*# sourceMappingURL=main.06f881b0.css.map*/