.upload-preview-dialog { width: min(1480px, 94vw); height: 94vh; max-width: 94vw; max-height: 94vh; margin: auto; padding: 0; border: 1px solid #dce5f2; border-radius: 18px; color: #243950; background: #fff; overflow: hidden; }
.upload-preview-dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.upload-preview-dialog::backdrop { background: rgb(20 30 48 / 48%); }
.upload-preview-dialog > header, .upload-preview-dialog > footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; }
.upload-preview-dialog > header { border-bottom: 1px solid #e1e8f2; }
.upload-preview-dialog > header span { color: #326aac; font-size: 12px; font-weight: 700; }
.upload-preview-dialog h2 { margin: 6px 0; font-size: 20px; overflow-wrap: anywhere; }
.upload-preview-dialog > header p, .upload-preview-dialog > footer span { margin: 0; color: #8091a8; font-size: 13px; }
.upload-preview-columns { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.upload-preview-source, .upload-preview-content { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.upload-preview-source { border-right: 1px solid #e1e8f2; }
.upload-preview-pane-title { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; gap: 12px; border-bottom: 1px solid #e1e8f2; }
.upload-preview-pane-title span { color: #8091a8; font-size: 12px; }
.upload-preview-source-scroll, .upload-preview-question-scroll { overflow: auto; min-height: 0; padding: 20px; background: #f4f7fb; overscroll-behavior: contain; }
.upload-preview-source-scroll figure { margin: 0 0 16px; padding: 16px; border: 1px solid #dfe7f3; border-radius: 10px; background: white; }
.upload-preview-source-scroll img { display: block; width: 100%; height: auto; }
.upload-preview-source-scroll figcaption { margin-top: 12px; color: #8091a8; font-size: 12px; text-align: center; }
.upload-preview-source-scroll iframe { width: 100%; height: 100%; min-height: 500px; border: 0; }
.upload-preview-question { margin: 0 0 16px; padding: 20px; border: 1px solid #dfe7f3; border-radius: 10px; background: white; overflow-wrap: anywhere; }
.upload-preview-question > header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #e1e8f2; }
.upload-preview-question img { max-width: 100%; height: auto; }
.upload-preview-question .alpha-question-content { font-size: 15px; line-height: 1.75; }
.upload-preview-dialog > footer { border-top: 1px solid #e1e8f2; background: #fafbfd; }
.upload-preview-empty { padding: 24px; color: #8091a8; }
.qm-question-switcher [data-action="qm-return-upload-preview"] { color: #326aac; white-space: nowrap; }
@media (max-width: 800px) { .upload-preview-dialog { width: 98vw; max-width: 98vw; } .upload-preview-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .upload-preview-dialog > header, .upload-preview-dialog > footer { padding: 12px; } .upload-preview-source-scroll, .upload-preview-question-scroll, .upload-preview-question { padding: 10px; } }