.modal.story-share-modal{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:16px;align-items:center;width:min(504px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-x:hidden;overflow-y:auto;padding:17px;background:#f5f8ff}
.story-share-modal>*{min-width:0}
.story-share-preview{display:block;width:min(100%,180px);height:auto;max-height:calc(100vh - 56px);aspect-ratio:9/16;justify-self:center;object-fit:contain;background:#102033;box-shadow:0 12px 30px #101c2b26}
.story-share-copy{min-width:0;padding:15px 8px 15px 0;overflow-wrap:anywhere}
.story-share-copy h2{margin:0 0 12px;font:500 clamp(28px,4vw,42px)/1.03 var(--serif);letter-spacing:-.045em}
.story-share-copy>p{color:#5d7186;font-size:12px;line-height:1.7}
.story-share-url{margin:16px 0;padding:12px 13px;border:1px solid var(--line);color:#35556e;font:11px/1.55 var(--mono);overflow-wrap:anywhere;background:#fff}
.story-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.story-share-actions button{min-height:44px;padding:11px 12px}
.story-share-actions .cta{grid-column:1/-1;width:100%;text-align:center}
.story-share-actions button:disabled{opacity:.5;cursor:wait}
.story-share-error{min-height:20px;margin-top:10px;color:#9a3d34;font-size:11px;line-height:1.5}
@media(max-width:760px),(pointer:coarse) and (hover:none){.modal.story-share-modal{grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;width:min(312px,calc(100vw - 20px));max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:12px}.story-share-preview{width:min(100%,135px);height:auto;max-height:32vh;max-height:32dvh;justify-self:center}.story-share-copy{padding:0}.story-share-copy h2{font-size:23px}.story-share-copy>p{margin:7px 0}.story-share-url{margin:9px 0;padding:9px 10px}.story-share-actions{margin-top:10px}}
.shared-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.shared-list-actions .shared-list-edit{white-space:nowrap;cursor:pointer}
.shared-list-actions>a{font:10px var(--mono);color:#5e7384;white-space:nowrap}
.list-story-share-trigger{border-color:#214bd1;color:#214bd1}
.list-story-share-trigger:hover{background:#e7efff}
.modal.story-share-modal.list-link-share-modal{display:block;width:min(560px,calc(100vw - 32px));padding:28px}
.modal.story-share-modal.list-link-share-modal .story-share-copy{padding:0}
.list-link-preview{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;margin:18px 0;padding:12px;border:1px solid #c9d7e9;border-radius:10px;background:#fff}
.list-link-preview>img,.list-link-preview>span{display:grid;width:82px;height:112px;place-items:center;border-radius:6px;background:#e7effa;color:#45658e;object-fit:cover}
.list-link-preview>div{min-width:0}
.list-link-preview>div>span{font:9px var(--mono);letter-spacing:.06em;color:#587292}
.list-link-preview h3{margin:7px 0;font:600 18px/1.2 var(--display);color:#142c4c;overflow-wrap:anywhere}
.list-link-preview p{margin:0;color:#536c89;font:12px/1.5 var(--sans)}
.list-link-share-modal .story-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.list-link-share-modal .story-share-actions .cta{grid-column:auto;width:100%}
@media(max-width:600px){.modal.story-share-modal.list-link-share-modal{width:min(540px,calc(100vw - 20px));padding:18px}.list-link-preview{grid-template-columns:68px minmax(0,1fr);gap:12px;padding:10px}.list-link-preview>img,.list-link-preview>span{width:68px;height:94px}}
@media(max-width:600px){.shared-list-top{align-items:flex-start;gap:12px;flex-wrap:wrap}.shared-list-actions{width:100%;justify-content:flex-start}.shared-list-actions .shared-list-edit{padding:9px 10px;font-size:10px}}