.page-share{margin-top:24px;margin-bottom:32px;padding-top:22px;padding-bottom:20px;border-block:1px solid var(--line)}
.share-toolbar-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.share-toolbar-top .eyebrow{margin-bottom:7px;font-size:9px}.share-toolbar-top h2{font-size:25px;margin:0}.share-toolbar-top>p{font-size:12px;color:var(--muted);margin:0}
.share-choices{display:flex;flex-wrap:wrap;gap:16px}.share-choice{min-width:52px;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;color:var(--text);cursor:pointer;font:500 10px/1.3 var(--body)}.share-choice svg{width:44px;height:44px;box-sizing:border-box;padding:11px;border:1px solid #604352;border-radius:50%;background:#21151d;transition:background .18s,border-color .18s}.share-choice:hover svg{border-color:var(--pink);background:#402135}.share-choice:focus-visible{outline:2px solid var(--pink);outline-offset:5px;border-radius:4px}.share-instagram svg{background:#442034;border-color:#b34477;color:#ff8aba}.share-facebook svg{color:#82adff}.share-whatsapp svg{color:#67d98e}.share-tiktok svg{color:#78e9e5}
.story-helper{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;margin-top:24px;padding:24px;background:#171218;border:1px solid #604352;border-radius:8px}.story-helper[hidden]{display:none}.story-art img{width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:5px}.story-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.story-panel-heading h3{font-size:24px;margin:0 0 12px}.story-close{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;flex-shrink:0;background:none;color:var(--text);font-size:24px;cursor:pointer}.story-instructions>p{font-size:13px;max-width:720px}.story-helper-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.story-helper-actions .button{font-size:11px;padding:12px 16px;min-height:44px}.share-caption-label{font-size:10px;display:block;color:var(--muted)}.share-caption-label textarea{display:block;width:100%;max-width:760px;box-sizing:border-box;margin-top:8px;border:1px solid #604352;border-radius:4px;padding:12px;background:#0c0b10;color:var(--text);font:12px/1.6 var(--body);resize:vertical}.story-instructions .fine{font-size:10px;color:var(--muted);margin:12px 0 0}.share-feedback{font-size:12px;color:#e4c5d5;margin:16px 0 0;min-height:0}.share-feedback:empty{display:none}.artwork-fallback{display:inline-block;margin-top:12px;font-size:13px}
@media(max-width:700px){.page-share{margin-top:20px;padding-top:20px;padding-bottom:20px}.share-toolbar-top{align-items:start;gap:8px;flex-direction:column}.share-toolbar-top h2{font-size:24px}.share-choices{gap:16px 8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:400px}.share-choice{min-width:0;font-size:9px}.story-helper{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.story-art img{max-width:170px;max-height:150px}.story-panel-heading h3{font-size:22px}.story-helper-actions{display:grid;grid-template-columns:1fr 1fr}.story-helper-actions .button{padding:12px 8px;font-size:10px;justify-content:center}.share-caption-label textarea{font-size:12px}}