/* share / download widget — spacing via flex + gap + padding only */
.titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.titlebar>h1{margin:0}

.share{position:relative;display:inline-block}
.share-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:10px 15px;font-weight:600;font-size:14.5px;color:var(--ink-soft);transition:.15s;cursor:pointer}
.share-btn:hover{border-color:var(--accent);color:var(--accent-ink)}
.share.open .share-btn{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}
.share-btn .micon{font-size:19px}

.share-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:70;display:none;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 24px 54px -26px rgba(21,41,46,.5);padding:6px;min-width:250px}
.share.open .share-menu{display:flex}

.share-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:9px;font-weight:600;font-size:14px;color:var(--ink);transition:.12s;cursor:pointer;text-align:left;background:none;border:none}
.share-item:hover{background:var(--surface-2)}
.share-item.copy{border-top:1px dashed var(--line-strong);padding-top:12px;color:var(--ink-soft)}
.share-sub{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted);font-weight:500}
.share-sep{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:11px 12px 5px;border-top:1px dashed var(--line-strong)}

.sbadge{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:11px;color:#fff;flex:none;letter-spacing:.02em}
.sbadge.vk{background:#0077FF}
.sbadge.ok{background:#EE8208}
.sbadge.max{background:#1E7BF0}
.sbadge.tg{background:#2AABEE}
.sbadge.copy{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line-strong)}
.sbadge.copy .micon{font-size:16px}
.sbadge.dl{background:var(--accent-soft);color:var(--accent-ink);border:1px solid #BFE0DC}
.sbadge.dl .micon{font-size:18px}

.share-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(18px);display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;font-size:13.5px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:200}
.share-toast .micon{color:var(--spark);font-size:18px}
.share-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}