.share-menu{width:510px;max-width:calc(100% - 28px);max-height:calc(100dvh - 32px);margin:auto;border:1px solid #222;border-radius:2px;padding:0;overflow:auto;overscroll-behavior:contain}
.share-menu[open]{display:block}
.share-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:27px 25px 20px;border-bottom:1px solid #ccc}
.share-heading h2{font:700 clamp(32px,7vw,39px)/1 var(--title);margin:0 0 8px}
.share-heading #share-description{margin:0;font-size:14px;color:#555}
.share-close{flex:0 0 44px;min-height:44px;margin:-8px -12px 0 0;background:none;border:0;font:32px/1 var(--body)}
.share-close:hover{background:#f1f1f1}
.share-options{padding:6px 17px}
.share-option{display:flex;width:100%;align-items:center;gap:15px;padding:15px 8px;min-height:77px;border:0;border-bottom:1px solid #e5e5e5;background:#fff;color:#111;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
.share-option:last-child{border-bottom:0}
.share-option:hover{background:#f5f5f5}
.share-option:focus-visible,.share-close:focus-visible{outline:2px solid #b4232b;outline-offset:1px}
.platform-icon{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;background:#f2f2f2;border-radius:11px}
.platform-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.platform-icon.whatsapp{color:#167346;background:#eaf5ee}
.platform-icon.instagram{color:#a32b69;background:#faedf4}
.option-copy{display:block;min-width:0;flex:1}
.option-copy strong{display:block;font-size:17px;line-height:1.4;font-weight:700}
.option-copy>span{display:block;font-size:12px;line-height:1.5;color:#666;margin-top:1px}
.option-arrow{font-size:23px;font-weight:400;flex-shrink:0;color:#444}
.share-note{border-top:1px solid #ddd;padding:15px 25px 0;margin:0;font-size:11px;line-height:1.6;color:#666}
.share-status{margin:8px 25px 18px;font-size:12px;line-height:1.5;color:#111}
.share-status:empty{margin-bottom:13px}
.copy-fallback{padding:0 25px 20px}
.copy-fallback label{display:block;font-size:12px;margin-bottom:5px}
.copy-fallback textarea{width:100%;padding:10px;font:12px/1.5 var(--body);border:1px solid #777;resize:vertical}
.message-details{border:1px solid #ccc}.message-details summary{cursor:pointer;font-weight:700}#message-preview{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}
.share-menu .demo-kicker{font:700 10px/1.5 var(--mono);letter-spacing:.06em;margin:0 0 8px;color:#555}
.share-menu .share-option[aria-expanded="true"]{background:#f9eceb}.share-menu .share-option[aria-expanded="true"] .option-arrow{transform:rotate(90deg)}
.share-menu .image-panel{padding:22px 25px;background:#faf8f3;border-top:1px solid #ddd}
.share-menu .image-panel[hidden],.share-menu [hidden]{display:none!important}
.image-panel h3{font:700 24px/1.2 var(--title);margin:0}.image-panel h3:focus-visible{outline:2px solid #b4232b;outline-offset:5px}
#image-details{font:11px/1.6 var(--mono);color:#555;margin:5px 0 16px}
#image-preview{display:block;width:auto;max-width:100%;height:auto;max-height:440px;margin:0 auto 18px;box-shadow:0 3px 14px #0002;border:1px solid #ddd;object-fit:contain}
.image-actions{display:flex;gap:10px;flex-wrap:wrap}.image-actions .button{flex:1 1 170px;min-height:44px;justify-content:center;font-size:10px;padding:12px}
#image-help{font-size:12px;line-height:1.5;color:#555;margin:12px 0 0}.share-menu .message-details{margin:0 25px 18px;padding:13px;background:#fff}.share-menu .message-details summary{font-size:12px;min-height:30px;display:list-item;padding-top:6px}.share-menu #message-preview{font-size:12px}
.share-menu .button:focus-visible,.share-menu summary:focus-visible{outline:2px solid #b4232b;outline-offset:3px}
@media(max-width:600px){.share-menu .image-panel{padding:20px}.share-menu .message-details{margin:0 20px 16px}#image-preview{max-height:390px}.share-heading h2{font-size:34px}}
@media(max-width:480px){.share-heading{padding:24px 20px 18px}.share-options{padding:4px 12px}.share-option{gap:12px;padding:13px 8px}.share-note{padding-left:20px;padding-right:20px}.share-status{margin-left:20px;margin-right:20px}}