.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-live-color:#E056FF;--mc-live-glow:rgba(224, 86, 255, 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:130px;--mc-chord-lane-height:60px;--mc-piano-roll-height:160px;--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{color:var(--mc-text);padding:2rem 0 3rem}.mc-input-card.file-drop-active{position:relative;z-index:1000;box-shadow:0 0 0 9999px rgba(0,0,0,.6)}.mc-input-card.file-drop-active::after{content:"Drop MIDI file here";position:absolute;inset:-2px;display:flex;align-items:center;justify-content:center;background:rgba(108,92,231,.08);border:2px dashed var(--mc-accent);border-radius:inherit;color:var(--mc-accent);font-size:.9rem;font-weight:600;letter-spacing:.03em;pointer-events:none;z-index:1}.mc-container{max-width:100%;margin:0 auto;padding:0 1.5rem}@media (min-width:1400px){.mc-container{padding:0 3rem}}.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-lock-btn--locked{background:var(--mc-accent);border-color:var(--mc-accent);color:#fff}.mc-lock-btn--locked:hover{background:var(--mc-accent);border-color:var(--mc-accent);color:#fff}.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{display:flex;border:1px solid var(--mc-border);border-radius:var(--mc-radius-lg);overflow:hidden;margin-bottom:1rem;user-select:none;background:var(--mc-surface)}.mc-timeline-labels{flex-shrink:0;width:var(--mc-lane-label-width);background:rgba(0,0,0,.4);z-index:5;border-right:1px solid var(--mc-border)}.mc-lane-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.5rem;gap:.25rem;border-bottom:1px solid var(--mc-border);position:relative}.mc-lane-label--header{padding:.35rem .5rem;font-size:.7rem}.mc-lane-label.mc-chord-lane{height:var(--mc-chord-lane-height)}.mc-lane-label.mc-bass-lane:not(.mc-lane-label--collapsed),.mc-lane-label.mc-melody-lane:not(.mc-lane-label--collapsed){height:var(--mc-piano-roll-height)}.mc-lane-buttons{display:flex;gap:.25rem}.mc-mute-btn{background:var(--mc-surface);border:1px solid var(--mc-border);color:var(--mc-text-dim);border-radius:var(--mc-radius-sm);padding:.15rem .35rem;font-size:.6rem;font-weight:700;cursor:pointer;transition:all var(--mc-transition);line-height:1}.mc-mute-btn:hover{border-color:var(--mc-border-hover);color:var(--mc-text-muted)}.mc-mute-btn--muted{background:var(--mc-playhead-color);border-color:var(--mc-playhead-color);color:#fff}.mc-lane-name-row{display:flex;align-items:center;gap:.35rem;width:100%;justify-content:space-between}.mc-lane-label--collapsed .mc-lane-expanded-only{display:none!important}.mc-lane-toggle{position:absolute;top:.35rem;right:.35rem;background:var(--mc-surface);border:1px solid var(--mc-border);color:var(--mc-text-dim);border-radius:var(--mc-radius-sm);padding:.15rem .35rem;font-size:.6rem;cursor:pointer;transition:all var(--mc-transition);line-height:1;display:inline-flex;align-items:center}.mc-lane-toggle:hover{border-color:var(--mc-accent);color:var(--mc-accent)}.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-timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}.mc-bar-numbers-track{display:flex;position:relative;border-bottom:1px solid var(--mc-border);background:rgba(255,255,255,.02)}.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-track{position:relative;overflow:visible;border-bottom:1px solid var(--mc-border)}.mc-lane-track:last-of-type{border-bottom:none}.mc-lane--collapsed{display:none!important}.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:0;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)}.mc-chord-clip{position:absolute;top:4px;bottom:4px;background:var(--mc-chord-color);border-radius:var(--mc-radius-sm);cursor:grab;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:box-shadow var(--mc-transition);user-select:none;z-index:2;overflow:hidden;min-width:30px}.mc-chord-clip:hover{box-shadow:0 0 12px var(--mc-chord-glow)}.mc-chord-clip:active{cursor:grabbing}.mc-chord-clip--playing{box-shadow:0 0 20px var(--mc-chord-glow),0 0 6px var(--mc-chord-glow),inset 0 0 20px rgba(255,255,255,.15);filter:brightness(1.4);animation:mc-clip-pulse .6s ease-in-out infinite alternate}.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-clip-name{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:auto;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.15rem .4rem;border-radius:var(--mc-radius-sm);border:1px solid transparent;transition:all var(--mc-transition)}.mc-chord-clip-name:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}.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-chord-clip:hover .mc-chord-lock-icon{opacity:.6}.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-chord-picker{min-width:200px;max-height:320px;overflow-y:auto}.mc-chord-picker .mc-picker-row{display:flex;flex-wrap:wrap;gap:.25rem}.mc-note{position:absolute;border-radius:3px;cursor:grab;z-index:2;transition:box-shadow var(--mc-transition);user-select:none;min-width:12px}.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-melody-lane .mc-note--playing{box-shadow:0 0 16px var(--mc-melody-glow),0 0 4px var(--mc-melody-glow);filter:brightness(1.5);animation:mc-note-pulse .4s ease-in-out infinite alternate}.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-bass-lane .mc-note--playing{box-shadow:0 0 16px var(--mc-bass-glow),0 0 4px var(--mc-bass-glow);filter:brightness(1.5);animation:mc-note-pulse .4s ease-in-out infinite alternate}.mc-note--dragging{opacity:.7;z-index:5}.mc-note-handle{position:absolute;top:-2px;bottom:-2px;width:8px;cursor:col-resize;z-index:3}.mc-note-handle--right{right:-2px}.mc-clip-handle{width:10px}.mc-clip-handle:hover{background:rgba(255,255,255,.25)}.mc-pitch-labels{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:4;pointer-events:none}.mc-pitch-label{position:absolute;left:1px;font-size:.45rem;color:var(--mc-text-dim);line-height:1;font-family:monospace;opacity:.7}.mc-piano-roll{cursor:crosshair}.mc-piano-roll--adding .mc-note{cursor:grab}.mc-marquee{position:absolute;border:1px solid var(--mc-accent);background:rgba(108,92,231,.15);border-radius:2px;pointer-events:none;z-index:8}.mc-note--selected{outline:2px solid var(--mc-accent);outline-offset:1px}.mc-chord-clip--selected{outline:2px solid var(--mc-accent);outline-offset:1px}.mc-note-ghost{position:absolute;border-radius:3px;pointer-events:none;z-index:1;opacity:.3}.mc-melody-lane .mc-note-ghost{background:var(--mc-melody-color)}.mc-bass-lane .mc-note-ghost{background:var(--mc-bass-color)}.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-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.mc-chord-badge{font-size:1.4rem;font-weight:700;color:var(--mc-text-dim);letter-spacing:.02em;min-width:60px;transition:color var(--mc-transition)}.mc-chord-badge--active{color:var(--mc-text)}.mc-keyboard-hint{font-size:.65rem;color:var(--mc-text-dim);letter-spacing:.03em}.mc-keyboard{display:flex;position:relative;height:var(--mc-keyboard-height);min-width:100%;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-label);position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:.5rem;color:rgba(0,0,0,.35);font-weight:600;pointer-events:none;white-space:nowrap}.mc-key--black{position:absolute;width:60%;height:60%;background:linear-gradient(180deg,#333 0,#111 100%);border:1px solid rgba(0,0,0,.3);border-radius:0 0 3px 3px;z-index:2;flex:none}.mc-key--black:hover{background:linear-gradient(180deg,#444 0,#222 100%)}.mc-key--black:active{background:linear-gradient(180deg,#222 0,#000 100%)}.mc-key--black::after{display:none}.mc-key--active-chord{background:linear-gradient(180deg,var(--mc-chord-color) 0,color-mix(in srgb,var(--mc-chord-color) 70%,#000))!important;box-shadow:0 0 12px var(--mc-chord-glow)}.mc-key--active-chord::after{color:rgba(255,255,255,.7)}.mc-key--active-melody{background:linear-gradient(180deg,var(--mc-melody-color) 0,color-mix(in srgb,var(--mc-melody-color) 70%,#000))!important;box-shadow:0 0 12px var(--mc-melody-glow)}.mc-key--active-melody::after{color:rgba(255,255,255,.7)}.mc-key--active-bass{background:linear-gradient(180deg,var(--mc-bass-color) 0,color-mix(in srgb,var(--mc-bass-color) 70%,#000))!important;box-shadow:0 0 12px var(--mc-bass-glow)}.mc-key--active-bass::after{color:rgba(255,255,255,.7)}.mc-key--active-live{background:linear-gradient(180deg,var(--mc-live-color) 0,color-mix(in srgb,var(--mc-live-color) 70%,#000))!important;box-shadow:0 0 12px var(--mc-live-glow)}.mc-key--active-live::after{color:rgba(255,255,255,.7)}.mc-key--active-chord.mc-key--active-melody{box-shadow:0 0 12px var(--mc-chord-glow),0 0 12px var(--mc-melody-glow)}.mc-keyboard--loading{background:linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.06) 50%,rgba(255,255,255,.02) 100%);background-size:200% 100%;animation:mc-keyboard-shimmer 1.5s ease-in-out infinite;border-radius:var(--mc-radius-sm)}@keyframes mc-keyboard-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:768px){.mc-keyboard{height:80px;min-width:400px}.mc-key::after{display:none}}.mc-input-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--mc-border)!important;border-radius:1rem;cursor:text;transition:border-color var(--mc-transition)}.mc-input-card:focus-within{border-color:var(--mc-accent);box-shadow:0 0 12px var(--mc-accent-glow)}.mc-input-textarea-wrap{padding:.75rem 1rem 0}.mc-input-textarea{border:0;outline:0;background:0 0;box-shadow:none!important;width:100%;min-height:24px;overflow-y:auto;line-height:1.5;padding:0;font-size:.9rem;font-family:inherit;color:var(--mc-text)}.mc-input-textarea::placeholder{color:var(--mc-text-dim);font-style:italic}.mc-input-textarea:focus{box-shadow:none!important;outline:0}.mc-input-actions{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem .5rem}.mc-input-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:0 0;color:var(--mc-text-muted);cursor:pointer;transition:all var(--mc-transition);font-size:.85rem}.mc-input-action-btn:hover{background:rgba(255,255,255,.08);color:var(--mc-text)}.mc-input-action-btn--active{background:rgba(255,255,255,.1);color:var(--mc-accent)}.mc-input-submit{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:34px;padding:0 1rem;border-radius:50px;border:none;background:linear-gradient(135deg,var(--mc-accent) 0,#8b5cf6 100%);color:#fff;cursor:pointer;transition:all var(--mc-transition);font-size:.8rem;font-weight:600;font-family:inherit;box-shadow:0 2px 10px var(--mc-accent-glow);position:relative;overflow:hidden;white-space:nowrap}.mc-input-submit:hover{transform:scale(1.04);box-shadow:0 4px 16px var(--mc-accent-glow)}.mc-input-submit:active{transform:scale(.97)}.mc-input-submit:disabled{opacity:.6;pointer-events:none}.mc-settings-panel{padding:.75rem 1rem 1rem;border-top: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-play-btn--playing{background:var(--mc-melody-color);border-color:var(--mc-melody-color);color:#fff}.mc-play-btn--playing:hover{background:var(--mc-melody-color);color:#fff}.mc-export-btn:hover{border-color:var(--mc-accent);color:var(--mc-accent)}.mc-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;pointer-events:none;animation:mc-sparkle-fly .6s ease-out forwards}@keyframes mc-sparkle-fly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--mc-sparkle-x,20px),var(--mc-sparkle-y,-30px)) scale(0)}}@keyframes mc-clip-pulse{from{filter:brightness(1.2);box-shadow:0 0 12px var(--mc-chord-glow)}to{filter:brightness(1.5);box-shadow:0 0 24px var(--mc-chord-glow),inset 0 0 12px rgba(255,255,255,.1)}}@keyframes mc-note-pulse{from{filter:brightness(1.3)}to{filter:brightness(1.6)}}.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)}}.mc-lane-track--loading{position:relative}.mc-lane-track--loading::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.03) 50%,transparent 100%);animation:mc-loading-sweep 1.5s ease-in-out infinite}@keyframes mc-loading-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.mc-skeleton{position:absolute;inset:0;z-index:10;background:rgba(var(--mc-bg-rgb,10,10,26),.7);overflow:hidden;border-radius:inherit}.mc-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.06) 40%,rgba(255,255,255,.06) 60%,transparent 100%);animation:mc-skeleton-sweep 1.2s ease-in-out infinite}@keyframes mc-skeleton-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.mc-skeleton-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;pointer-events:none;background:rgba(10,10,26,.75);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:inherit}.mc-ai-loader{display:flex;align-items:center;gap:5px;height:48px}.mc-ai-loader-bar{width:5px;border-radius:3px;background:var(--mc-accent);animation:mc-ai-bar 1.4s ease-in-out infinite}.mc-ai-loader-bar:nth-child(1){animation-delay:0s;opacity:.48}.mc-ai-loader-bar:nth-child(2){animation-delay:.12s;opacity:.56}.mc-ai-loader-bar:nth-child(3){animation-delay:.24s;opacity:.64}.mc-ai-loader-bar:nth-child(4){animation-delay:.36s;opacity:.72}.mc-ai-loader-bar:nth-child(5){animation-delay:.48s;opacity:.8}.mc-ai-loader-bar:nth-child(6){animation-delay:.6s;opacity:.88}.mc-ai-loader-bar:nth-child(7){animation-delay:.72s;opacity:.96}.mc-ai-loader-bar:nth-child(odd){background:var(--mc-melody-color)}.mc-ai-loader-bar:nth-child(even){background:var(--mc-accent)}.mc-ai-loader-bar:nth-child(3n){background:var(--mc-bass-color)}@keyframes mc-ai-bar{0%,100%{height:8px;opacity:.4}25%{height:36px;opacity:1}50%{height:16px;opacity:.7}75%{height:42px;opacity:.9}}.mc-skeleton-message{font-size:1.1rem;font-weight:500;color:var(--mc-text-muted);letter-spacing:.02em;opacity:1;transition:opacity .4s ease}.mc-skeleton-message--fading{opacity:0}.mc-chord-clip--new,.mc-note--new{animation:mc-fade-in .3s ease-out}@keyframes mc-fade-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}/*# sourceMappingURL=index.bundle.css.map */