.vu-meter{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;border:1px solid var(--border, rgba(255,255,255,.08));background:#ffffff05}.vu-meter-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vu-meter-title{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #8f8497)}.vu-meter-ref{font-size:10px;color:var(--text-faint, var(--text-muted, #8f8497))}.vu-faces{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.vu-face{width:100%;height:auto;display:block}.vu-plate{fill:#f1e4c6;stroke:#00000073;stroke-width:1}.vu-arc{fill:none;stroke:#2a2320;stroke-width:1.2}.vu-arc-red{stroke:#d23b2f;stroke-width:3}.vu-tick{stroke:#2a2320;stroke-width:1.2}.vu-tick-red{stroke:#d23b2f}.vu-num{font:700 8px system-ui,sans-serif;fill:#2a2320;text-anchor:middle}.vu-num-red{fill:#d23b2f}.vu-label{font:800 11px system-ui,sans-serif;fill:#2a2320;text-anchor:middle;letter-spacing:.08em}.vu-channel{font:700 9px system-ui,sans-serif;fill:#6b5d4f}.vu-lamp{fill:#5a1f1a;stroke:#00000059;transition:fill .08s}.vu-lamp.is-on{fill:#ff3b30}.vu-lamp-label{font:700 6px system-ui,sans-serif;fill:#6b5d4f;text-anchor:end}.vu-needle{stroke:#15110f;stroke-width:1.6;stroke-linecap:round}.vu-pivot{fill:#1b1716}.mps{position:relative;display:grid;gap:14px;margin:0 0 18px;padding:22px;border:1px solid rgba(181,87,243,.28);border-radius:22px;background:radial-gradient(120% 90% at 0% 0%,rgba(239,74,168,.14),transparent 55%),radial-gradient(100% 80% at 100% 0%,rgba(109,139,255,.12),transparent 55%),linear-gradient(160deg,#181220fa,#0c0911fa);box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff0d;overflow:hidden;text-align:left;min-width:0}.mps>*{position:relative;min-width:0}.mps-glow{position:absolute!important;inset:-40% -10% auto;height:70%;background:radial-gradient(closest-side,rgba(181,87,243,.16),transparent);filter:blur(30px);pointer-events:none;animation:mps-breathe 6s ease-in-out infinite}@keyframes mps-breathe{50%{opacity:.55;transform:translateY(12px)}}.mps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mps-head-copy{min-width:0}.mps-kicker{display:inline-block;color:#e889d8;font:800 10px/1 DM Mono,ui-monospace,monospace;letter-spacing:.14em}.mps-head h1{margin:8px 0 6px;color:#fbf7ff;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.035em}.mps-head p{margin:0;max-width:620px;color:#a99eb4;font-size:13px;line-height:1.55}.mps-change{flex:0 0 auto;padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e6dcef;font-size:12px;font-weight:700;cursor:pointer}.mps-change:hover{border-color:#ffffff4d;background:#ffffff14}.mps-player{display:grid;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#08060c8c}.mps-file{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.mps-file-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ef4aa8,#8b4de3);color:#fff;font-size:14px}.mps-file strong{min-width:0;max-width:min(420px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f0fa;font-size:14px}.mps-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.mps-chips em{padding:4px 9px;border-radius:999px;font-style:normal;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#c9bed4;font:700 10.5px/1.2 DM Mono,ui-monospace,monospace}.mps-wave-row{display:flex;align-items:center;gap:14px}.mps-play{flex:0 0 auto;width:64px;height:64px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff5fb7,#b557f3 60%,#6d8bff);box-shadow:0 10px 30px #d946ef73,inset 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.mps-play svg{width:26px;height:26px;fill:currentColor}.mps-play:hover{transform:scale(1.05)}.mps-play.is-playing{animation:mps-pulse 1.6s ease-in-out infinite}@keyframes mps-pulse{50%{box-shadow:0 0 0 10px #d946ef1f,0 10px 30px #d946ef73}}.mps-wave{position:relative;flex:1;min-width:0}.mps-wave canvas{display:block;width:100%;height:120px;cursor:pointer;border-radius:10px;outline:none}.mps-wave canvas:focus-visible{box-shadow:0 0 0 2px #b557f3b3}.mps-hover-time{position:absolute;top:-6px;transform:translate(-50%,-100%);padding:3px 7px;border-radius:6px;background:#1d1626;border:1px solid rgba(255,255,255,.14);color:#fff;font:700 10.5px/1 DM Mono,ui-monospace,monospace;pointer-events:none;white-space:nowrap}.mps-time{display:flex;justify-content:space-between;gap:12px;padding-left:78px;color:#8f849a;font:600 11px/1.3 DM Mono,ui-monospace,monospace}.mps-time b{color:#f3ecfa}.mps-time-hint{font-family:inherit;text-align:right}.mps-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mps-panel-title span{color:#d9cfe0;font:800 9px/1 DM Mono,ui-monospace,monospace;letter-spacing:.1em}.mps-panel-title small{color:#776e80;font-size:10px}.mps-panel-title i{width:7px;height:7px;margin-right:8px;display:inline-block;border-radius:50%;background:#5b5362}.mps-panel-title i.live{background:#49d88f;box-shadow:0 0 10px #49d88f}.mps-spectrum{padding:18px;border:1px solid rgba(181,87,243,.24);border-radius:16px;background:linear-gradient(145deg,#15101cfa,#0d0a12fa)}.mps-spectrum-box{position:relative;height:150px;border-radius:12px;background:#0b0910;border:1px solid rgba(255,255,255,.06);overflow:hidden}.mps-spectrum-box canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.mps-spectrum-idle{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:0 16px;text-align:center;color:#8a7f95;font-size:12px;pointer-events:none}.mps-spectrum-bands span{position:absolute;top:8px;box-sizing:border-box;padding:0 2px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#e8def580;font:800 8.5px/1 DM Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.mps-spectrum-axis{position:relative;height:16px;margin-top:4px}.mps-spectrum-axis span{position:absolute;transform:translate(-50%);color:#6f6679;font:600 9px/16px DM Mono,ui-monospace,monospace}.mps .master-live-meter{margin-top:0}.mps .master-live-board .master-live-grid strong{font-size:clamp(18px,1.55vw,26px)}.mps-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}.mps-analyze{display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;cursor:pointer;border-radius:16px;border:1px solid rgba(236,72,153,.5);background:linear-gradient(135deg,#ec489929,#a855f71f);color:#fff;transition:border-color .15s ease,transform .15s ease}.mps-analyze:hover:not(:disabled){border-color:#ec4899e6;transform:translateY(-1px)}.mps-analyze:disabled{cursor:progress;opacity:.85}.mps-analyze-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ef4aa8,#8b4de3);font-size:18px;box-shadow:0 6px 18px #d946ef66}.mps-analyze-copy{display:grid;gap:3px;min-width:0}.mps-analyze-copy strong{font-size:15px}.mps-analyze-copy small{color:#c8bdd2;font-size:11.5px;line-height:1.35}.mps-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:mps-rotate .8s linear infinite}@keyframes mps-rotate{to{transform:rotate(360deg)}}.mps-primary-wrap{display:grid;gap:8px;align-content:stretch}.mps-primary{min-height:72px;padding:16px 20px;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(110deg,#ef4aa8,#b557f3 72%,#8b4de3);color:#fff;font:800 15px/1.1 DM Sans,system-ui,sans-serif;letter-spacing:.04em;box-shadow:0 14px 36px #d946ef59;transition:transform .15s ease,box-shadow .15s ease}.mps-primary:hover{transform:translateY(-1px);box-shadow:0 18px 44px #d946ef73}.mps-primary span{margin-left:6px}.mps-primary-note{color:#a99eb4;font-size:11.5px;line-height:1.45;text-align:center}.mps-primary-note strong{color:#eee6f5}.mps-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;color:#a99eb4;font-size:12px}.mps-footer a,.mps-footer button{padding:0;border:0;background:none;color:#d9a4f2;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.mps-footer a:hover,.mps-footer button:hover{text-decoration:underline}@media(max-width:760px){.mps{padding:16px;border-radius:18px}.mps-head{flex-direction:column}.mps-change{align-self:flex-start}.mps-actions{grid-template-columns:minmax(0,1fr)}.mps-time{padding-left:0}.mps-time-hint{display:none}}@media(max-width:520px){.mps-player{padding:12px}.mps-wave-row{gap:10px}.mps-play{width:52px;height:52px}.mps-play svg{width:22px;height:22px}.mps-wave canvas{height:92px}.mps-spectrum{padding:14px}.mps-spectrum-box{height:130px}.mps-spectrum-bands span{font-size:7px;letter-spacing:0}.mps-spectrum-bands span:first-child{visibility:hidden}.mps-spectrum-axis span:nth-child(odd){display:none}}.master-compare .mcs{margin-top:0}.mcs .mps-head h1{font-size:clamp(30px,3.6vw,44px)}.mcs-summary p{margin:0;color:#c9bed4;font-size:13.5px}.mcs-summary strong{color:#fff}.mcs .mps-head .master-volume-match{margin:0;flex:0 0 auto}.mcs .mps-head .master-volume-match strong{font-size:11px}.mcs .mps-head .master-volume-match small{font-size:9.5px}.mcs .master-live-meter{margin-top:0}.mcs-transport{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.mcs-ab{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;min-width:0}.mcs-ab-btn{display:grid;gap:3px;min-width:150px;padding:10px 16px;border:0;border-radius:12px;background:transparent;color:#a99eb4;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.mcs-ab-btn strong{font:800 12px/1 DM Mono,ui-monospace,monospace;letter-spacing:.12em}.mcs-ab-btn small{font-size:10.5px;color:inherit;opacity:.8}.mcs-ab-btn:hover{color:#fff}.mcs-ab-btn--original.is-on{color:#fff;background:linear-gradient(135deg,#6d8bff73,#8fb4ff33);box-shadow:0 6px 20px #6d8bff4d,inset 0 0 0 1px #8fb4ff80}.mcs-ab-btn--master.is-on{color:#fff;background:linear-gradient(135deg,#ff5fb780,#b557f34d);box-shadow:0 6px 20px #d946ef59,inset 0 0 0 1px #ff8cd280}.mcs-time{margin-left:auto;color:#8f849a;font:600 12px/1 DM Mono,ui-monospace,monospace}.mcs-time b{color:#f3ecfa;font-size:15px}.mcs-lanes{display:grid;gap:8px}.mcs-lane{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;border-radius:12px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.mcs-lane.is-active{border-color:#ffffff1a;background:#ffffff06}.mcs-lane canvas{display:block;width:100%;height:96px;cursor:pointer}.mcs-lane-label{display:grid;gap:4px;min-width:0}.mcs-lane-label strong{display:flex;align-items:center;gap:8px;color:#e8dff0;font:800 10.5px/1.2 DM Mono,ui-monospace,monospace;letter-spacing:.1em}.mcs-lane-label strong:before{content:"";width:9px;height:9px;border-radius:50%;flex:0 0 auto}.mcs-lane--original .mcs-lane-label strong:before{background:#8fb4ff;box-shadow:0 0 10px #6d8bffe6}.mcs-lane--master .mcs-lane-label strong:before{background:#ff5fb7;box-shadow:0 0 10px #ff5fb7e6}.mcs-lane-label small{color:#7f7589;font-size:10.5px;padding-left:17px}.mcs-lane:not(.is-active) .mcs-lane-label{opacity:.6}.mcs-hint{margin:2px 0 0;color:#8f849a;font-size:11.5px}.mps-listening{margin-left:10px;padding:3px 8px;border-radius:999px;background:#ffffff14;color:#f3ecfa;font:inherit;letter-spacing:.08em}@media(max-width:760px){.mcs .mps-head .master-volume-match{align-self:stretch;width:auto}.mcs-transport{gap:12px}.mcs-ab{flex:1 1 100%;order:3}.mcs-ab-btn{min-width:0;padding:10px 12px}.mcs-lane{grid-template-columns:minmax(0,1fr);gap:6px;padding:6px}.mcs-lane canvas{height:72px}.mcs-lane-label{display:flex;align-items:baseline;gap:10px}.mcs-lane-label small{padding-left:0}}
