.pm-screen { margin: 0; padding: clamp(16px, 3vw, 30px); background: #e9f0f6; border-top: 1px solid #c4d6e4; }
.pm-screen a { display: block; border-radius: 10px; overflow: hidden; border: 1px solid #b9ccd9; background: #fff; box-shadow: 0 10px 28px #17324f18; }
.pm-screen img { display: block; width: 100%; height: auto; }
.pm-screen figcaption { margin-top: 12px; color: #45657e; font-size: .85rem; line-height: 1.6; }
.pm-screen a:focus-visible { outline: 3px solid #df3045; outline-offset: 3px; }
.pm-preview-dialog { width: min(1440px, 96vw); max-height: 94vh; padding: 0; border: 1px solid #b9ccd9; border-radius: 14px; background: #f2f6f9; color: #17324f; }
.pm-preview-dialog::backdrop { background: #071a30d9; }
.pm-preview-bar { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; background: #17324f; color: #fff; }
.pm-preview-bar p { margin: 0; font-size: .9rem; }
.pm-preview-bar button { background: #fff; color: #17324f; border: 0; border-radius: 6px; padding: 10px 16px; cursor: pointer; font: 600 .9rem var(--font-body); }
.pm-preview-scroll { overflow: auto; }
.pm-preview-dialog img { display: block; width: 100%; height: auto; }
@media(max-width:680px) { .pm-preview-dialog img { width: 1000px; max-width: none; } }