/* css/aimix-music.css —— 「AI 混剪」配乐(M4):③ 里的配乐选择、试听、拍点与能量图;前缀 amx-music-,配色走 css/tokens.css */
.amx-music{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--bg);min-width:0}
.amx-music-top{display:flex;align-items:center;gap:10px}
.amx-music-top h4{margin:0;font-size:14px;color:var(--strong);display:flex;align-items:center;gap:6px}
.amx-music-top h4 i{color:var(--accent)}
.amx-music-q{font-size:11px;border-radius:999px;padding:1px 8px;border:1px solid rgba(77,191,168,.5);color:var(--success);white-space:nowrap}
.amx-music-q.low{border-color:rgba(232,176,75,.5);color:var(--warning,#e8b04b)}
.amx-music-top .amx-music-q{margin-left:auto}
.amx-music-modes{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-white);align-self:flex-start;max-width:100%}
.amx-music-modes button{background:none;border:none;color:var(--text-secondary);padding:7px 14px;font-size:13px;cursor:pointer}
.amx-music-modes button.on{color:var(--accent);background:var(--primary-light)}
.amx-music-moods{display:flex;flex-wrap:wrap;gap:6px}
.amx-music-chip{background:var(--bg-white);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:3px 11px;font-size:12px;cursor:pointer}
.amx-music-chip.on,.amx-music-chip:hover{border-color:var(--accent);color:var(--accent)}
.amx-music-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}
.amx-music-it{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid transparent;border-radius:9px;cursor:pointer;background:var(--bg-white);min-width:0}
.amx-music-it:hover,.amx-music-it:focus{outline:none;border-color:var(--border)}
.amx-music-it.on{border-color:var(--accent);background:var(--primary-light)}
.amx-music-play,.amx-music-del{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg-warm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px}
.amx-music-play:hover{border-color:var(--accent);color:var(--accent)}
.amx-music-del{border-color:transparent;background:none;margin-left:4px}
.amx-music-del:hover{color:var(--danger)}
.amx-music-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.amx-music-meta b{font-size:13px;font-weight:500;color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amx-music-meta small{font-size:11px;color:var(--text-hint)}
.amx-music-meta em{font-style:normal;color:var(--accent)}
.amx-music-meta em.bad{color:var(--danger)}
.amx-music-tag{flex:none;font-size:10px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 6px}
.amx-music-detail{display:flex;flex-direction:column;gap:6px;background:var(--bg-white);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.amx-music-head{display:flex;align-items:center;gap:8px}
.amx-music-head b{font-size:14px;color:var(--strong)}
.amx-music-viz{margin:2px 0 0}
.amx-music-viz svg{display:block;width:100%;height:96px;border-radius:8px;background:var(--bg)}
.amx-music-sec{fill:var(--accent);opacity:.04}
.amx-music-sec.alt{opacity:.09}
.amx-music-sec.t-high{opacity:.14}
.amx-music-sec.t-peak{opacity:.2}
.amx-music-area{fill:var(--accent);fill-opacity:.35;stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke}
.amx-music-db{stroke:var(--text-secondary);stroke-width:1;opacity:.55;vector-effect:non-scaling-stroke}
.amx-music-drop{fill:var(--danger)}
.amx-music-win{fill:none;stroke:var(--strong);stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
.amx-music-viz figcaption{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-hint);margin-top:4px;align-items:center}
.amx-music-viz figcaption span{display:inline-flex;align-items:center;gap:4px}
.amx-music-key{display:inline-block;width:12px;height:8px;border-radius:2px}
.amx-music-key.area{background:var(--accent);opacity:.5}
.amx-music-key.db{width:2px;height:10px;background:var(--text-secondary)}
.amx-music-key.win{border:1.5px dashed var(--strong);background:none}
.amx-music-key.drop{width:0;height:0;border-radius:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--danger)}
.amx-music-dur{margin-left:auto}
.amx-music-win-tip{font-size:12px;color:var(--text);line-height:1.6}
.amx-music-win-tip i{color:var(--accent);margin-right:4px}
.amx-music-acts{display:flex;gap:8px;flex-wrap:wrap}
.amx-music-up{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.amx-music-check{font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px;cursor:pointer}
.amx-music-file{cursor:pointer}
.amx-music-dis{opacity:.45;pointer-events:none}
.amx-music-msg{font-size:12px;color:var(--text-secondary);background:var(--primary-light);border-radius:8px;padding:6px 10px}
@media (max-width:640px){
    .amx-music-modes button{padding:6px 10px;font-size:12px}
    .amx-music-viz svg{height:80px}
}