.mc-tool{--mc-bg:#0a0a1a;--mc-bg-alt:#12122a;--mc-surface:rgba(255, 255, 255, 0.04);--mc-surface-hover:rgba(255, 255, 255, 0.08);--mc-surface-active:rgba(255, 255, 255, 0.12);--mc-text:rgba(255, 255, 255, 0.9);--mc-text-muted:rgba(255, 255, 255, 0.5);--mc-text-dim:rgba(255, 255, 255, 0.3);--mc-accent:#6C5CE7;--mc-accent-glow:rgba(108, 92, 231, 0.4);--mc-chord-color:#5B7FFF;--mc-chord-glow:rgba(91, 127, 255, 0.3);--mc-melody-color:#00D68F;--mc-melody-glow:rgba(0, 214, 143, 0.3);--mc-bass-color:#FF9F43;--mc-bass-glow:rgba(255, 159, 67, 0.3);--mc-grid-line:rgba(255, 255, 255, 0.06);--mc-bar-line:rgba(255, 255, 255, 0.15);--mc-playhead-color:#FF4757;--mc-border:rgba(255, 255, 255, 0.08);--mc-border-hover:rgba(255, 255, 255, 0.15);--mc-lane-label-width:100px;--mc-chord-lane-height:60px;--mc-piano-roll-height:120px;--mc-keyboard-height:100px;--mc-beat-width:80px;--mc-transition:150ms ease;--mc-transition-slow:300ms ease;--mc-radius:8px;--mc-radius-sm:4px;--mc-radius-lg:12px}.mc-tool{background:linear-gradient(180deg,var(--mc-bg) 0,var(--mc-bg-alt) 100%);color:var(--mc-text);padding:2rem 0 3rem;min-height:100vh}.mc-container{max-width:1200px;margin:0 auto;padding:0 1rem}.mc-header{text-align:center;margin-bottom:1.5rem}.mc-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;color:var(--mc-text)}.mc-subtitle{font-size:.9rem;color:var(--mc-text-muted);margin-bottom:0}.mc-top-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.mc-bar-toggle{display:flex;gap:0;border-radius:var(--mc-radius);overflow:hidden;border:1px solid var(--mc-border)}.mc-bar-btn{background:var(--mc-surface);color:var(--mc-text-muted);border:none;padding:.4rem 1rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--mc-transition)}.mc-bar-btn:hover{background:var(--mc-surface-hover);color:var(--mc-text)}.mc-bar-btn--active{background:var(--mc-accent);color:#fff}.mc-bar-btn--active:hover{background:var(--mc-accent)}.mc-bpm-control{display:flex;align-items:center;gap:.5rem}.mc-label{font-size:.75rem;font-weight:600;color:var(--mc-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.mc-input{background:var(--mc-surface);border:1px solid var(--mc-border);color:var(--mc-text);border-radius:var(--mc-radius-sm);padding:.35rem .5rem;font-size:.85rem;width:auto;outline:0;transition:border-color var(--mc-transition)}.mc-input:focus{border-color:var(--mc-accent)}.mc-bpm-input{width:70px;text-align:center}.mc-select{background:var(--mc-surface);border:1px solid var(--mc-border);color:var(--mc-text);border-radius:var(--mc-radius-sm);padding:.35rem .5rem;font-size:.85rem;outline:0;cursor:pointer;transition:border-color var(--mc-transition)}.mc-select:focus{border-color:var(--mc-accent)}.mc-select option{background:var(--mc-bg);color:var(--mc-text)}.mc-select--sm{padding:.25rem .4rem;font-size:.8rem}.mc-lock-btn{background:0 0;border:1px solid var(--mc-border);color:var(--mc-text-dim);border-radius:var(--mc-radius-sm);padding:.25rem .4rem;cursor:pointer;transition:all var(--mc-transition);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.mc-lock-btn:hover{border-color:var(--mc-border-hover);color:var(--mc-text-muted)}.mc-btn-group{display:flex;gap:0;border-radius:var(--mc-radius);overflow:hidden;border:1px solid var(--mc-border)}.mc-btn-option{background:var(--mc-surface);color:var(--mc-text-muted);border:none;padding:.35rem .75rem;font-size:.8rem;cursor:pointer;transition:all var(--mc-transition);border-right:1px solid var(--mc-border)}.mc-btn-option:last-child{border-right:none}.mc-btn-option:hover{background:var(--mc-surface-hover);color:var(--mc-text)}.mc-btn-option--active{background:var(--mc-accent);color:#fff}.mc-btn-option--active:hover{background:var(--mc-accent);color:#fff}.mc-timeline-wrapper{position:relative;border:1px solid var(--mc-border);border-radius:var(--mc-radius-lg);overflow:hidden;margin-bottom:1rem;background:var(--mc-surface)}.mc-bar-numbers{display:flex;border-bottom:1px solid var(--mc-border);background:rgba(255,255,255,.02)}.mc-bar-numbers-track{flex:1;display:flex;position:relative;overflow:hidden}.mc-bar-number{flex-shrink:0;width:calc(var(--mc-beat-width) * 4);padding:.35rem .5rem;font-size:.7rem;font-weight:600;color:var(--mc-text-dim);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--mc-bar-line);box-sizing:border-box}.mc-lane{display:flex;border-bottom:1px solid var(--mc-border)}.mc-lane:last-of-type{border-bottom:none}.mc-lane-label{width:var(--mc-lane-label-width);flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.5rem;gap:.25rem;border-right:1px solid var(--mc-border);background:rgba(255,255,255,.02)}.mc-lane-name{font-size:.7rem;font-weight:600;color:var(--mc-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.mc-chord-lane .mc-lane-name{color:var(--mc-chord-color)}.mc-melody-lane .mc-lane-name{color:var(--mc-melody-color)}.mc-bass-lane .mc-lane-name{color:var(--mc-bass-color)}.mc-lane-track{flex:1;position:relative;overflow:hidden;min-width:0}.mc-chord-track{height:var(--mc-chord-lane-height);background-image:repeating-linear-gradient(to right,var(--mc-grid-line) 0,var(--mc-grid-line) 1px,transparent 1px,transparent var(--mc-beat-width))}.mc-piano-roll{height:var(--mc-piano-roll-height);background-image:repeating-linear-gradient(to right,var(--mc-grid-line) 0,var(--mc-grid-line) 1px,transparent 1px,transparent var(--mc-beat-width)),repeating-linear-gradient(to bottom,var(--mc-grid-line) 0,var(--mc-grid-line) 1px,transparent 1px,transparent 10px)}.mc-bar-line{position:absolute;top:0;bottom:0;width:1px;background:var(--mc-bar-line);pointer-events:none;z-index:1}.mc-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--mc-playhead-color);box-shadow:0 0 8px var(--mc-playhead-color);z-index:10;pointer-events:none;left:var(--mc-lane-label-width);transform:translateX(0);display:none}.mc-playhead--active{display:block}.mc-playhead::before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;background:var(--mc-playhead-color);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}@media (max-width:768px){.mc-timeline-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mc-lane-label{--mc-lane-label-width:60px;width:60px;padding:.3rem}.mc-lane-name{font-size:.6rem}}.mc-chord-clip--locked{border:1.5px solid rgba(255,255,255,.4)}.mc-chord-clip--locked .mc-chord-lock-icon{opacity:1}.mc-chord-clip--dragging{opacity:.8;z-index:5}.mc-chord-lock-icon{position:absolute;top:2px;right:3px;font-size:.55rem;color:rgba(255,255,255,.7);opacity:0;transition:opacity var(--mc-transition);pointer-events:none}.mc-clip-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:3}.mc-clip-handle--left{left:0;border-radius:var(--mc-radius-sm) 0 0 var(--mc-radius-sm)}.mc-clip-handle--right{right:0;border-radius:0 var(--mc-radius-sm) var(--mc-radius-sm) 0}.mc-clip-handle:hover{background:rgba(255,255,255,.2)}.mc-note{position:absolute;height:9px;border-radius:2px;cursor:grab;z-index:2;transition:box-shadow var(--mc-transition);user-select:none;min-width:6px}.mc-note:active{cursor:grabbing}.mc-melody-lane .mc-note{background:var(--mc-melody-color)}.mc-melody-lane .mc-note:hover{box-shadow:0 0 8px var(--mc-melody-glow)}.mc-bass-lane .mc-note{background:var(--mc-bass-color)}.mc-bass-lane .mc-note:hover{box-shadow:0 0 8px var(--mc-bass-glow)}.mc-note--dragging{opacity:.7;z-index:5}.mc-note-handle{position:absolute;top:0;bottom:0;width:4px;cursor:col-resize;z-index:3}.mc-note-handle--right{right:0}.mc-piano-roll{cursor:crosshair}.mc-keyboard-wrapper{margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--mc-radius-lg);border:1px solid var(--mc-border);background:var(--mc-surface);padding:.75rem}.mc-keyboard{display:flex;position:relative;height:var(--mc-keyboard-height);min-width:500px;user-select:none}.mc-key{position:relative;flex:1;background:linear-gradient(180deg,#f8f8f8 0,#e8e8e8 100%);border:1px solid rgba(0,0,0,.15);border-radius:0 0 var(--mc-radius-sm) var(--mc-radius-sm);cursor:pointer;transition:background var(--mc-transition),box-shadow var(--mc-transition);z-index:1}.mc-key:hover{background:linear-gradient(180deg,#fff 0,#f0f0f0 100%)}.mc-key:active{background:linear-gradient(180deg,#e0e0e0 0,#d0d0d0 100%)}.mc-key::after{content:attr(data-note-name);position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:.55rem;color:rgba(0,0,0,.3);font-weight:500;pointer-events:none}@media (max-width:768px){.mc-keyboard{height:80px;min-width:400px}.mc-key::after{display:none}}.mc-settings{border:1px solid var(--mc-border);border-radius:var(--mc-radius-lg);background:var(--mc-surface);padding:1rem;margin-bottom:1.5rem}.mc-settings-header{font-size:.8rem;font-weight:700;color:var(--mc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--mc-border)}.mc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width:768px){.mc-settings-grid{grid-template-columns:1fr}}.mc-setting-group{display:flex;flex-direction:column;gap:.35rem}.mc-setting-group--sounds{grid-column:1/-1}.mc-setting-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mc-sound-controls{flex-direction:column;align-items:stretch}.mc-sound-row{display:flex;align-items:center;gap:.5rem}.mc-sound-label{font-size:.75rem;color:var(--mc-text-muted);min-width:55px}.mc-slider-wrapper{display:flex;align-items:center;gap:.5rem;flex:1}.mc-slider-label{font-size:.65rem;color:var(--mc-text-dim);white-space:nowrap}.mc-slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;background:var(--mc-border);border-radius:2px;outline:0}.mc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--mc-accent);cursor:pointer;box-shadow:0 0 6px var(--mc-accent-glow);transition:box-shadow var(--mc-transition)}.mc-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--mc-accent-glow)}.mc-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--mc-accent);cursor:pointer;border:none;box-shadow:0 0 6px var(--mc-accent-glow)}.mc-transport{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.mc-transport-btn{background:var(--mc-surface);border:1px solid var(--mc-border);color:var(--mc-text-muted);border-radius:var(--mc-radius);padding:.5rem 1rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--mc-transition);display:inline-flex;align-items:center}.mc-transport-btn:hover{background:var(--mc-surface-hover);color:var(--mc-text);border-color:var(--mc-border-hover)}.mc-play-btn:hover{border-color:var(--mc-melody-color);color:var(--mc-melody-color)}.mc-stop-btn:hover{border-color:var(--mc-playhead-color);color:var(--mc-playhead-color)}.mc-export-btn:hover{border-color:var(--mc-accent);color:var(--mc-accent)}.mc-generate{text-align:center;padding:.5rem 0}.mc-generate-btn{position:relative;background:linear-gradient(135deg,var(--mc-accent) 0,#8b5cf6 100%);border:none;color:#fff;font-size:1.1rem;font-weight:700;padding:.85rem 3rem;border-radius:50px;cursor:pointer;transition:all var(--mc-transition-slow);box-shadow:0 4px 20px var(--mc-accent-glow);overflow:hidden;letter-spacing:.02em}.mc-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--mc-accent-glow)}.mc-generate-btn:active{transform:translateY(0);box-shadow:0 2px 12px var(--mc-accent-glow)}.mc-generate-btn::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);animation:mc-shimmer 3s ease-in-out infinite}@keyframes mc-shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.mc-playhead--active{display:block;animation:mc-playhead-glow 1s ease-in-out infinite alternate}@keyframes mc-playhead-glow{from{box-shadow:0 0 6px var(--mc-playhead-color)}to{box-shadow:0 0 12px var(--mc-playhead-color)}}/*# sourceMappingURL=index.bundle.css.map */