.pg-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:12px;overflow:hidden;margin:12px 0}.pg-mosaic a{position:relative;display:block;min-width:0}.pg-mosaic a[hidden]{display:none}.pg-mosaic a:only-child{grid-column:1/-1}.pg-mosaic img{display:block;width:100%;height:220px;object-fit:cover}.pg-mosaic span{position:absolute;inset:0;display:grid;place-items:center;background:#0008;color:white;font-size:2rem}.pg-preview{display:flex;flex-wrap:wrap;gap:12px}.pg-preview figure{margin:0;width:210px;padding:8px;border:1px solid #8886;border-radius:12px}.pg-preview img{width:100%;height:140px;object-fit:cover}.pg-preview button,.pg-viewer button,.post-actions button.crm-icon-action{min-width:48px;min-height:48px;padding:8px}.pg-viewer{width:min(95vw,1100px);max-height:95vh;background:#171717;color:white;border:0;border-radius:12px;padding:12px;overflow:auto}.pg-viewer::backdrop{background:#000b}.pg-viewer>div{display:flex;align-items:center;justify-content:center;gap:12px;position:sticky;top:0;background:#171717;z-index:1}.pg-viewer>img{display:block;margin:auto;max-width:100%;max-height:78vh;object-fit:contain;cursor:zoom-in}.pg-viewer>img.pg-zoom{max-width:none;max-height:none;cursor:zoom-out}@media(max-width:500px){.pg-mosaic img{height:160px}.pg-preview figure{width:100%}}
.crm-table .pg-mosaic{width:96px;margin:4px 0;gap:2px;border-radius:6px}.crm-table .pg-mosaic img{height:46px}.crm-table .pg-mosaic span{font-size:1rem}
.pg-preview video{display:block;width:100%;height:160px;object-fit:contain;background:#14283d;border-radius:6px}.pg-preview figcaption{overflow-wrap:anywhere;font-size:.85rem;padding:6px 0}.pg-viewer>video{display:block;width:100%;max-height:78vh;object-fit:contain;background:#14283d;margin:auto}.pg-viewer>[hidden]{display:none}.pg-mosaic .pg-play237{inset:auto auto 10px 10px;width:42px;height:42px;border-radius:50%;background:#14283dde;color:white;font-size:1.1rem}.pg-video-help237{font-size:.85rem;color:#475569}.pg-mosaic a:focus-visible,.pg-preview button:focus-visible,.pg-viewer button:focus-visible{outline:3px solid #f65a34;outline-offset:3px}.crm-table .pg-mosaic .pg-play237{width:24px;height:24px;inset:auto auto 3px 3px;font-size:.75rem}
.pg-preview{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:6px 2px 12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.pg-preview figure{flex:0 0 210px;width:210px;scroll-snap-align:start}.pg-preview img{object-fit:contain}.pg-preview:focus-visible{outline:3px solid #f65a34}.pg-preview figure button{min-width:44px;min-height:44px}.promotion-gallery figure{flex-basis:240px}.promotion-gallery .promotion-image{height:180px;object-fit:contain}
.attachment-pdf-preview242{display:block;width:auto;max-width:100%;height:auto;max-height:280px;margin:10px 0;border:1px solid #cbd5e1}[data-pdf-preview242]>div{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}[data-pdf-preview242] button{min-width:44px;min-height:44px}

/* Function icons stay together; narrow cards scroll instead of stacking actions. */
.pg-actions243{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:3px 2px 8px;overscroll-behavior-x:contain}
.pg-preview .pg-actions243>button{flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:8px}

/* One PDF card owns its first-page preview, filename and removal action. */
.attachment-pdf-card273{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;max-width:280px;box-sizing:border-box;margin:12px 0;padding:10px;border:1px solid #dde3e7;border-radius:12px;background:#fafbfc}.attachment-pdf-card273 .attachment-pdf-preview242{grid-column:1/-1;justify-self:center;max-width:100%;max-height:260px;margin:0 0 4px;border:0;border-radius:6px}.attachment-pdf-card273 figcaption{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.attachment-pdf-card273 button{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #dde3e7;border-radius:8px;background:white;color:#192e3f;font-size:22px;cursor:pointer}.attachment-pdf-card273 button:focus-visible{outline:3px solid #f65a34;outline-offset:2px}