.wpf-test-result-modal[hidden] { display: none !important; }
.wpf-test-result-modal { align-items: center; background: var(--wpf-test-modal-overlay, rgba(16, 24, 40, .7)); box-sizing: border-box; display: flex; inset: 0; justify-content: center; padding: 24px; position: fixed; z-index: 100000; }
.wpf-test-result-modal__dialog { background: var(--wpf-test-modal-background, #fff); border-radius: var(--wpf-test-modal-radius, 18px); box-shadow: 0 24px 64px rgba(16, 24, 40, .32); box-sizing: border-box; max-height: calc(100vh - 48px); max-width: min(var(--wpf-test-preview-width, 1080px), calc(100vw - 48px)); overflow: hidden; position: relative; width: 100%; }
.wpf-test-result-modal__header { align-items: center; border-bottom: 1px solid #e4e7ec; display: flex; justify-content: space-between; min-height: 86px; padding: 0 24px; }
.wpf-test-result-modal__header strong { color: var(--wpf-test-modal-title, #344054); font-size: 20px; font-weight: 600; }
.wpf-test-result-modal__actions { align-items: center; display: flex; gap: 12px; }
.wpf-test-result-modal__download { background: var(--wpf-test-modal-download, #f2f4f7); border-radius: 10px; color: var(--wpf-test-modal-download-text, #475467); font-weight: 600; padding: 13px 16px; text-decoration: none; }
.wpf-test-result-modal__download:hover { background: var(--wpf-test-modal-download-hover, #e4e7ec); color: var(--wpf-test-modal-download-text, #475467); }
.wpf-test-result-modal__close { align-items: center; background: var(--wpf-test-modal-close, #072ed2); border: 0; border-radius: 50%; color: var(--wpf-test-modal-close-icon, #fff); cursor: pointer; display: flex; font-size: 29px; height: 48px; justify-content: center; line-height: 1; width: 48px; }
.wpf-test-result-modal__close:hover { background: var(--wpf-test-modal-close-hover, #0525aa); color: var(--wpf-test-modal-close-icon, #fff); }
.wpf-test-result-modal__content { box-sizing: border-box; max-height: calc(100vh - 134px); min-height: 360px; overflow: auto; padding: 0; }
.wpf-test-result-modal__content iframe { border: 0; display: block; height: var(--wpf-test-preview-height, 760px); max-height: calc(100vh - 134px); width: 100%; }
.wpf-test-result-modal__content img { display: block; height: auto; margin: 0 auto; max-width: 100%; width: auto; }
@media (max-width: 782px) { .wpf-test-result-modal { padding: 12px; } .wpf-test-result-modal__dialog { max-height: calc(100vh - 24px); max-width: calc(100vw - 24px); } .wpf-test-result-modal__header { min-height: 68px; padding: 0 14px; } .wpf-test-result-modal__header strong { font-size: 17px; } .wpf-test-result-modal__download { font-size: 13px; padding: 10px; } .wpf-test-result-modal__close { height: 40px; width: 40px; } .wpf-test-result-modal__content { max-height: calc(100vh - 92px); } .wpf-test-result-modal__content iframe { height: min(var(--wpf-test-preview-height, 760px), calc(100vh - 92px)); } }