.site-share-bar { display:flex; justify-content:flex-end; padding-top:12px; padding-bottom:12px; }
.site-share-trigger { display:inline-flex; align-items:center; gap:8px; min-height:44px; background:#ed2d2d; color:#fff; border:1px solid #ed2d2d; border-radius:8px; padding:11px 20px; font-weight:700; cursor:pointer; }
.site-share-trigger:hover { background:#be2222; }
.site-share-dialog { margin:auto; width:calc(100% - 32px); max-width:440px; max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid #555; border-radius:14px; background:#111; color:#fff; box-shadow:0 20px 80px #0009; }
.site-share-dialog::backdrop { background:#000b; }
.site-share-dialog h2 { font-size:1.4rem; margin:0 0 14px; }
.site-share-close { display:block; margin:0 0 16px auto; background:transparent; border:0; color:#ccc; cursor:pointer; padding:8px; }
.site-share-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.site-share-options a,.site-share-options button { display:block; padding:12px 8px; border:1px solid #555; border-radius:8px; background:#222; color:#fff; text-align:center; text-decoration:none; font:inherit; cursor:pointer; }
.site-share-options [hidden] { display:none; }
.site-share-options a:hover,.site-share-options button:hover { border-color:#ed2d2d; }
.site-share-url { width:100%; margin-top:18px; padding:10px; border:1px solid #555; border-radius:6px; background:#090909; color:#ccc; font-size:14px; }
.site-share-status { min-height:1.5em; margin-top:10px; color:#ddd; font-size:14px; }
.site-share-dialog :focus-visible,.site-share-trigger:focus-visible { outline:3px solid #ed2d2d; outline-offset:3px; }

.site-share-icon, .site-share-icon svg { display:block; flex-shrink:0; }