.preview-dialog{width:min(680px,calc(100% - 28px));max-height:92vh;padding:0;border:0;border-radius:18px;background:#f5f6f8;box-shadow:0 28px 90px #071a2d66}.preview-dialog::backdrop{background:#071a2dcc}.preview-shell{padding:22px}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.preview-head .eyebrow{margin-top:0}.preview-tabs{display:flex;gap:8px;margin-bottom:14px}.preview-tab{padding:10px 18px;border:1px solid #dde2e9;border-radius:999px;background:#fff;color:#425066;font-weight:800;cursor:pointer}.preview-tab.active{border-color:#f4510b;background:#f4510b;color:#fff}.social-preview{max-width:520px;margin:auto;overflow:hidden;border:1px solid #dde2e9;border-radius:14px;background:#fff;box-shadow:0 8px 28px #071a2d12}.social-preview header{display:flex;align-items:center;gap:10px;padding:14px}.social-preview header div{display:grid;gap:2px}.social-preview header small{color:#6c7789}.preview-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f4510b;color:#fff;font-size:11px;font-weight:900}.preview-caption{padding:0 14px 14px;white-space:pre-wrap;line-height:1.5;color:#263246}.preview-media{display:grid;place-items:center;min-height:180px;background:#eef1f4}.preview-media img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#071a2d}.preview-missing-media{padding:55px 20px;color:#6c7789}.preview-actions{display:flex;justify-content:flex-end;margin-top:18px}.preview-published{margin:15px 0 0;padding:11px;border-radius:10px;background:#def6ec;color:#075b3d;text-align:center;font-weight:800}@media(max-width:600px){.preview-shell{padding:16px}.preview-head{align-items:stretch;flex-direction:column}.preview-head button{align-self:flex-end}.preview-actions .primary{width:100%}}