.share-tools { margin:.8rem 0; min-width:0; }
.share-tools > summary { cursor:pointer; list-style:none; display:inline-flex; min-height:44px; align-items:center; gap:.65rem; }
.share-tools > summary::-webkit-details-marker { display:none; }
.share-tools > summary::after { content:'⌄'; }
.share-tools > summary[aria-disabled="true"] { opacity:.55; cursor:default; }
.share-tools-body { margin-top:.75rem; padding:1rem; border:1px solid var(--border,#253241); border-radius:10px; background:var(--panel,#121922); color:var(--text,#e8f0f7); }
.share-tools-body > label:first-child { display:block; margin-bottom:.35rem; }
.share-tools-body > select { width:100%; max-width:24rem; min-height:44px; }
.share-tools-body .share-credit { display:flex; align-items:center; gap:.5rem; min-height:44px; margin:1rem 0; font-size:.9rem; }
.share-tools-body .share-credit input { flex:0 0 auto; width:18px; max-width:18px; height:18px; min-height:18px; }
.share-tools-body .small { color:var(--muted,#9fb0c0); }
.share-actions { display:flex; flex-wrap:wrap; gap:.65rem; }
.share-actions button { min-height:44px; }
.share-actions .button { transition:none; }
.share-png-preview { display:block; max-width:min(100%,320px); max-height:260px; width:auto; height:auto; object-fit:contain; margin-top:1rem; background:#0b0f14; }
.share-tools [hidden] { display:none!important; }
.share-status { min-height:1.5em; overflow-wrap:anywhere; }
.share-tools :is(summary,button,input,select):focus-visible { outline:2px solid var(--accent,#2dd4bf); outline-offset:4px; }