.story-dialog { width: 820px; padding: 26px; background: #1b171f; }
.story-dialog .dialog-heading { margin-bottom: 20px; }
.story-share-layout { display: grid; grid-template-columns: minmax(200px, .82fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.story-preview { border-radius: 15px; overflow: hidden; background: #110e16; aspect-ratio: 9/16; box-shadow: 0 12px 35px #0004; }
.story-preview img,.story-preview video { width: 100%; height: 100%; object-fit: contain; display: block; }
.story-placeholder { display: flex; height: 100%; flex-direction: column; gap: 20px; align-items: center; justify-content: center; padding: 20px; background: radial-gradient(ellipse at top,#452131,#121017); }
.story-placeholder img { width: 64px; height: 64px; }
.story-placeholder span { font-size: 12px; color: #d3bdc9; text-align: center; }
.story-options { min-width: 0; }
.story-options .eyebrow { color: #eda0b4; font-size: 9px; letter-spacing: 1.4px; }
.story-options h3 { font-size: 23px; line-height: 1.3; letter-spacing: -.6px; margin: 12px 0 6px; overflow-wrap: anywhere; }
.story-credit { color: var(--muted); margin: 0 0 22px; }
.story-formats { display: grid; grid-template-columns: 1fr 1.35fr; gap: 5px; padding: 5px; border: 1px solid #ffffff15; border-radius: 10px; }
.story-formats button { padding: 11px 7px; border-radius: 6px; font-size: 12px; color: #c0b5c4; }
.story-formats button[aria-pressed="true"] { background: #ffffff14; color: #fff1f6; font-weight: 650; }
.story-format-hint { min-height: 45px; color: var(--muted); font-size: 12px!important; margin: 12px 0 5px; }
.story-status { color: #f0b4c3; min-height: 22px; margin: 7px 0; font-size: 12px!important; }
.story-actions { display: grid; gap: 8px; margin: 16px 0 22px; }
.story-actions button { width: 100%; min-height: 43px; justify-content: center; }
.story-actions button:disabled { opacity: .45; cursor: default; }
.story-link-label { color: #d9cbdc; font-size: 11px; }
.story-link-label input { width: 100%; min-width: 0; font-size: 11px; padding: 11px; }
.story-copy { margin: 12px 0 8px; font-size: 12px; color: #ffc0cf; }
.story-instagram-tip { font-size: 11px!important; color: var(--muted); border-top: 1px solid #ffffff12; padding-top: 14px; margin: 7px 0 14px; }
.story-instagram-tip strong { color: #e6d8e9; }
.story-whatsapp { display: inline-block; color: #c7e4ce; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:650px) {
  .story-dialog { padding: 20px; width: calc(100% - 24px); max-width: 460px; max-height: calc(100dvh - 28px); }
  .story-share-layout { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .story-preview { width: 140px; max-width: 65%; margin: 0 auto; }
  .story-options h3 { font-size: 22px; }
  .story-options .eyebrow { font-size: 8px; }
  .story-credit { margin-bottom: 17px; }
  .story-format-hint { min-height: 0; }
}