.offer-media-backdrop{--text:var(--ink);--border:var(--line);--surface-2:var(--soft);--bg:var(--paper);--accent:var(--gold)}
.offer-media-backdrop{position:fixed;inset:0;z-index:1700;background:#0009;padding:24px;overflow:auto;box-sizing:border-box}.offer-media-dialog{max-width:1250px;margin:auto;background:var(--surface);color:var(--text);border-radius:12px;padding:24px;box-shadow:0 20px 80px #0004}.offer-media-dialog>header{display:flex;justify-content:space-between;gap:16px}.offer-media-dialog h2{margin:0}.offer-media-dialog p{color:var(--muted)}.offer-media-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.offer-media-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offer-media-card{display:grid;gap:6px;text-align:left;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface);overflow-wrap:anywhere;cursor:pointer}.offer-media-card img{width:100%;height:100px;object-fit:cover}.offer-media-card span{font-size:12px;color:var(--muted)}.offer-media-card.selected{border-color:var(--accent,#c9a85b)}.offer-media-card:disabled{opacity:.55;cursor:default}.offer-media-live{overflow:hidden;aspect-ratio:16/9;background:var(--surface-2);margin:12px 0}.offer-media-live.mobile{max-width:300px;aspect-ratio:3/4;margin-inline:auto}.offer-media-live img,.offer-media-live video{width:100%;height:100%;object-fit:cover;object-position:var(--offer-media-x) var(--offer-media-y);transform:scale(var(--offer-media-zoom));transform-origin:var(--offer-media-x) var(--offer-media-y)}.offer-media-placement{min-width:0}.offer-media-dialog progress{width:100%}@media(max-width:850px){.offer-media-layout{grid-template-columns:240px minmax(0,1fr)}.offer-media-cards{grid-template-columns:1fr}}@media(max-width:600px){.offer-media-backdrop{padding:8px}.offer-media-dialog{padding:14px}.offer-media-layout{display:block}.offer-media-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px;overflow:auto}.offer-media-dialog>header{align-items:flex-start}.offer-media-dialog h2{font-size:20px}}