/* css/aimix-pro.css —— 「AI 混剪」专业模式第 5 步:逐个镜头细调(时间线、镜头卡、备选、配乐泳道、一句话改全片、为什么这样剪、费用明细);归属 M8;前缀 amx-pro-,配色全部走 css/tokens.css */
.amx-pro-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text);background:var(--primary-light);border-radius:10px;padding:9px 12px;margin-bottom:12px}
.amx-pro-bar>i{color:var(--accent)}
.amx-pro-films{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.amx-pro-films .amx-lab{margin-right:4px}
.amx-pro-all{margin-left:auto}
.amx-pro-editor{display:flex;flex-direction:column;gap:12px}
.amx-pro-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--strong)}
.amx-pro-head span{font-size:13px;color:var(--text-secondary)}
.amx-pro-head em{font-style:normal;font-size:12px;color:var(--text-secondary);background:var(--bg);border-radius:999px;padding:2px 8px}
.amx-pro-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.amx-pro-st{flex:1;min-width:280px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;border-radius:10px;padding:8px 12px;border:1px solid var(--border);background:var(--bg-warm);color:var(--text)}
.amx-pro-st span{flex:1;min-width:200px;line-height:1.5}
.amx-pro-st.ok i{color:var(--success)}
.amx-pro-st.todo{border-color:rgba(232,176,75,.45);background:var(--primary-light)}
.amx-pro-st.todo i{color:var(--accent)}
.amx-pro-st.wait .amx-films-bar{flex-basis:100%}
.amx-pro-hist{display:flex;gap:6px}
.amx-pro-top{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;align-items:start}
.amx-pro-left,.amx-pro-right{display:flex;flex-direction:column;gap:10px;min-width:0}
.amx-pro-video{width:100%;max-height:480px;aspect-ratio:9/16;border-radius:10px;background:#000;object-fit:contain}
.amx-pro-box{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--bg-warm);font-size:13px;color:var(--text);line-height:1.6}
.amx-pro-box summary{cursor:pointer;color:var(--strong);font-weight:600}
.amx-pro-box summary i,.amx-pro-box-h i{color:var(--accent);margin-right:4px}
.amx-pro-box p{margin:6px 0}
.amx-pro-box-h{color:var(--strong);font-weight:600;margin-bottom:6px}
.amx-pro-ask-in{width:100%;resize:vertical}
.amx-pro-eg{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.amx-pro-eg .amx-chip{font-size:12px;padding:3px 10px}
.amx-pro-ask-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.amx-pro-cost{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}
.amx-pro-cost td{padding:5px 4px;border-bottom:1px dashed var(--border);color:var(--text)}
.amx-pro-cost td:nth-child(2){color:var(--text-secondary);white-space:nowrap}
.amx-pro-cost td:nth-child(3){text-align:right;white-space:nowrap;color:var(--strong)}
.amx-pro-tl{display:flex;flex-direction:column;gap:10px}
.amx-pro-sub{font-size:12px;color:var(--text-secondary);letter-spacing:.04em;margin-top:2px}
.amx-pro-lane{margin:0}
.amx-pro-lane svg{width:100%;height:40px;display:block;border-radius:8px;background:var(--bg);border:1px solid var(--border)}
.amx-pro-lane-b{fill:rgba(232,176,75,.08)}
.amx-pro-lane-b.alt{fill:rgba(255,255,255,.04)}
.amx-pro-lane-beat{stroke:var(--text-hint);stroke-width:1}
.amx-pro-lane-db{stroke:var(--accent);stroke-width:2}
.amx-pro-lane-cut{stroke:var(--success);stroke-width:2;stroke-dasharray:3 2}
.amx-pro-lane figcaption{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-hint);margin-top:4px}
.amx-pro-key{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px;border-radius:2px}
.amx-pro-key.cut{background:var(--success)}
.amx-pro-key.db{background:var(--accent)}
.amx-pro-key.beat{background:var(--text-hint)}
.amx-pro-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.amx-pro-line{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--bg-warm);display:flex;flex-direction:column;gap:8px}
.amx-pro-line-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--strong)}
.amx-pro-role{font-size:11px;color:var(--accent);border:1px solid rgba(232,176,75,.4);border-radius:999px;padding:0 7px}
.amx-pro-line-acts{margin-left:auto;display:flex;gap:6px}
.amx-pro-line-acts .amx-btn{padding:4px 10px;font-size:12px}
.amx-pro-line-text{font-size:14px;color:var(--text);line-height:1.6}
.amx-pro-line-edit textarea{width:100%;resize:vertical}
.amx-pro-slots{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.amx-pro-slot{flex:0 0 auto;max-width:100%;position:relative;border:2px solid var(--border);border-radius:10px;background:var(--bg);padding:0;cursor:pointer;overflow:hidden;height:92px;display:block;font-family:inherit;color:var(--text)}
.amx-pro-slot img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.amx-pro-slot.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(232,176,75,.25)}
.amx-pro-slot.b-strong{border-bottom-color:var(--success)}
.amx-pro-slot.b-weak{border-bottom-color:var(--accent)}
.amx-pro-slot.b-gap{border-bottom-color:var(--danger)}
.amx-pro-slot.locked img{opacity:.6}
.amx-pro-slot-t{position:absolute;top:4px;left:4px;right:4px;display:flex;gap:4px;align-items:center;font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.amx-pro-slot-t em{font-style:normal;background:rgba(232,176,75,.9);color:#1a1205;border-radius:999px;padding:0 6px;text-shadow:none}
.amx-pro-slot-b{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:4px;padding:3px 6px;font-size:11px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.amx-pro-slot-b small{color:var(--accent)}
.amx-pro-panel{border-top:1px dashed var(--border);padding-top:8px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text)}
.amx-pro-why{line-height:1.6}
.amx-pro-why em{font-style:normal;color:var(--text-secondary)}
.amx-pro-cands{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.amx-pro-cands li{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:6px;background:var(--bg);font-size:12px;line-height:1.4}
.amx-pro-cands li img{width:44px;height:58px;object-fit:cover;border-radius:6px;background:var(--bg-warm);flex:none}
.amx-pro-cands li span{flex:1;min-width:0}
.amx-pro-cands li.nofit{opacity:.55}
.amx-pro-search{display:flex;gap:6px;max-width:420px}
.amx-pro-search input{flex:1}
.amx-pro-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.amx-pro-more{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:10px}
.amx-pro-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--text)}
.amx-pro-row .amx-lab{width:76px}
.amx-pro-row .amx-lab i{color:var(--accent);margin-right:4px}
.amx-pro-chips{display:flex;flex-wrap:wrap;gap:6px}
.amx-pro-tracks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;max-height:260px;overflow:auto}
.amx-pro-tracks li{display:flex;align-items:center;gap:8px;justify-content:space-between;border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:12px;background:var(--bg)}
.amx-pro-tracks small{color:var(--text-hint)}
@media (max-width:900px){ .amx-pro-top{grid-template-columns:1fr} .amx-pro-video{max-height:360px} }
@media (max-width:640px){ .amx-pro-slot{width:30%!important} .amx-pro-line-acts{margin-left:0} }