:root{--story-bg:#131219;--story-panel:#1c1923;--story-card:#231f2b;--story-line:#3f374b;--story-text:#f8f3fb;--story-muted:#b9b1c4;--story-violet:#b8a4ff;--story-coral:#ff806c;--story-gold:#f5d477}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 13% 0%,rgba(255,128,108,.12),transparent 28%),radial-gradient(circle at 90% 18%,rgba(184,164,255,.12),transparent 30%),var(--story-bg);color:var(--story-text);font:14px "IBM Plex Sans",sans-serif}.story-topbar{background:rgba(19,18,25,.88);border-color:var(--story-line)}.story-topbar nav{display:flex;gap:24px;margin-right:auto}.story-topbar nav a.active{color:var(--story-text)}.story-topbar .top-actions{display:flex;align-items:center;gap:8px}.story-topbar .ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--story-line);border-radius:9px;color:var(--story-text);background:transparent;font:600 12px "IBM Plex Sans",sans-serif;text-decoration:none}.story-topbar .ghost-btn:hover{border-color:var(--story-violet);background:rgba(184,164,255,.1)}.plan-badge{padding:7px 9px;border:1px solid var(--story-line);border-radius:999px;color:var(--story-gold);font:10px "IBM Plex Mono",monospace;letter-spacing:.08em}.credit-balance{color:var(--story-muted);font-size:11px;white-space:nowrap}.stories-workspace{width:min(1440px,100%);min-height:calc(100vh - 72px);margin:0 auto;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1fr) minmax(360px,1.15fr);gap:1px;background:var(--story-line)}.story-context,.story-chat-panel,.story-preview-panel{min-width:0;background:var(--story-bg)}.story-context{padding:clamp(26px,4vw,60px) clamp(22px,3.5vw,52px);background:linear-gradient(145deg,#191620,#131219 72%);display:flex;flex-direction:column}.eyebrow{color:var(--story-coral);font:10px "IBM Plex Mono",monospace;letter-spacing:.15em}.story-mark{display:flex;gap:7px;margin-bottom:34px}.story-mark span{display:block;width:18px;height:4px;border-radius:99px;background:var(--story-coral);transform:rotate(-24deg)}.story-mark span:nth-child(2){width:28px;background:var(--story-gold)}.story-mark span:nth-child(3){background:var(--story-violet)}.story-context h1{margin:16px 0 18px;font-size:clamp(34px,3.2vw,52px);line-height:.98;letter-spacing:-.065em}.story-context h1 em{color:var(--story-coral);font-style:normal}.story-context>p{max-width:290px;margin:0;color:var(--story-muted);line-height:1.6}.story-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:34px 0 20px}.story-specs span{display:grid;gap:4px;padding:13px 11px;border:1px solid var(--story-line);border-radius:10px;background:rgba(255,255,255,.025)}.story-specs b{font-size:13px}.story-specs small{color:var(--story-muted);font-size:10px;line-height:1.35}.outline-btn{min-height:42px;padding:0 14px;border:1px solid var(--story-line);border-radius:9px;background:transparent;color:var(--story-text);font:600 12px "IBM Plex Sans",sans-serif;cursor:pointer}.outline-btn:hover{border-color:var(--story-violet);background:rgba(184,164,255,.1)}.story-context>.outline-btn{align-self:flex-start}.story-history{display:grid;gap:7px;margin-top:auto;padding-top:30px}.story-history:empty{display:none}.story-history button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--story-muted);font:12px "IBM Plex Sans",sans-serif;text-align:left;cursor:pointer}.story-history button:hover,.story-history button.active{border-color:var(--story-line);background:rgba(255,255,255,.04);color:var(--story-text)}.story-history small{color:var(--story-coral);white-space:nowrap}.story-chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:calc(100vh - 72px);background:var(--story-panel)}.agent-head{display:flex;align-items:center;gap:11px;padding:22px 24px;border-bottom:1px solid var(--story-line)}.agent-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--story-coral);color:#25151a;font:700 18px Georgia,serif}.agent-head strong{display:block;font-size:13px}.agent-head span{display:flex;align-items:center;gap:6px;margin-top:3px;color:var(--story-muted);font-size:11px}.agent-head i{display:block;width:6px;height:6px;border-radius:50%;background:#94e58a}.story-chat{min-height:0;overflow-y:auto;padding:26px 24px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.story-bubble{max-width:min(92%,440px);padding:13px 15px;border-radius:12px;color:var(--story-text);line-height:1.5;white-space:pre-wrap}.story-bubble.agent{align-self:flex-start;border:1px solid var(--story-line);background:var(--story-card);border-top-left-radius:3px}.story-bubble.agent.current-question{border-color:var(--story-coral);box-shadow:0 0 0 1px rgba(255,128,108,.12)}.story-bubble.user{align-self:flex-end;background:var(--story-violet);color:#201b2a;border-bottom-right-radius:3px}.story-thinking{display:flex;align-items:center;gap:11px;max-width:92%;padding:14px;border:1px solid rgba(255,128,108,.35);border-radius:12px;background:linear-gradient(110deg,rgba(255,128,108,.1),rgba(184,164,255,.08));color:var(--story-text)}.story-thinking-orb{display:flex;gap:3px}.story-thinking-orb i{display:block;width:5px;height:5px;border-radius:50%;background:var(--story-coral);animation:storyPulse 1s infinite alternate}.story-thinking-orb i:nth-child(2){animation-delay:.18s;background:var(--story-gold)}.story-thinking-orb i:nth-child(3){animation-delay:.36s;background:var(--story-violet)}.story-thinking b,.story-thinking small{display:block}.story-thinking small{margin-top:3px;color:var(--story-muted);font-size:11px}.story-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;margin:0 16px 10px;padding:8px;border:1px solid var(--story-line);border-radius:12px;background:var(--story-bg)}.story-composer textarea{min-height:42px;max-height:150px;padding:11px 4px;border:0;outline:0;resize:none;background:transparent;color:var(--story-text);font:14px/1.4 "IBM Plex Sans",sans-serif}.story-composer textarea::placeholder{color:#887e93}.story-attach,.story-send{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:9px;cursor:pointer;font-size:21px}.story-attach{background:rgba(255,128,108,.15);color:var(--story-coral)}.story-send{background:var(--story-coral);color:#26161b;font-weight:700}.story-attach:disabled,.story-send:disabled{opacity:.4;cursor:not-allowed}.story-quick-options{display:grid;grid-template-columns:1fr;gap:7px;max-height:230px;overflow-y:auto;padding:0 16px 18px}.story-quick-options:empty{display:none}.story-quick-options button{display:grid;gap:4px;width:100%;min-height:52px;padding:10px 12px;border:1px solid var(--story-line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--story-text);text-align:left;cursor:pointer}.story-quick-options button:hover,.story-quick-options button.selected{border-color:var(--story-coral);background:rgba(255,128,108,.1)}.story-quick-options strong,.story-quick-options small{display:block;line-height:1.3}.story-quick-options small{color:var(--story-muted);font-size:11px}.story-preview-panel{padding:clamp(22px,3.5vw,54px);background:radial-gradient(circle at 50% 20%,rgba(184,164,255,.1),transparent 42%),#17141d}.story-preview-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:24px}.story-preview-head h2{margin:7px 0 0;font-size:30px;letter-spacing:-.05em}.story-state-label{color:var(--story-muted);font:10px "IBM Plex Mono",monospace;text-transform:uppercase}.story-preview-empty{display:grid;place-items:center;min-height:440px;padding:30px;border:1px dashed var(--story-line);border-radius:16px;color:var(--story-muted);text-align:center}.story-preview-empty strong{margin-top:20px;color:var(--story-text);font-size:16px}.story-preview-empty p{max-width:240px;margin:8px 0 0;line-height:1.5;font-size:12px}.story-phone-ghost{width:100px;aspect-ratio:9/16;padding:20px 11px;display:flex;flex-direction:column;justify-content:end;gap:5px;border:1px solid #55486a;border-radius:13px;background:linear-gradient(155deg,rgba(255,128,108,.18),rgba(184,164,255,.12) 58%,rgba(245,212,119,.18));box-shadow:0 16px 45px rgba(0,0,0,.3)}.story-phone-ghost span{display:block;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.68)}.story-phone-ghost span:first-child{width:70%;height:7px;background:var(--story-coral)}.story-plan-card{margin-bottom:18px;padding:18px;border:1px solid var(--story-line);border-radius:14px;background:var(--story-card)}.story-plan-card .eyebrow{display:block;margin-bottom:8px}.story-plan-card h3{margin:0 0 13px;font-size:22px;line-height:1.05}.story-plan-card p{margin:0;color:var(--story-text);line-height:1.55}.story-plan-card .story-cta{display:inline-block;margin-top:13px;color:var(--story-gold);font-weight:700}.story-plan-card details{margin-top:14px;padding-top:12px;border-top:1px solid var(--story-line);color:var(--story-muted);font-size:12px}.story-plan-card summary{cursor:pointer;color:var(--story-violet)}.story-image-card{display:grid;gap:14px;justify-items:center}.story-image-frame{width:min(100%,310px);aspect-ratio:9/16;overflow:hidden;border:1px solid var(--story-line);border-radius:16px;background:#27222d;box-shadow:0 22px 60px rgba(0,0,0,.34)}.story-image-frame img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}.story-image-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.story-download,.story-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:0;border-radius:9px;background:var(--story-coral);color:#28161b;font:700 12px "IBM Plex Sans",sans-serif;text-decoration:none;cursor:pointer}.story-image-actions .outline-btn{min-width:100px}.story-generate-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:15px;border:1px solid rgba(255,128,108,.38);border-radius:12px;background:rgba(255,128,108,.07)}.story-generate-box strong,.story-generate-box small{display:block}.story-generate-box small{margin-top:4px;color:var(--story-muted);font-size:11px}.story-primary{white-space:nowrap}.story-primary:hover,.story-send:hover{filter:brightness(1.08)}.story-auth-gate{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:24px}.story-auth-card{max-width:460px;padding:34px;border:1px solid var(--story-line);border-radius:16px;background:var(--story-card);text-align:center}.story-auth-card h1{font-size:34px;line-height:1;margin:14px 0}.story-auth-card p{color:var(--story-muted);line-height:1.55;margin:0 0 22px}.story-lightbox{width:min(92vw,480px);max-height:92vh;margin:auto;padding:12px;border:1px solid var(--story-line);border-radius:16px;background:var(--story-card);color:var(--story-text)}.story-lightbox::backdrop{background:rgba(5,4,8,.82);backdrop-filter:blur(4px)}.story-lightbox img{display:block;width:100%;max-height:78vh;object-fit:contain;border-radius:9px;background:#211d27}.story-lightbox .story-download{width:100%;margin-top:10px}.story-lightbox-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:23px;line-height:1;cursor:pointer}.story-toast{position:fixed;right:20px;bottom:20px;z-index:150;max-width:min(420px,calc(100vw - 40px));padding:13px 16px;border:1px solid var(--story-line);border-radius:10px;background:#f8f3fb;color:#241b2b;box-shadow:0 14px 38px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.story-toast.show{opacity:1;transform:translateY(0)}@keyframes storyPulse{to{transform:translateY(-3px);opacity:.45}}@media(max-width:1080px){.stories-workspace{grid-template-columns:220px minmax(300px,1fr) minmax(300px,1fr)}.story-context{padding:32px 22px}.story-context h1{font-size:36px}.story-preview-panel{padding:30px 22px}}@media(max-width:820px){.story-topbar nav{display:none}.story-topbar{padding:0 16px}.story-topbar .top-actions{display:none}.stories-workspace{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 72px)}.story-context{padding:26px 18px 20px}.story-mark{margin-bottom:18px}.story-context h1{margin:11px 0 12px;font-size:36px}.story-context>p{max-width:600px}.story-specs{max-width:420px;margin:20px 0 14px}.story-context>.outline-btn{width:100%;min-height:46px}.story-history{margin-top:14px;padding-top:0}.story-chat-panel{min-height:630px;display:flex;flex-direction:column}.agent-head{padding:16px 18px}.story-chat{flex:1;min-height:280px;padding:20px 16px}.story-composer{margin:0 12px 8px}.story-quick-options{padding:0 12px 14px}.story-preview-panel{padding:26px 16px 50px}.story-preview-head{align-items:start;flex-direction:column;margin-bottom:18px}.story-preview-empty{min-height:320px}.story-generate-box{align-items:stretch;flex-direction:column}.story-primary{width:100%;min-height:46px}.story-image-frame{width:min(78vw,310px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.story-topbar{height:72px;display:flex;align-items:center;gap:28px;padding:0 clamp(16px,4vw,64px);background:rgba(19,18,25,.88);border-bottom:1px solid var(--story-line);backdrop-filter:blur(12px)}.story-topbar .brand{display:flex;align-items:center;gap:9px;color:var(--story-text);text-decoration:none;font:10px/1.05 "IBM Plex Mono",monospace;letter-spacing:.07em}.story-topbar .brand b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--story-coral);color:#28161b;font:700 20px/1 "IBM Plex Sans",sans-serif}.story-topbar nav a{color:var(--story-muted);text-decoration:none}.story-topbar nav a:hover,.story-topbar nav a.active{color:var(--story-text)}
.story-retry-box{display:grid;gap:10px;margin-top:20px;padding:15px;border:1px solid rgba(255,128,108,.6);border-radius:12px;background:rgba(255,128,108,.1)}.story-retry-box strong,.story-retry-box small{display:block}.story-retry-box strong{color:var(--story-text)}.story-retry-box small{margin-top:4px;color:var(--story-muted);line-height:1.45;font-size:11px}.story-retry-box label{color:var(--story-text);font-size:12px;font-weight:600}.story-retry-box textarea{width:100%;min-height:78px;padding:10px;border:1px solid var(--story-line);border-radius:8px;resize:vertical;background:var(--story-bg);color:var(--story-text);font:13px/1.45 "IBM Plex Sans",sans-serif}.story-retry-box textarea:focus{outline:2px solid rgba(255,128,108,.35);border-color:var(--story-coral)}.story-retry-box .story-primary{justify-self:start}.story-retry-box .story-primary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:820px){.story-retry-box .story-primary{width:100%}}
.story-step-label{margin-left:auto;color:var(--story-coral);font:10px "IBM Plex Mono",monospace;letter-spacing:.1em;text-align:right;text-transform:uppercase}.story-history-drawer{margin-top:auto;padding-top:24px;border-top:1px solid var(--story-line)}.story-history-drawer summary{padding:9px 0;color:var(--story-muted);font-size:11px;cursor:pointer;list-style:none}.story-history-drawer summary::-webkit-details-marker{display:none}.story-history-drawer summary::before{content:'＋';display:inline-block;margin-right:6px;color:var(--story-coral)}.story-history-drawer[open] summary::before{content:'−'}.story-history-drawer .story-history{margin-top:5px;padding-top:0}.story-chat-panel{position:relative}.story-bubble.current-question{animation:storyQuestionIn .24s ease both}@keyframes storyQuestionIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.stories-workspace{display:flex;flex-direction:column}.story-chat-panel{order:1;min-height:min(680px,calc(100svh - 72px))}.story-preview-panel{order:2}.story-context{order:3;padding-top:20px}.story-context h1,.story-context>p,.story-specs{display:none}.story-context{background:var(--story-bg)}.story-mark{margin-bottom:12px}.story-context>.outline-btn{margin-top:0}.story-history-drawer{margin-top:16px;padding-top:12px}.story-step-label{max-width:145px;line-height:1.3}.story-chat{min-height:220px}.story-bubble{max-width:100%}}@media(prefers-reduced-motion:reduce){.story-bubble.current-question{animation:none}}
.story-chat,.story-quick-options{scrollbar-width:none;-ms-overflow-style:none}.story-chat::-webkit-scrollbar,.story-quick-options::-webkit-scrollbar{display:none;width:0;height:0}html,body{scrollbar-width:auto;-ms-overflow-style:auto}html::-webkit-scrollbar,body::-webkit-scrollbar{display:block;width:initial;height:initial}.story-quick-options{max-height:none;overflow-y:visible}

