/* ห้องพากย์ v2.0 — แผง “AI ช่วยสร้างพรอมต์” และเทมเพลต UGC วิดีโอ AI */
.aip{margin:0 0 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}
.aip>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:11px 14px}
.aip>summary::-webkit-details-marker{display:none}
.aip>summary b{font:600 15px var(--f-console)}
.aip>summary .fine{margin:0}
.aip[open]>summary{border-bottom:1px solid var(--line)}
.aip-body{padding:12px 14px 14px}
.aip-body textarea,#ugcDlg textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:9px 12px;resize:vertical;line-height:1.6}
#ugcDlg textarea{margin-top:0;background:var(--bg)}
.aip .btn[disabled]{opacity:.5;cursor:not-allowed}

.ugc-card{display:block;width:100%;text-align:left;margin-top:12px;padding:14px;border:1.5px dashed var(--air);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}
.ugc-card:hover{background:var(--bg)}
.ugc-card b{display:block;font:600 16px var(--f-console);margin:6px 0 2px}
.ugc-card p{margin:0;color:var(--muted);font-size:14px}
.ugc-card .pill{display:inline-block;padding:1px 10px;border-radius:999px;background:var(--air);color:#fff;font:700 12px/1.7 var(--f-console)}

.ugc-drops{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ugc-drop{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ugc-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:150px;padding:10px;border:1.5px dashed var(--wave);border-radius:var(--r-md);background:var(--bg);text-align:center;cursor:pointer}
.ugc-pick:hover,.ugc-pick:focus-visible{border-color:var(--air)}
.ugc-pick img{max-width:100%;max-height:150px;border-radius:var(--r-sm);object-fit:contain}
.ugc-pick b{font-size:14px}.ugc-pick small{color:var(--muted)}
.ugc-plus{font:600 30px/1 var(--f-console);color:var(--muted)}
.ugc-vid{display:block;margin:10px 0 0;border-radius:var(--r-md);background:#000;max-width:100%}
.ugc-vid.v{max-height:70vh;width:auto;margin-inline:auto}
.ugc-vid.h{width:100%}
.ugc-prog{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 8px;font-weight:600}
.ugc-prog small{font-weight:400;color:var(--muted);margin-left:6px}
.ugc-err{margin:0 0 8px;padding:9px 12px;border-radius:var(--r-sm);background:var(--air-soft);color:var(--ink);border:1px solid var(--air)}
@media (max-width:560px){.ugc-drops{grid-template-columns:1fr}.ugc-pick{min-height:120px}}