@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep:#090a10;--bg-surface:#10121b;--bg-surface-elevated:#161926;--glass-bg:#161926b3;--glass-border:#ffffff14;--glass-glow:#8b5cf626;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d466;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,#8b5cf61f 0%,#0000 40%),radial-gradient(circle at 85% 80%,#06b6d41a 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5}.studio-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;background:#0a0c12d9;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:1rem;display:flex}.brand-logo-ring{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));width:42px;height:42px;box-shadow:0 0 20px var(--accent-purple-glow);justify-content:center;align-items:center;display:flex}.brand-glyph{color:#fff;font-size:1.4rem}.brand-text h1{letter-spacing:.05em;color:#fff;font-size:1.35rem;font-weight:800;line-height:1.1}.brand-text h1 span{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-tagline{color:var(--text-muted);letter-spacing:.02em;font-size:.78rem}.header-actions{align-items:center;gap:.85rem;display:flex}.engine-badge{font-size:.78rem;font-family:var(--font-mono);color:var(--accent-emerald);border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.status-dot{background:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.btn{font-family:var(--font-main);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{padding:.45rem .85rem;font-size:.82rem}.btn-md{padding:.65rem 1.25rem;font-size:.92rem}.btn-lg{border-radius:var(--radius-lg);padding:.9rem 1.85rem;font-size:1.05rem}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), #7c3aed);color:#fff;box-shadow:0 4px 15px var(--accent-purple-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #8b5cf699}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff2e}.btn-glass{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff0d}.btn-glass:hover{color:var(--text-primary);background:#ffffff1a}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary)}.btn-success{background:linear-gradient(135deg, var(--accent-emerald), #059669);color:#fff;box-shadow:0 4px 15px #10b98166}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.btn-circle{cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.btn-play{background:linear-gradient(135deg, var(--accent-cyan), #0284c7);color:#fff;box-shadow:0 0 15px var(--accent-cyan-glow)}.btn-play:hover{transform:scale(1.08);box-shadow:0 0 22px #06b6d4b3}.studio-container{max-width:1400px;margin:0 auto;padding:2rem 2.5rem 5rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal);margin-bottom:1.5rem;padding:1.5rem 1.75rem}.glass-panel:hover{border-color:#ffffff1f}.dropzone-card{border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:linear-gradient(#161926cc,#10121bf2);border:2px dashed #8b5cf659;padding:4rem 2rem}.dropzone-card:hover,.dropzone-card.dragover{border-color:var(--accent-cyan);box-shadow:0 0 30px var(--accent-cyan-glow);background:#161926f2}.dropzone-glow-ring{width:76px;height:76px;color:var(--accent-purple);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.dropzone-icon{width:36px;height:36px}.dropzone-card h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.dropzone-sub{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.95rem}.workspace.hidden,.dropzone-card.hidden,.hidden{display:none!important}.track-header-bar{justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.track-meta{align-items:center;gap:1rem;display:flex}.track-icon{border-radius:var(--radius-md);background:#ffffff0d;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.track-title{color:#fff;font-size:1.2rem;font-weight:700}.track-specs{color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono)}.waveform-station{padding:1.5rem}.waveform-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.playback-controls{align-items:center;gap:1rem;display:flex}.time-display{font-family:var(--font-mono);color:var(--text-primary);font-size:1.05rem}.time-display span:first-child{color:var(--accent-cyan);font-weight:600}.waveform-tools{align-items:center;gap:.75rem;display:flex}.control-label{color:var(--text-muted);font-size:.8rem}.mini-slider{width:80px;accent-color:var(--accent-cyan)}.waveform-wrapper{border-radius:var(--radius-md);background:#080a0fb3;border:1px solid #ffffff0d;min-height:128px;padding:.5rem;position:relative}.spectrum-visualizer-container{border-radius:var(--radius-md);background:#080a0f99;height:50px;margin-top:.75rem;overflow:hidden}.spectrum-canvas{width:100%;height:50px;display:block}.analysis-hud-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.hud-card{border:1px solid var(--glass-border);padding:1.5rem;position:relative;overflow:hidden}.hud-card:before{content:"";width:100%;height:3px;position:absolute;top:0;left:0}.key-card:before{background:linear-gradient(90deg, var(--accent-cyan), #3b82f6)}.tempo-card:before{background:linear-gradient(90deg, var(--accent-purple), #ec4899)}.loudness-card:before{background:linear-gradient(90deg, var(--accent-amber), #f97316)}.hud-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.hud-title{letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:700}.badge{border-radius:var(--radius-full);padding:.25rem .65rem;font-size:.75rem;font-weight:600}.badge-cyan{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-purple{color:var(--accent-purple);background:#8b5cf626;border:1px solid #8b5cf64d}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.hud-hero-value{align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.camelot-pill{border:2px solid var(--accent-cyan);width:68px;height:68px;box-shadow:0 0 20px var(--accent-cyan-glow);color:#fff;font-size:1.75rem;font-weight:800;font-family:var(--font-mono);background:linear-gradient(135deg,#06b6d433,#8b5cf633);border-radius:50%;justify-content:center;align-items:center;display:flex}.key-details h3{color:#fff;font-size:1.6rem;font-weight:700;line-height:1.1}.sub-text{color:var(--text-secondary);font-size:.85rem}.bpm-counter-wrap{align-items:baseline;gap:.4rem;display:flex}.bpm-counter{font-size:3.2rem;font-weight:800;font-family:var(--font-mono);color:#fff;line-height:1}.bpm-unit{color:var(--accent-purple);font-size:1rem;font-weight:700}.beat-pulse-wrapper{flex-direction:column;align-items:center;gap:.25rem;margin-left:auto;display:flex}.beat-pulse-dot{background:var(--accent-purple);width:14px;height:14px;box-shadow:0 0 12px var(--accent-purple);border-radius:50%;transition:transform 50ms}.loudness-meters-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.meter-col{border-radius:var(--radius-sm);text-align:center;background:#080a0f99;padding:.65rem .5rem}.meter-col.highlight{background:#f59e0b14;border:1px solid #f59e0b59}.meter-label{color:var(--text-muted);font-size:.7rem;display:block}.meter-val{font-family:var(--font-mono);color:#fff;font-size:1rem;font-weight:700}.loudness-progress-bar{border-radius:var(--radius-full);background:#ffffff14;height:6px;overflow:hidden}.loudness-fill{background:linear-gradient(90deg, var(--accent-emerald), var(--accent-amber), var(--accent-rose));border-radius:var(--radius-full);height:100%}.hud-footnote{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono)}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-header h3{color:#fff;font-size:1.15rem;font-weight:700}.section-desc{color:var(--text-secondary);font-size:.85rem}.compatible-keys-grid{grid-template-columns:repeat(5,1fr);gap:.85rem;display:grid}.harmonic-pill-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);background:#080a0fb3;padding:1rem .85rem}.harmonic-pill-card:hover{border-color:var(--accent-cyan);background:#06b6d40d;transform:translateY(-2px)}.harmonic-camelot{font-size:1.25rem;font-weight:800;font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:.2rem;display:inline-block}.harmonic-key{color:#fff;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.harmonic-rel{color:var(--text-muted);font-size:.72rem}.preset-pill-group{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#080a0f99;gap:.5rem;padding:.3rem;display:flex}.preset-btn{color:var(--text-secondary);font-family:var(--font-main);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.preset-btn.active{background:var(--accent-purple);color:#fff;box-shadow:0 0 12px var(--accent-purple-glow)}.rack-controls-grid{border-radius:var(--radius-md);background:#080a0f80;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.25rem;padding:1.25rem;display:grid}.rack-knob-cell{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.rack-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.pro-slider{width:100%;accent-color:var(--accent-purple)}.knob-val{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.85rem;font-weight:600}.rack-extras-row{border-radius:var(--radius-md);background:#080a0f80;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.25rem;display:grid}.extra-title{color:#fff;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.input-inline-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.mini-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;display:block}.mini-input,.mini-select,.text-input{border:1px solid var(--glass-border);color:#fff;width:100%;font-family:var(--font-mono);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);background:#10131dcc;outline:none;padding:.45rem .6rem;font-size:.85rem}.mini-input:focus,.mini-select:focus,.text-input:focus{border-color:var(--accent-purple)}.watermark-toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.toggle-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.toggle-container input{display:none}.toggle-slider{border-radius:var(--radius-full);width:40px;height:22px;transition:background var(--transition-fast);background:#ffffff26;position:relative}.toggle-slider:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-container input:checked+.toggle-slider{background:var(--accent-purple)}.toggle-container input:checked+.toggle-slider:after{transform:translate(18px)}.toggle-text{color:var(--text-primary);font-size:.85rem}.ai-insight-box{border-left:3px solid var(--accent-purple);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#e2e8f0;white-space:pre-wrap;background:#080a0f99;padding:1.25rem;font-size:.92rem;line-height:1.7}.highlight-panel{background:linear-gradient(#161926d9,#0f111af2);border:1px solid #8b5cf659;box-shadow:0 0 35px #8b5cf61a}.hub-hero{justify-content:space-between;align-items:center;display:flex}.hub-hero-text h2{color:#fff;font-size:1.45rem;font-weight:800}.hub-hero-text p{color:var(--text-secondary);font-size:.9rem}.pipeline-progress-wrap{margin-top:1.5rem}.progress-info{font-size:.85rem;font-family:var(--font-mono);justify-content:space-between;margin-bottom:.4rem;display:flex}.progress-bar-bg{border-radius:var(--radius-full);background:#ffffff1a;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan));border-radius:var(--radius-full);width:0%;height:100%;transition:width .2s}.package-inventory-wrap{border-top:1px solid var(--glass-border);margin-top:1.75rem;padding-top:1.5rem}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.package-file-list{flex-direction:column;gap:.75rem;display:flex}.file-row-item{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#080a0f99;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.file-row-left{align-items:center;gap:1rem;display:flex}.file-row-badge{font-size:.75rem;font-family:var(--font-mono);border-radius:var(--radius-sm);background:#ffffff14;padding:.2rem .5rem;font-weight:600}.file-row-name{color:#fff;font-size:.9rem;font-weight:600}.file-row-desc{color:var(--text-muted);font-size:.78rem}.file-row-actions{align-items:center;gap:.75rem;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:520px;max-width:90vw;padding:2rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem}.modal-body p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.88rem}.input-field-group{margin-bottom:1rem}.input-field-group label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;display:block}.modal-note{color:var(--text-muted);font-size:.78rem}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.view-switch-pills{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#080a0fb3;padding:.25rem;display:flex}.pill-btn{color:var(--text-secondary);font-family:var(--font-main);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.35rem .85rem;font-size:.82rem;font-weight:600}.pill-btn.active{background:var(--accent-cyan);color:#090a10;box-shadow:0 0 12px var(--accent-cyan-glow)}.btn-pro-badge{color:var(--accent-amber);background:linear-gradient(135deg,#f59e0b33,#8b5cf633);border:1px solid #f59e0b66}.btn-pro-badge:hover{background:linear-gradient(135deg,#f59e0b4d,#8b5cf64d);box-shadow:0 0 15px #f59e0b66}.ab-switch-group{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#080a0fcc;align-items:center;gap:.4rem;margin-left:.75rem;padding:.25rem .6rem;display:flex}.ab-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.ab-btn{color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:.25rem .6rem;font-size:.78rem;font-weight:600}.ab-btn:hover:not(.disabled){color:var(--text-primary);background:#ffffff0f}.ab-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.ab-btn.disabled{opacity:.35;cursor:not-allowed}.batch-table-container{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#080a0f99;overflow-x:auto}.batch-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.batch-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);background:#10131dcc;padding:.85rem 1rem;font-size:.75rem;font-weight:600}.batch-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0a;padding:.85rem 1rem}.table-empty-msg{text-align:center;color:var(--text-muted);padding:2.5rem!important}.license-modal-card{width:680px}.pricing-cards-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}.pricing-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#0c0e16b3;padding:1.5rem}.pricing-card.highlight-card{border-color:var(--accent-purple);box-shadow:0 0 25px var(--accent-purple-glow);background:linear-gradient(#8b5cf61f,#0c0e16e6)}.pricing-tier-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-purple);font-size:.7rem;font-weight:700}.pricing-card h4{color:#fff;margin-top:.25rem;font-size:1.25rem;font-weight:700}.pricing-price{font-size:2rem;font-weight:800;font-family:var(--font-mono);color:#fff;margin:.5rem 0 1rem}.pricing-price span{color:var(--text-muted);font-size:.85rem}.pricing-features{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.82rem;list-style:none;display:flex}.license-key-activation-box{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#080a0f99;padding:1rem 1.25rem}.license-key-activation-box label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem;display:block}.license-input-row{gap:.75rem;display:flex}.license-msg{color:var(--text-muted);margin-top:.5rem;font-size:.75rem;display:block}@media (width<=1024px){.analysis-hud-grid{grid-template-columns:1fr}.rack-controls-grid{grid-template-columns:repeat(3,1fr)}.compatible-keys-grid{grid-template-columns:repeat(2,1fr)}.rack-extras-row,.pricing-cards-grid{grid-template-columns:1fr}.studio-header{padding:1rem 1.5rem}.studio-container{padding:1.5rem}}