.faq-card { display:grid; gap:16px; }
.faq-type-field { max-width:380px; }
.faq-image-panel { display:grid; gap:12px; padding:18px; border:1px solid #cddfea; border-radius:12px; background:#f2f8fc; }
.faq-image-panel[hidden] { display:none; }
.faq-image-panel small { color:#5c7284; font-size:12px; line-height:1.5; }
.faq-image-actions { display:flex; gap:10px; flex-wrap:wrap; }
.faq-image-preview { display:block; max-width:100%; width:420px; height:auto; border-radius:12px; border:1px solid #d2e2eb; background:white; }
.faq-image-preview[hidden] { display:none; }
.faq-approval { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.5; }
.faq-approval input { width:18px; height:18px; min-height:0; flex:none; margin-top:2px; }
.faq-image-status { font-size:13px; color:#175a8b; margin:0; }
.faq-image-message img { display:block; max-width:100%; width:380px; border-radius:10px; }
.faq-card .remove-row { justify-self:start; }
.faq-assets-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.faq-asset-preview { max-width:100%; width:auto; max-height:160px; object-fit:contain; background:white; border:1px solid #cddfea; border-radius:8px; padding:8px; }
.faq-asset-preview[hidden] { display:none; }
.faq-assets-grid input[type=file] { width:100%; min-width:0; font-size:13px; }
@media(max-width:700px) { .faq-assets-grid { grid-template-columns:1fr; } }