/* Share affordance for URL-backed tool state. */
.ts-share {
   display: flex;
   align-items: center;
   gap: 12px;
   flex-wrap: wrap;
   margin-top: 20px;
   padding-top: 18px;
   border-top: 1px solid var(--border-dark, rgba(255, 255, 255, .08));
}
.ts-share__btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   border: 1px solid var(--border-dark, rgba(255, 255, 255, .14));
   background: var(--bg-black, #09090C);
   color: var(--gold-text, #F5BC45);
   font: inherit;
   font-size: 13px;
   font-weight: 650;
   padding: 11px 16px;
   border-radius: 100px;
   cursor: pointer;
   transition: border-color .16s ease, background .16s ease;
}
.ts-share__btn:hover { border-color: rgba(240, 165, 30, .45); background: var(--gold-pale); }
.ts-share__btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.ts-share__note { font-size: 12.5px; color: var(--text-dim); line-height: 1.5; }

html.light-mode .ts-share__btn { background: #F5F5F8; color: #b47800; }

@media (prefers-reduced-motion: reduce) { .ts-share__btn { transition: none; } }