.story-share-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:calc(100dvh - 40px);padding:24px;border:1px solid #d9e1df;border-radius:24px;background:var(--paper,#f5f4ed);color:var(--navy,#1f3a6b);overflow:auto;box-shadow:0 24px 80px #102b354d}
.story-share-dialog::backdrop{background:#102a3fc7;backdrop-filter:blur(4px)}
.story-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.story-share-header h2{font-size:23px;line-height:1.3;margin:0;min-width:0}
.story-share-close{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #cad8d3;border-radius:50%;background:#fff;color:var(--navy,#1f3a6b);font:inherit;font-size:20px;cursor:pointer}
.story-share-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:32px}
.story-share-art{position:relative;aspect-ratio:9/16;width:220px;max-width:100%;margin-inline:auto;overflow:hidden;background:#1f3a6b;border-radius:12px;box-shadow:0 8px 24px #1f3a6b22}
.story-share-art img{display:block;width:100%;height:100%;object-fit:contain}
.story-share-art [hidden],.story-share-dialog button[hidden]{display:none!important}
.story-share-art [data-story-placeholder]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;color:#b8e7cf;text-align:center}
.story-share-art [data-story-placeholder] span{font-size:16px;letter-spacing:.1em}.story-share-art [data-story-placeholder] strong{font-size:26px}
.story-share-controls{min-width:0;display:flex;flex-direction:column;gap:14px}.story-share-controls h3{font-size:24px;line-height:1.4;margin:0 0 2px}.story-share-controls .button{width:100%;min-height:48px;white-space:normal;text-align:center;justify-content:center}
.story-share-status{margin:0;padding:16px;background:#e7eee8;border:1px solid #d4e0d6;border-radius:14px;font-size:15px;line-height:1.75;overflow-wrap:anywhere}.story-share-note{margin:2px 0 0;font-size:13px;line-height:1.7;color:#5a686c}
.story-share-fallback[hidden]{display:none}.story-share-fallback label{display:block;margin-bottom:8px;font-size:14px}.story-share-fallback textarea{box-sizing:border-box;width:100%;min-height:160px;padding:12px;border:1px solid #b8cbc1;border-radius:10px;background:#fff;color:inherit;font:inherit;font-size:16px;line-height:1.6;resize:vertical}
@media(max-width:600px){.story-share-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:20px}.story-share-header{gap:10px;margin-bottom:16px}.story-share-header h2{font-size:21px}.story-share-layout{grid-template-columns:minmax(0,1fr);gap:22px}.story-share-art{width:220px}.story-share-controls h3{font-size:22px}.story-share-controls{gap:12px}.story-share-status{padding:13px;font-size:14px}}