/* Media Control V8.0 — optional protected video + controlled image upload */
.media-v8-card{border:1px solid #dbe7f3;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.media-v8-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-v8-head strong{display:flex;align-items:center;gap:8px;font-size:15px;color:#0f172a}.media-v8-badge{font-size:11px;font-weight:900;border-radius:999px;padding:5px 9px;background:#eef2ff;color:#4338ca}.media-v8-badge.off{background:#f1f5f9;color:#64748b}.media-v8-badge.ready{background:#ecfdf5;color:#047857}.media-v8-badge.warn{background:#fff7ed;color:#c2410c}
.media-v8-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f1f5f9;border-radius:14px;padding:5px}.media-v8-switch button{border:0;background:transparent;border-radius:10px;padding:10px 12px;font-weight:900;color:#64748b;cursor:pointer}.media-v8-switch button.active{background:#fff;color:#0f172a;box-shadow:0 4px 12px rgba(15,23,42,.08)}.media-v8-switch button[disabled]{opacity:.45;cursor:not-allowed}
.media-v8-upload{border:1px dashed #bfdbfe;background:#eff6ff;border-radius:16px;padding:14px;margin-top:12px}.media-v8-upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.media-v8-file{flex:1;min-width:210px;background:#fff;border:1px solid #dbeafe;padding:10px;border-radius:12px}.media-v8-btn{border:0;border-radius:12px;padding:11px 16px;font-weight:900;cursor:pointer;background:#1d4ed8;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px}.media-v8-btn.secondary{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe}.media-v8-btn:disabled{opacity:.55;cursor:not-allowed}
.media-v8-progress{height:9px;background:#dbeafe;border-radius:999px;overflow:hidden;margin-top:11px;display:none}.media-v8-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#0ea5e9);transition:width .2s}.media-v8-status{margin-top:9px;font-size:12px;font-weight:800;color:#475569;line-height:1.7}.media-v8-note{font-size:12px;color:#64748b;line-height:1.7;margin-top:8px}.media-v8-hidden{display:none!important}
.media-v8-image-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.media-v8-image-preview{margin-top:9px;min-height:0}.media-v8-image-preview img,.media-q-thumb,.media-question-image{display:block;max-width:100%;height:auto;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 5px 14px rgba(15,23,42,.08)}.media-v8-image-preview img{max-height:190px;object-fit:contain;background:#fff}.media-q-thumb{width:76px;height:54px;object-fit:cover;margin-bottom:6px}.media-question-image{max-height:420px;object-fit:contain;margin:0 auto 18px;background:#fff}
.media-v8-quota{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.media-v8-chip{font-size:11px;font-weight:900;padding:6px 9px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155}
@media(max-width:640px){.media-v8-card{padding:13px;border-radius:16px}.media-v8-switch{grid-template-columns:1fr}.media-v8-upload-row>*{width:100%}.media-v8-btn{width:100%}}

/* Question imagery — V8 */
.media-v8-question-image-block{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f8fafc)}
.media-v8-draft-thumb{display:block;width:92px;height:66px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0;margin:0 0 9px auto;background:#fff}
.media-v8-legacy-image-row{margin-top:10px;padding:10px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}
.media-v8-legacy-image-row label{display:block;font-size:12px;font-weight:900;margin-bottom:7px;color:#475569}
.media-v8-legacy-image-row input[type=url]{width:100%}
.media-v8-legacy-thumb{display:block;max-width:130px;max-height:90px;object-fit:cover;border-radius:10px;margin-top:8px;border:1px solid #e2e8f0}
.qr-question-image{margin:12px 0 16px;display:flex;justify-content:center}
.qr-question-image img{display:block;max-width:min(100%,720px);max-height:460px;object-fit:contain;border-radius:16px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}
@media(max-width:640px){.media-v8-draft-thumb{width:80px;height:58px}.qr-question-image img{border-radius:12px;max-height:340px}}