/* SOUNDFORONE Quick Master (homepage) */
.qm-hero h1{font:900 clamp(30px,4.4vw,52px)/1.02 Archivo,sans-serif;letter-spacing:-.02em;margin:8px 0 14px}
.qm-hero p{max-width:56ch}
.qm-drop{background:#0b0f0b;color:#e9ede9;border:2px dashed #2f5c3d;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;outline:none}
.qm-drop:hover,.qm-drop:focus-visible{border-color:#1ed760}
.qm-drop.over{border-color:#1ed760;border-style:solid;background:#0f1a12;transform:scale(1.015)}
.qm-drop.busy{cursor:progress;opacity:.75}
.qm-drop b{font:800 20px Archivo,sans-serif}
.qm-hint{color:#a5ada5;font-size:12px}
.qm-hint label{color:#1ed760;text-decoration:underline;cursor:pointer}
.qm-icon{display:flex;align-items:center;gap:5px;height:46px}
.qm-icon i{display:block;width:7px;height:var(--h);background:#1db954}
.qm-drop.busy .qm-icon i{animation:qmPulse .9s ease-in-out infinite alternate}
.qm-drop.busy .qm-icon i:nth-child(2n){animation-delay:.3s}
@keyframes qmPulse{to{transform:scaleY(.35)}}
.qm-panel{margin-top:0}
.qm-panel>div{border:1px solid #2c342c;border-top:0;background:#101410;padding:24px}
.qm-busy{display:flex;flex-direction:column;gap:8px}
.qm-busy b{font:800 16px Archivo,sans-serif;color:#e9ede9}
.qm-busy span{color:#a5ada5}
.qm-bar{display:block;height:3px;background:#2c342c;overflow:hidden;position:relative}
.qm-bar i{position:absolute;inset:0 auto 0 0;width:30%;background:#1db954;animation:qmSlide 1.2s linear infinite}
@keyframes qmSlide{from{left:-30%}to{left:100%}}
.qm-err{color:#ff8a80}
#qmResult.dim{opacity:.55;pointer-events:none}
.qm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.qm-head small,.qm-stats small,.qm-fix small{color:#1ed760;font-size:10px;letter-spacing:.12em}
.qm-head h3{font:800 22px Archivo,sans-serif;color:#e9ede9;margin-top:2px;word-break:break-word}
.qm-targets{display:flex;border:1px solid #414c41}
.qm-targets button{background:none;border:0;color:#a5ada5;font:700 11px 'JetBrains Mono',monospace;padding:8px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.qm-targets button+button{border-left:1px solid #414c41}
.qm-targets button em{font-style:normal;font-weight:400;font-size:10px;opacity:.8}
.qm-targets button.on{background:#1db954;color:#06130b}
.qm-targets button:focus-visible,.qm-ab button:focus-visible,.qm-play:focus-visible{outline:2px solid #1ed760;outline-offset:2px}
.qm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2c342c;border:1px solid #2c342c;margin:20px 0}
.qm-stats>div{background:#0b0f0b;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.qm-stats b{font:800 20px Archivo,sans-serif;color:#e9ede9}
.qm-stats span{color:#939d93;font-size:11px}
.qm-player{display:flex;align-items:center;gap:12px}
.qm-ab{display:flex;border:1px solid #414c41;flex:none}
.qm-ab button{background:none;border:0;color:#a5ada5;font:700 11px 'JetBrains Mono',monospace;padding:10px 12px;cursor:pointer}
.qm-ab button.on{background:#e9ede9;color:#06130b}
.qm-ab button[data-v=B].on{background:#1db954}
.qm-play{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#1db954;color:#06130b;font-size:16px;cursor:pointer}
.qm-wave{flex:1;position:relative;height:64px;cursor:pointer;min-width:0}
.qm-wave canvas{width:100%;height:64px;display:block}
.qm-wave i{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:0;pointer-events:none}
.qm-time{flex:none;color:#a5ada5;font-size:11px;min-width:84px;text-align:right}
.qm-lm{color:#939d93;font-size:11px;margin:10px 0 18px}
.qm-lm kbd{border:1px solid #414c41;padding:0 4px;font:inherit;color:#e9ede9}
.qm-fix ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.qm-fix li{padding:8px 12px;border-left:3px solid #1db954;background:#0b0f0b;color:#a5ada5}
.qm-fix li b{color:#e9ede9;margin-right:6px}
.qm-fix li.err{border-color:#ff8a80}
.qm-fix li.trim{border-color:#6d9dc5}
.qm-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.qm-dl{background:#1db954;color:#06130b;border:0;font:800 14px Archivo,sans-serif;padding:14px 22px;cursor:pointer}
.qm-dl:hover{background:#1ed760}
.qm-again{background:none;border:1px solid #414c41;color:#e9ede9;font:700 12px 'JetBrains Mono',monospace;padding:13px 16px;cursor:pointer}
.qm-actions a{color:#1ed760;font-size:12px;margin-left:6px}
.qm-status{color:#939d93;font-size:11px;margin-top:10px;min-height:1em}
@media (max-width:760px){
 .qm-drop{min-height:170px}
 .qm-stats{grid-template-columns:1fr}
 .qm-player{flex-wrap:wrap}
 .qm-wave{flex-basis:100%;order:3}
 .qm-time{order:4;text-align:left}
 .qm-targets{width:100%}.qm-targets button{flex:1;padding:8px 6px}
}

.qm-neural{margin-top:18px;border:1px solid #2f5c3d;background:#0b0f0b;padding:12px 14px}
.qm-neural small{color:#1ed760;font-size:10px;letter-spacing:.12em}
.qm-neural p{color:#a5ada5;font-size:12px;margin:6px 0}
.qm-nrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.qm-nrow label{color:#a5ada5;font-size:11px;display:flex;gap:8px;align-items:center}
.qm-nrow input{accent-color:#1db954}.qm-nrow em{font-style:normal;color:#e9ede9}
.qm-ab button:disabled{opacity:.35;cursor:not-allowed}
.qm-ab button[data-v=N].on{background:#8ab4f8;color:#06130b}

.qm-human{margin-top:18px;border:1px solid #414c41;background:#0b0f0b;padding:12px 14px}
.qm-human small{color:#ffd166;font-size:10px;letter-spacing:.12em}
.qm-human p{color:#a5ada5;font-size:12px;margin:6px 0}
.qm-hrow{display:flex;gap:12px;flex-wrap:wrap}
.qm-seg{display:flex;border:1px solid #414c41}
.qm-seg button{background:none;border:0;color:#a5ada5;font:700 11px 'JetBrains Mono',monospace;padding:8px 12px;cursor:pointer}
.qm-seg button+button{border-left:1px solid #414c41}
.qm-seg button.on{background:#ffd166;color:#06130b}
.qm-seg button:disabled{opacity:.35;cursor:not-allowed}
