:root{--mq-a:#00d98b;--mq-b:#3d7eff;--mq-c:#ff6b2b;--grad-musiq:linear-gradient(135deg, var(--mq-a), var(--mq-b))}.musiq-logo{flex-shrink:0;width:28px;height:28px}.panel-section{border-bottom:1px solid #253c5299;padding:14px 14px 12px}.panel-section:last-child{border-bottom:none}.section-label{font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:#5e809a;margin-bottom:10px;font-size:8px;font-weight:700;display:block}.coord-label-box{color:#a8c2d6;font-size:11px;font-weight:600;line-height:1.5}.coord-label-box small{color:#5e809a;letter-spacing:.3px;margin-top:3px;font-size:9px;font-weight:500;display:block}.axis-legend{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.axis-pip{letter-spacing:.5px;text-transform:uppercase;color:#5e809a;align-items:center;gap:5px;font-size:9px;font-weight:600;display:flex}.mode-grid{grid-template-columns:1fr;gap:4px;display:grid}.mode-btn{color:#5e809a;font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;text-align:left;cursor:pointer;background:#1c2b3c;border:1.5px solid #253c52;border-radius:3px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.mode-btn:hover{color:#edf3fa;border-color:#324e68}.mode-btn.active{border-color:var(--mq-a);color:var(--mq-a);background:#00d98b12}.mode-btn.active.hybrid{border-color:var(--mq-b);color:var(--mq-b);background:#3d7eff12}.mode-btn.active.full{border-color:var(--mq-c);color:var(--mq-c);background:#ff6b2b12}.mode-price{opacity:.65;letter-spacing:.5px;font-size:9px;font-weight:500}.locked-section{opacity:.4;pointer-events:none}.mode-btn.locked{opacity:.45;cursor:not-allowed;position:relative}.mode-btn.locked:after{content:"PRO";letter-spacing:.5px;color:var(--mq-a);opacity:.7;font-size:7px;font-weight:700;position:absolute;top:4px;right:8px}.ratio-row{color:#a8c2d6;border-top:1px solid #253c52;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:10px;font-weight:600;display:none}.ratio-row.visible{display:flex}.ratio-row input[type=range]{accent-color:var(--mq-b);flex:1}.ratio-val{font-family:var(--font-mono);color:var(--mq-b);text-align:center;min-width:16px;font-size:11px;font-weight:700}.cf-row{align-items:center;gap:8px;margin-top:4px;display:flex}.cf-row input[type=range]{accent-color:var(--mq-a);flex:1}.cf-val{font-family:var(--font-mono);color:var(--mq-a);text-align:right;min-width:28px;font-size:11px;font-weight:700}.cf-lbl{color:#5e809a;white-space:nowrap;font-size:9px;font-weight:600}#countrySelect{width:100%;font-family:var(--font-body);color:#a8c2d6;cursor:pointer;background:#1c2b3c;border:1.5px solid #253c52;border-radius:3px;margin-top:6px;padding:7px 8px;font-size:11px;font-weight:500}#countrySelect:hover{border-color:#324e68}#countrySelect option,#countrySelect optgroup{color:#a8c2d6;background:#1c2b3c}#statusMsg{color:#5e809a;min-height:14px;font-size:10px;font-weight:500;line-height:1.5}#statusMsg.error{color:#ff4060}#statusMsg.ok{color:var(--mq-a)}.play-btn{background:var(--grad-musiq);color:#fff;width:100%;font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:11px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.play-btn:hover{opacity:.85}.play-btn.loading{opacity:.65;cursor:wait}.skip-btn{width:100%;font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:#a8c2d6;background:#1c2b3c;border:1.5px solid #253c52;border-radius:3px;align-items:center;gap:6px;margin-top:4px;padding:7px 8px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.skip-btn:not(:disabled):hover{border-color:var(--mq-a);color:var(--mq-a)}.skip-btn:disabled{opacity:.35;cursor:not-allowed}.skip-btn.ready{border-color:var(--mq-a);color:var(--mq-a)}.skip-progress{background:#5e809a;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.skip-progress.ready{background:var(--mq-a);animation:1.2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.panel-timer{align-items:center;gap:8px;margin-top:8px;display:flex}.timer-bar-outer{background:#253c52;border-radius:3px;flex:1;height:3px;overflow:hidden}.timer-bar{background:linear-gradient(90deg, var(--mq-a), var(--mq-b));width:100%;height:100%;transition:width 1s linear}.timer-text{font-family:var(--font-mono);color:var(--mq-a);text-align:right;min-width:36px;font-size:11px;font-weight:700}.musiq-workspace{background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.coord-outer{contain:layout style;isolation:isolate;background:var(--bg);flex:1;min-height:0;position:relative}.coord-canvas{cursor:crosshair;will-change:transform;width:100%;height:100%;display:block}.axis-label{letter-spacing:1.5px;text-transform:uppercase;color:#5e809a99;pointer-events:none;font-size:9px;font-weight:700;position:absolute}.axis-top{top:8px;left:50%;transform:translate(-50%)}.axis-bottom{bottom:8px;left:50%;transform:translate(-50%)}.axis-left{top:50%;left:6px;transform:translateY(-50%)rotate(-90deg)}.axis-right{top:50%;right:6px;transform:translateY(-50%)rotate(90deg)}.player-strip{background:#0d1520;border-top:1px solid #1c2b3c;flex-shrink:0;align-items:stretch;height:160px;display:flex}.waveform-col{flex-direction:column;flex:1;gap:8px;min-width:0;padding:14px 16px;display:flex}.player-meta{align-items:baseline;gap:8px;display:flex}.player-title{letter-spacing:2px;color:#5e809a;text-transform:uppercase;font-size:9px;font-weight:700}.player-subtitle{color:#a8c2d6;font-size:11px;font-weight:500}.waveform{align-items:center;gap:2px;height:56px;display:flex}.wv-bar{will-change:height;background:#253c52;border-radius:2px;flex:1;min-width:2px;transition:height 50ms}.wv-bar.active{background:var(--mq-a)}.wv-bar.hot{background:#ff4060}@keyframes wave-idle{0%,to{height:3px}50%{height:8px}}.waveform.playing .wv-bar:nth-child(odd){animation:.8s ease-in-out infinite wave-idle}.waveform.playing .wv-bar:nth-child(2n){animation:.8s ease-in-out .4s infinite wave-idle}.genre-row{color:#5e809a;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.genre-item{align-items:center;gap:4px;display:flex}.genre-item span{color:#a8c2d6}.genre-tag{color:var(--mq-a);letter-spacing:.5px;text-transform:uppercase;background:#00d98b14;border:1px solid #00d98b40;border-radius:3px;align-items:center;padding:2px 10px;font-size:10px;font-weight:700;display:inline-flex}.controls-col{border-left:1px solid #1c2b3c;flex-direction:column;flex-shrink:0;gap:8px;width:200px;padding:14px;display:flex}.vu-wrap{display:block}.vu-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.vu-label{letter-spacing:1.5px;text-transform:uppercase;color:#5e809a;font-size:8px;font-weight:700}.vu-peak-val{font-family:var(--font-mono);color:#a8c2d6;font-size:10px;font-weight:700}.vu-peak-val.clip{color:#ff4060}.vu-canvas{border-radius:2px;width:100%;display:block}.limit-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1520eb;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.limit-overlay.show{display:flex}.limit-box{text-align:center;background:#152030;border:1px solid #253c52;border-radius:12px;max-width:400px;padding:48px}.limit-box h2{font-family:var(--font-display);letter-spacing:-.5px;color:#edf3fa;margin-bottom:12px;font-size:28px;font-weight:800}.limit-box p{color:#5e809a;margin-bottom:24px;font-size:13px;font-weight:500;line-height:1.8}.limit-box a{background:var(--grad-musiq);color:#fff;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:6px;padding:12px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.limit-box a:hover{opacity:.85}@media (max-width:768px){.musiq-workspace{min-height:50vh}.coord-outer{min-height:200px}.player-strip{flex-direction:column;height:auto;padding:12px}.controls-col{border-top:1px solid #1c2b3c;border-left:none;width:100%}.musiq-logo{width:22px;height:22px}}[data-theme=light] .panel-section{border-bottom-color:var(--border)}[data-theme=light] .section-label{color:var(--text2)}[data-theme=light] .coord-label-box{color:var(--text)}[data-theme=light] .coord-label-box small{color:var(--muted)}[data-theme=light] .axis-pip{color:var(--text2)}[data-theme=light] .mode-btn{background:var(--surface2);border-color:var(--border2);color:var(--text2)}[data-theme=light] .mode-btn:hover{color:var(--text);border-color:var(--border2)}[data-theme=light] .mode-btn.active{border-color:var(--mq-a);color:var(--mq-a);background:#00d98b12}[data-theme=light] .mode-btn.active.hybrid{border-color:var(--mq-b);color:var(--mq-b);background:#3d7eff12}[data-theme=light] .mode-btn.active.full{border-color:var(--mq-c);color:var(--mq-c);background:#ff6b2b12}[data-theme=light] .ratio-row{color:var(--text2);border-top-color:var(--border)}[data-theme=light] #countrySelect{background:var(--surface2);color:var(--text);border-color:var(--border2)}[data-theme=light] #countrySelect option,[data-theme=light] #countrySelect optgroup{background:var(--surface2);color:var(--text)}[data-theme=light] #statusMsg{color:var(--text2)}[data-theme=light] .skip-btn{background:var(--surface2);border-color:var(--border2);color:var(--text2)}[data-theme=light] .skip-btn:not(:disabled):hover{border-color:var(--mq-a);color:var(--mq-a)}[data-theme=light] .timer-bar-outer{background:var(--border2)}[data-theme=light] .cf-lbl{color:var(--text2)}[data-theme=light] .player-strip{background:var(--surface);border-top-color:var(--border)}[data-theme=light] .player-title{color:var(--text2)}[data-theme=light] .player-subtitle{color:var(--text)}[data-theme=light] .wv-bar{background:var(--border2)}[data-theme=light] .genre-row{color:var(--text2)}[data-theme=light] .genre-item span{color:var(--text)}[data-theme=light] .controls-col{border-left-color:var(--border)}[data-theme=light] .vu-label{color:var(--text2)}[data-theme=light] .vu-peak-val{color:var(--text)}