.share-row .share-infographic{display:inline-flex;align-items:center;gap:7px;background:#111318;color:#fff;border-color:#111318;font-weight:700;white-space:nowrap}
.share-row .share-infographic:hover{background:var(--red);border-color:var(--red)}
.share-row .share-infographic span{color:#ff555b;font-size:17px;line-height:1}
.share-row .share-infographic:hover span{color:#fff}
body.tcgr-share-open{overflow:hidden}
.tcgr-share-modal[hidden]{display:none!important}
.tcgr-share-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:22px}
.tcgr-share-backdrop{position:absolute;inset:0;background:rgba(8,10,14,.78);backdrop-filter:blur(5px)}
.tcgr-share-dialog{position:relative;width:min(1060px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#f4f5f7;border-top:5px solid var(--red);box-shadow:0 24px 80px #0008}
.tcgr-share-close{position:absolute;z-index:3;right:17px;top:15px;width:38px;height:38px;border:1px solid #dfe2e6;border-radius:50%;background:#fff;color:#15171a;font:400 27px/1 sans-serif;cursor:pointer}
.tcgr-share-close:hover{background:var(--red);border-color:var(--red);color:#fff}
.tcgr-share-heading{background:#fff;border-bottom:1px solid #dfe2e6;padding:23px 72px 20px 30px}
.tcgr-share-heading>span{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:1.2px}
.tcgr-share-heading h2{font:800 28px/1.22 'Noto Serif Devanagari',serif;margin:5px 0 2px}
.tcgr-share-heading p{color:#71777f;margin:0;font-size:14px}
.tcgr-share-layout{display:grid;grid-template-columns:440px minmax(0,1fr);gap:30px;align-items:start;padding:28px 30px 30px}
.tcgr-share-preview{min-width:0}
.tcgr-share-stage{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#202329;box-shadow:0 12px 35px #11131820}
.tcgr-share-stage img{width:100%;height:100%;object-fit:cover}
.tcgr-share-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;background:radial-gradient(circle at 70% 20%,#3a3f49,#17191e 65%)}
.tcgr-share-loader[hidden]{display:none}
.tcgr-share-loader i{width:42px;height:42px;border:4px solid #ffffff30;border-top-color:var(--red);border-radius:50%;animation:tcgrShareSpin .85s linear infinite}
.tcgr-share-loader b{font-size:15px}
@keyframes tcgrShareSpin{to{transform:rotate(360deg)}}
.tcgr-share-spec{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #dfe2e6;border-top:0;padding:9px 11px;font-size:11px}
.tcgr-share-spec>span{background:var(--red);color:#fff;padding:2px 6px;font-weight:800}
.tcgr-share-spec>b{color:#34383e}
.tcgr-share-spec>i{font-style:normal;color:#77808a}
.tcgr-share-controls{min-width:0}
.tcgr-caption-box{background:#fff;border:1px solid #dfe2e6;border-left:4px solid var(--red);padding:15px 17px}
.tcgr-caption-box>span{display:block;color:#767d85;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}
.tcgr-caption-box p{max-height:165px;overflow:auto;white-space:pre-line;margin:0;color:#30343a;font-size:15px;line-height:1.55}
.tcgr-share-primary{width:100%;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;border:0;background:var(--red);color:#fff;padding:14px 16px;margin-top:15px;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--red) 26%,transparent)}
.tcgr-share-primary:hover{filter:brightness(.92)}
.tcgr-share-primary:disabled,.tcgr-share-secondary button:disabled{opacity:.48;cursor:wait}
.tcgr-share-primary>span{grid-row:1/3;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-size:21px}
.tcgr-share-primary>b{font-size:17px;line-height:1.2}
.tcgr-share-primary>small{color:#ffe8e9;margin-top:2px}
.tcgr-share-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.tcgr-share-secondary button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid #d8dce0;background:#fff;color:#202328;font-family:inherit;cursor:pointer}
.tcgr-share-secondary button:hover{border-color:var(--red);color:var(--red)}
.tcgr-share-secondary button span{font-size:19px;color:var(--red)}
.tcgr-share-note{color:#747b84;font-size:12px;line-height:1.45;margin:15px 2px 0}
.tcgr-share-toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%,18px);max-width:calc(100% - 36px);background:#15171b;color:#fff;border-left:4px solid #27a75d;padding:10px 14px;opacity:0;pointer-events:none;transition:.22s;font-size:13px;box-shadow:0 8px 20px #0004}
.tcgr-share-toast.show{opacity:1;transform:translate(-50%,0)}
.tcgr-share-toast.is-error{border-left-color:var(--red)}
@supports not (color:color-mix(in srgb,red 50%,transparent)){.tcgr-share-primary{box-shadow:0 7px 18px #d7192042}}
@media(max-width:900px){
  .tcgr-share-modal{padding:12px}
  .tcgr-share-dialog{max-height:calc(100vh - 24px)}
  .tcgr-share-layout{grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:18px;padding:20px}
  .tcgr-share-heading{padding:18px 62px 15px 20px}
  .tcgr-share-heading h2{font-size:24px}
}
@media(max-width:680px){
  .tcgr-share-modal{padding:0;align-items:end}
  .tcgr-share-dialog{width:100%;max-height:96vh;border-radius:12px 12px 0 0;border-top-width:4px}
  .tcgr-share-heading{padding:16px 55px 13px 16px}
  .tcgr-share-heading h2{font-size:21px}
  .tcgr-share-heading p{font-size:12px}
  .tcgr-share-close{right:11px;top:10px;width:34px;height:34px}
  .tcgr-share-layout{display:block;padding:14px 14px 20px}
  .tcgr-share-preview{width:min(100%,330px);margin:auto}
  .tcgr-share-spec{padding:7px 9px}
  .tcgr-share-controls{margin-top:13px}
  .tcgr-caption-box{padding:11px 12px}
  .tcgr-caption-box p{max-height:92px;font-size:13px}
  .tcgr-share-primary{margin-top:10px;padding:11px 12px}
  .tcgr-share-primary>b{font-size:15px}
  .tcgr-share-primary>small{font-size:10px}
  .tcgr-share-secondary button{min-height:42px;font-size:12px}
  .tcgr-share-note{font-size:10px;margin-top:10px}
  .tcgr-share-toast{position:fixed;bottom:18px}
}
@media(max-width:390px){
  .tcgr-share-preview{width:285px}
  .tcgr-share-heading>span{font-size:8px}
  .tcgr-share-heading h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.tcgr-share-loader i{animation:none}.tcgr-share-toast{transition:none}}