/* Stories uses the document as the scroll container. Do not trap the page at
   the viewport height when the chat, preview or context grows. */
html,body{height:auto!important;min-height:100%;overflow-y:auto!important;overflow-x:hidden!important}
.stories-workspace{height:auto!important;min-height:calc(100vh - 72px);overflow:visible!important;margin-bottom:64px}

/* Tablet: preserve the hierarchy without forcing three narrow columns. */
@media(max-width:1050px){
  .story-topbar{gap:14px;padding-left:18px;padding-right:18px}
  .story-topbar nav{gap:12px}
  .story-topbar .top-actions{gap:4px}
  .story-topbar .top-actions .ghost-btn{padding-left:8px;padding-right:8px;font-size:11px}
  .stories-workspace{grid-template-columns:minmax(210px,.72fr) minmax(0,1fr)}
  .story-preview-panel{grid-column:1/-1}
}
.stories-workspace [hidden],#storyAuthGate[hidden],.story-lightbox[hidden]{display:none!important}
.story-composer{grid-template-columns:minmax(0,1fr) auto}.story-composer.with-attachment{grid-template-columns:auto minmax(0,1fr) auto}.story-composer textarea{width:100%;min-width:0;overflow-y:hidden;scrollbar-width:none}.story-composer textarea::-webkit-scrollbar{display:none;width:0;height:0}
.story-plan-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.story-plan-tags span{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--story-line);border-radius:8px;background:rgba(184,164,255,.06);color:var(--story-muted);font-size:11px;line-height:1.35}.story-plan-tags b{color:var(--story-violet);font:10px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em}@media(max-width:650px){.story-plan-tags{grid-template-columns:1fr}}
.story-edit-box{display:grid;gap:10px;margin-top:20px;padding:15px;border:1px solid rgba(184,164,255,.45);border-radius:12px;background:rgba(184,164,255,.08)}.story-edit-box strong,.story-edit-box small{display:block}.story-edit-box small{margin-top:4px;color:var(--story-muted);line-height:1.45;font-size:11px}.story-edit-box textarea{width:100%;min-height:78px;padding:10px;border:1px solid var(--story-line);border-radius:8px;resize:vertical;background:var(--story-bg);color:var(--story-text);font:13px/1.45 "IBM Plex Sans",sans-serif}.story-edit-box textarea:focus{outline:2px solid rgba(184,164,255,.35);border-color:var(--story-violet)}.story-edit-message{color:var(--story-coral);font-size:11px;line-height:1.4}.story-edit-box .story-primary{justify-self:start}.story-edit-box .story-primary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:820px){.story-edit-box .story-primary{width:100%}}
.story-edit-dialog{width:min(92vw,500px);margin:auto;padding:28px 18px 18px;border:1px solid rgba(184,164,255,.6);border-radius:14px;background:var(--story-card);color:var(--story-text);box-shadow:0 24px 80px rgba(0,0,0,.5)}.story-edit-dialog::backdrop{background:rgba(5,4,8,.72);backdrop-filter:blur(5px)}.story-edit-dialog>div{display:grid;gap:4px}.story-edit-dialog strong{font-size:15px}.story-edit-dialog small{color:var(--story-muted);line-height:1.45;font-size:11px}.story-edit-dialog textarea{width:100%;min-height:78px;margin-top:14px;padding:10px;border:1px solid var(--story-line);border-radius:8px;resize:vertical;background:var(--story-bg);color:var(--story-text);font:13px/1.45 "IBM Plex Sans",sans-serif}.story-edit-dialog textarea:focus{outline:2px solid rgba(184,164,255,.35);border-color:var(--story-violet)}.story-edit-dialog .story-primary{margin-top:10px;justify-self:start}.story-edit-dialog .story-primary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:520px){.story-edit-dialog{padding:28px 14px 14px}.story-edit-dialog .story-primary{width:100%}}
.story-context>#newStoryBtn{position:relative;width:100%;min-height:58px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--story-coral),#ffb477);color:#2b1720;font-size:15px;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 28px rgba(255,128,108,.24),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.story-context>#newStoryBtn::before{content:'✦';margin-right:9px;font-size:14px}.story-context>#newStoryBtn:hover{border-color:transparent;background:linear-gradient(135deg,#ff927d,#ffc084);box-shadow:0 16px 34px rgba(255,128,108,.34),inset 0 1px 0 rgba(255,255,255,.42);filter:none;transform:translateY(-2px)}.story-context>#newStoryBtn:active{transform:translateY(0);box-shadow:0 8px 18px rgba(255,128,108,.2)}.story-context>#newStoryBtn:focus-visible{outline:3px solid rgba(184,164,255,.9);outline-offset:3px}@media(max-width:820px){.story-context>#newStoryBtn{min-height:54px;font-size:14px}}
.story-gallery-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:10px;padding:0 14px;border:1px solid rgba(184,164,255,.42);border-radius:10px;color:var(--story-violet);font-size:12px;font-weight:600;text-decoration:none;background:rgba(184,164,255,.06);transition:background .18s ease,border-color .18s ease,transform .18s ease}.story-gallery-link span{font-size:17px;line-height:1}.story-gallery-link:hover{border-color:var(--story-violet);background:rgba(184,164,255,.14);transform:translateY(-1px)}.story-gallery-link:focus-visible{outline:3px solid rgba(255,128,108,.65);outline-offset:3px}
.story-chat-media{align-self:flex-start;width:min(72%,220px);margin:2px 0 4px}.story-chat-media button{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:7px;border:1px solid rgba(184,164,255,.52);border-radius:12px;background:rgba(184,164,255,.09);color:var(--story-text);text-align:left;cursor:zoom-in;transition:border-color .18s ease,background .18s ease,transform .18s ease}.story-chat-media button:hover{border-color:var(--story-violet);background:rgba(184,164,255,.16);transform:translateY(-1px)}.story-chat-media img{display:block;width:58px;height:78px;object-fit:cover;border-radius:7px;background:#211d27}.story-chat-media b,.story-chat-media small{display:block}.story-chat-media b{font-size:12px}.story-chat-media small{margin-top:4px;color:var(--story-muted);font-size:10px}@media(max-width:820px){.story-chat-media{width:min(82%,240px)}}