.share-panel{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);min-width:0}
.share-panel .share-heading{margin:0 0 10px;font-size:1rem;font-weight:700;color:var(--ink)}
.share-actions{display:flex;flex-wrap:wrap;gap:8px}
.share-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:.875rem;line-height:1.5;text-decoration:none;cursor:pointer}
.share-action[hidden]{display:none}.share-action:hover{border-color:var(--accent);color:var(--accent)}
.share-action:focus-visible,.share-draft summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.share-draft{margin-top:12px;font-size:.875rem;max-width:720px}
.share-draft summary{width:fit-content;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
.share-draft label{display:grid;gap:6px;margin-top:12px;min-width:0}
.share-draft textarea,.share-draft input{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);font:inherit;line-height:1.65}
.share-draft textarea{resize:vertical}.share-draft p{font-size:.875rem;color:var(--muted)}
.share-panel .share-feedback{min-height:1.5em;margin:6px 0 0;font-size:.875rem;color:var(--ink)}
#compare-view>.share-panel{margin:0 0 20px;border-top:0;border-bottom:1px solid var(--line);padding:0 0 12px}
@media(max-width:640px){.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-action{padding-inline:8px}.share-draft textarea,.share-draft input{font-size:1rem}}