.twc-story-viewer { width:min(1120px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:48px 24px 20px; border:0; border-radius:12px; background:#160c04; color:#fff; box-sizing:border-box; }
.twc-story-viewer[open] { display:grid; grid-template-rows:minmax(0,1fr) auto; height:min(780px,calc(100dvh - 32px)); }
.twc-story-viewer::backdrop { background:#000d; }
.twc-story-viewer figure { display:grid; grid-template-rows:minmax(0,1fr) auto; min-height:0; margin:0; text-align:center; }
.twc-story-viewer figure img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.twc-story-viewer figcaption { font:400 16px/1.4 Urbanist,sans-serif; color:#e3d7ce; height:2lh; margin-top:12px; overflow:auto; overflow-wrap:anywhere; }
.twc-story-viewer button { display:grid; place-items:center; padding:10px; min-width:44px; min-height:44px; border:1px solid #76665c; border-radius:8px; background:transparent; color:#fff; cursor:pointer; }
.twc-story-viewer .twc-story-viewer-close { position:absolute; top:4px; right:8px; border:0; font:400 32px/1 Urbanist,sans-serif; }
.twc-story-viewer-controls { display:flex; justify-content:center; align-items:center; gap:24px; margin-top:16px; font:400 16px/1.4 Urbanist,sans-serif; }
.twc-story-viewer-controls button:disabled { visibility:hidden; }
.twc-story-viewer button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
html:has(.twc-story-viewer[open]) { overflow:hidden; }
@media(max-width:760px) {
  .twc-story-viewer { padding-inline:16px; }
}