.share-card-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.share-card-dialog{width:min(1060px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:28px;background:#fff;color:#102a43;box-shadow:0 28px 90px rgba(5,24,42,.34);overflow:visible}
.share-card-dialog::backdrop{background:rgba(4,18,32,.72);backdrop-filter:blur(8px)}
.share-card-shell{max-height:min(830px,calc(100vh - 32px));overflow:auto;border-radius:28px;background:linear-gradient(180deg,#fff,#f7fafc)}
.share-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 34px 25px;border-bottom:1px solid #dbe7ef}
.share-card-head>div>span{display:block;margin-bottom:7px;color:#167d8d;font-size:.72rem;font-weight:850;letter-spacing:.13em}
.share-card-head h2{margin:0;color:#09253e;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.12}
.share-card-head p{max-width:650px;margin:8px 0 0;color:#61778b;line-height:1.55}
.share-card-close{display:grid;flex:0 0 42px;width:42px;height:42px;padding:0;place-items:center;border:1px solid #d5e2eb;border-radius:50%;background:#fff;color:#29475f;font-size:1.75rem;line-height:1;cursor:pointer;transition:.2s ease}
.share-card-close:hover,.share-card-close:focus-visible{border-color:#167d8d;color:#0d6572;transform:rotate(3deg)}
.share-card-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);gap:32px;padding:32px 34px 36px}
.share-card-preview{display:grid;align-content:start;justify-items:center;min-height:520px;padding:24px;border:1px solid #d9e6ee;border-radius:24px;background:radial-gradient(circle at 50% 0,#edf5f8,#e3edf3)}
.share-card-preview-frame{position:relative;display:grid;width:min(100%,420px);aspect-ratio:1;place-items:center;overflow:hidden;border-radius:17px;background:#0d2942;box-shadow:0 18px 44px rgba(10,38,61,.23);transition:width .25s ease,aspect-ratio .25s ease}
.share-card-preview[data-format="story"] .share-card-preview-frame{width:min(56%,245px);aspect-ratio:9/16}
.share-card-preview[data-format="yatay"] .share-card-preview-frame{width:100%;aspect-ratio:1200/630}
.share-card-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#0d2942}
.share-card-preview>p{min-height:1.35em;margin:17px 0 0;color:#61778b;font-size:.82rem;text-align:center}
.share-card-loading,.share-card-error{position:absolute;inset:0;display:grid;z-index:2;align-content:center;justify-items:center;gap:12px;padding:24px;background:linear-gradient(145deg,#0a2138,#123c59);color:#eaf4f8;text-align:center}
.share-card-loading i{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#47c0c8;border-radius:50%;animation:share-card-spin .8s linear infinite}
.share-card-loading span{font-size:.86rem;font-weight:700}
.share-card-error strong{font-size:1.03rem}.share-card-error span{max-width:260px;color:#c4d5e2;font-size:.8rem;line-height:1.45}
.share-card-error button{padding:8px 14px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:transparent;color:#fff;font-weight:750;cursor:pointer}
@keyframes share-card-spin{to{transform:rotate(360deg)}}
.share-card-controls{display:flex;min-width:0;flex-direction:column;gap:22px}
.share-card-controls fieldset{min-width:0;margin:0;padding:0;border:0}.share-card-controls legend{margin-bottom:12px;color:#29475f;font-size:.79rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.share-card-formats{display:grid;gap:10px}
.share-card-formats button{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;width:100%;padding:13px 15px;border:1px solid #d6e3ec;border-radius:15px;background:#fff;color:#183a55;text-align:left;cursor:pointer;transition:.18s ease}
.share-card-formats button:hover{border-color:#87b9c1;transform:translateY(-1px)}.share-card-formats button.active{border-color:#167d8d;background:#f0fafb;box-shadow:0 0 0 3px rgba(22,125,141,.1)}
.share-card-formats button>i{display:block;justify-self:center;border:2px solid currentColor;border-radius:4px;color:#71899b}.share-card-formats button.active>i{color:#167d8d}
.share-card-formats .is-story{width:19px;height:35px}.share-card-formats .is-square{width:30px;height:30px}.share-card-formats .is-landscape{width:38px;height:23px}
.share-card-formats span{display:flex;align-items:center;justify-content:space-between;gap:10px}.share-card-formats strong{font-size:.94rem}.share-card-formats small{color:#718698;font-size:.73rem}
.share-card-assurance{display:grid;grid-template-columns:35px 1fr;gap:11px;padding:15px;border:1px solid #d9e8eb;border-radius:16px;background:#f3fafb;color:#1c4d59}
.share-card-assurance>span{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#d9f1f2;color:#0f717c}.share-card-assurance p{margin:0;font-size:.78rem;line-height:1.5}.share-card-assurance strong{display:block;margin-bottom:2px;color:#103e48;font-size:.82rem}
.share-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-card-actions .button{min-height:46px;gap:7px}.share-card-actions [aria-disabled="true"]{pointer-events:none;opacity:.55}.share-card-copy{grid-column:1/-1;padding:8px;border:0;background:transparent;color:#167d8d;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(22,125,141,.28);text-underline-offset:4px}
.share-card-method-note{margin-top:auto;color:#718698;font-size:.71rem;line-height:1.5}
body:has(.share-card-dialog[open]){overflow:hidden}
@media (max-width:800px){.share-card-dialog{width:min(100% - 16px,620px);border-radius:22px}.share-card-shell{max-height:calc(100vh - 16px);border-radius:22px}.share-card-head{padding:23px 20px 19px}.share-card-head p{font-size:.87rem}.share-card-body{grid-template-columns:1fr;gap:22px;padding:20px}.share-card-preview{min-height:0;padding:16px}.share-card-preview-frame{width:min(86vw,380px)}.share-card-preview[data-format="story"] .share-card-preview-frame{width:min(48vw,220px)}.share-card-controls{gap:17px}.share-card-formats{grid-template-columns:repeat(3,1fr)}.share-card-formats button{grid-template-columns:1fr;justify-items:center;gap:8px;padding:11px 7px;text-align:center}.share-card-formats span{display:grid;gap:2px;justify-items:center}.share-card-actions{position:sticky;bottom:0;z-index:4;padding:10px 0;background:linear-gradient(180deg,rgba(247,250,252,0),#f7fafc 24%)}.share-card-method-note{margin-top:0}}
@media (max-width:430px){.share-card-head>div>span{font-size:.65rem}.share-card-head p{display:none}.share-card-body{padding:14px}.share-card-preview{padding:12px}.share-card-preview>p{margin-top:11px}.share-card-formats small{font-size:.64rem}.share-card-actions{grid-template-columns:1fr}.share-card-copy{grid-column:auto}.share-card-assurance{display:none}}
@media (prefers-reduced-motion:reduce){.share-card-loading i{animation-duration:1.8s}.share-card-dialog *{scroll-behavior:auto!important;transition:none!important}}