.shareHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.shareCardTrigger{min-height:44px;padding:10px 13px;border:1px solid var(--line,#dfe5ec);border-radius:11px;background:var(--surface,#fff);color:var(--ink,#101828);font:850 14px inherit;cursor:pointer}.shareCardTrigger:hover{border-color:#8ddce3;color:#087f8b}.shareCardDialog{width:min(920px,calc(100vw - 30px));max-height:min(850px,calc(100vh - 30px));padding:0;border:0;border-radius:25px;background:var(--surface,#fff);color:var(--ink,#101828);box-shadow:0 28px 90px rgba(7,21,37,.3)}.shareCardDialog::backdrop{background:rgba(3,12,24,.72);backdrop-filter:blur(8px)}.shareCardPanel{padding:22px}.shareCardPanel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line,#e4e7ec)}.shareCardEyebrow{margin:0;color:#087f8b;font-size:12px;font-weight:900;letter-spacing:.12em}.shareCardPanel h2{margin:5px 0 0;font-size:27px;letter-spacing:-.055em}.shareCardPanel header p:last-child{max-width:600px;margin:7px 0 0;color:var(--muted,#667085);font-size:12px;line-height:1.45}.shareCardClose{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line,#e4e7ec);border-radius:50%;background:transparent;color:inherit;font-size:23px;cursor:pointer}.shareCardWorkspace{display:grid;grid-template-columns:minmax(260px,.86fr) minmax(330px,1.14fr);gap:20px;padding-top:20px}.shareCardPreview{display:grid;place-items:center;min-height:480px;padding:18px;border-radius:19px;background:#eaf0f5}.shareCardPreview canvas{display:block;width:min(100%,300px);height:auto;max-height:560px;border-radius:12px;box-shadow:0 16px 38px rgba(7,21,37,.22)}.shareCardControls{display:grid;align-content:start;gap:16px}.shareCardControls fieldset{margin:0;padding:0;border:0}.shareCardControls legend,.shareCardAttribution span{display:block;margin-bottom:7px;color:#344054;font-size:12px;font-weight:850}.shareCardFormats,.shareCardPrivacy{display:grid;gap:7px}.shareCardFormats{grid-template-columns:1fr 1fr}.shareCardFormats label,.shareCardPrivacy label{position:relative;display:flex;min-height:44px;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line,#e4e7ec);border-radius:11px;background:#fff;color:#344054;font-size:12px;font-weight:750;cursor:pointer}.shareCardFormats input,.shareCardPrivacy input{width:18px;height:18px;flex:0 0 auto;accent-color:#1299a8}.shareCardFormats label:has(input:checked),.shareCardPrivacy label:has(input:checked){border-color:#8fd9df;background:#f1fbfc}.shareCardAttribution input{width:100%;min-height:44px;padding:0 11px;border:1px solid var(--line,#e4e7ec);border-radius:11px;background:#fff;color:#101828;font:750 12px inherit}.shareCardActions{display:flex;flex-wrap:wrap;gap:8px}.shareCardActions button{min-height:44px;padding:10px 13px;border:1px solid var(--line,#e4e7ec);border-radius:11px;background:#fff;color:#101828;font:850 14px inherit;cursor:pointer}.shareCardActions [data-share-download]{border-color:#111d31;background:#111d31;color:#fff}.shareCardStatus{min-height:18px;margin:0;color:#087f8b;font-size:12px;font-weight:750}.shareCardDialog[open]{animation:shareCardIn .18s ease-out}@keyframes shareCardIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}html[data-theme="dark"] .shareCardTrigger,html[data-theme="dark"] .shareCardFormats label,html[data-theme="dark"] .shareCardPrivacy label,html[data-theme="dark"] .shareCardAttribution input,html[data-theme="dark"] .shareCardActions button{border-color:var(--line);background:#0a1423;color:#f2f6fb}html[data-theme="dark"] .shareCardFormats label:has(input:checked),html[data-theme="dark"] .shareCardPrivacy label:has(input:checked){background:#102832}html[data-theme="dark"] .shareCardPreview{background:#07111e}html[data-theme="dark"] .shareCardControls legend,html[data-theme="dark"] .shareCardAttribution span{color:#dce6f4}@media(max-width:720px){.shareCardDialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:20px}.shareCardPanel{padding:17px}.shareCardWorkspace{grid-template-columns:1fr}.shareCardPreview{min-height:310px}.shareCardPreview canvas{width:auto;max-width:100%;height:300px}.shareCardFormats{grid-template-columns:1fr}.shareCardActions{display:grid}.shareCardActions button{width:100%}.shareHeaderActions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.shareCardDialog[open]{animation:none}}@media print{.shareCardDialog,.shareCardTrigger{display:none!important}}
