/* ════════════════════════════════════════════════════════════════
   GridSplit — "Neon Glass" theme layer (loaded after styles.css)
   Dark glassmorphism · soft neon edges · rounded grid cards · status badges
   Colour encodes meaning: amber = free / local tools, violet = AI tools (credits).
   ════════════════════════════════════════════════════════════════ */
:root{
  color-scheme:dark;
  --bg:#06060d;
  --s:rgba(255,255,255,.035);      /* recessed surface: inputs, chips */
  --c:rgba(255,255,255,.055);      /* glass card fill */
  --b:rgba(255,255,255,.10);       /* glass edge */
  --t:#f3f2f8;
  --m:#a6a6c4;
  --a:#f5c451;                     /* amber neon (brand) */
  --a2:#ff7a3d;                    /* ember (brand) */
  --v:#a78bfa;                     /* violet neon (AI) */
  --v2:#7c5cff;
  --mint:#4ade9f;
  --solid:rgba(12,12,22,.94);      /* opaque glass for overlays */
  --r:16px;
  --blur:saturate(150%) blur(16px);
}

/* ── Canvas: ambient neon glow + faint grid (the GridSplit motif) ── */
html{background:var(--bg)}
body{background:transparent}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1}
body::before{
  inset:-10%;
  background:
    radial-gradient(38% 28% at 88% 4%,rgba(245,196,81,.15),transparent 70%),
    radial-gradient(34% 30% at 4% 32%,rgba(124,92,255,.17),transparent 70%),
    radial-gradient(40% 32% at 72% 96%,rgba(34,211,238,.07),transparent 70%);
}
body::after{
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 25%,transparent 75%);
  mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 25%,transparent 75%);
}

/* ── Chrome: top bar + bottom nav ── */
.topnav{background:rgba(6,6,13,.62);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--b)}
.lang-box,.share-btn{background:rgba(255,255,255,.05);border-color:var(--b)}
.gs-credit-chip{background:rgba(245,196,81,.08);border-color:rgba(245,196,81,.4);box-shadow:0 0 16px -6px rgba(245,196,81,.7);font-weight:900}
.gs-credit-chip.empty{background:rgba(255,122,61,.1);box-shadow:0 0 16px -6px rgba(255,122,61,.8)}
.bnav{background:rgba(6,6,13,.66);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--b)}
.bni{background:transparent;border:1px solid transparent;border-radius:14px}
.bni.on{color:var(--a);background:rgba(245,196,81,.08);border-color:rgba(245,196,81,.32);box-shadow:0 0 18px -6px rgba(245,196,81,.6)}

/* ── Hero ── */
.dash{max-width:520px}
.dash-head{padding:22px 0 20px}
.badge{background:rgba(255,255,255,.05);border-color:var(--b);color:var(--t);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.badge svg{color:var(--mint)}
.dash-title{font-size:28px;letter-spacing:-.4px}
.dash-sub{font-size:12.5px;max-width:34ch;margin:0 auto}

/* ── Tool cards ── */
.tools-grid{gap:12px;margin-bottom:18px}
.tools-grid .tool-card:last-child:nth-child(odd){grid-column:auto}
.tool-card{
  --c1:var(--a);--c2:var(--a2);--tint:rgba(245,196,81,.16);--edge:rgba(245,196,81,.42);--glow:rgba(245,196,81,.38);
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;gap:10px;
  text-align:start;padding:14px 14px 12px;border-radius:20px;
  background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.02) 58%);
  border:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 30px -18px rgba(0,0,0,.8);
  transition:transform .22s ease,box-shadow .25s ease,border-color .25s ease;
}
.tool-card[data-tone="violet"]{--c1:var(--v);--c2:var(--v2);--tint:rgba(167,139,250,.18);--edge:rgba(167,139,250,.5);--glow:rgba(139,92,246,.5)}
/* neon edge: a 1px gradient ring drawn with a mask */
.tool-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:linear-gradient(135deg,var(--edge),transparent 38%,transparent 62%,var(--edge));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:.55;transition:opacity .25s ease;
}
/* soft inner glow from the icon corner */
.tool-card::after{
  content:"";position:absolute;width:140px;height:140px;top:-60px;inset-inline-start:-50px;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,var(--glow),transparent 68%);opacity:.35;transition:opacity .25s ease;
}
.tool-card:hover{transform:translateY(-3px);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 40px -16px var(--glow)}
.tool-card:hover::before{opacity:1}
.tool-card:hover::after{opacity:.6}
.tool-card:active{transform:scale(.98)}
.tool-card:focus-visible{outline:2px solid var(--c1);outline-offset:3px}

.tc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.tc-ico{
  width:44px;height:44px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;color:var(--c1);
  background:linear-gradient(145deg,var(--tint),rgba(255,255,255,.02));
  border:1px solid var(--edge);
  box-shadow:0 0 22px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.16);
}
.tc-ico .tool-svg{width:22px;height:22px;margin:0;display:block}
.tool-card:hover .tool-svg{transform:none}
.tc-body{display:flex;flex-direction:column;gap:3px}
.tool-name{font-size:14.5px;font-weight:900;margin:0;line-height:1.35}
.tool-desc{font-size:11px;line-height:1.6;color:var(--m)}
.tc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.tc-meta{font-size:10.5px;font-weight:800;color:var(--t);opacity:.82}
.tc-go{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--c1);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}
.tool-card:hover .tc-go{transform:translateX(-3px)}
html[dir="ltr"] .tc-go svg{transform:scaleX(-1)}
html[dir="ltr"] .tool-card:hover .tc-go{transform:translateX(3px)}

/* status badges */
.tc-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:800;line-height:1;padding:5px 9px;border-radius:999px;border:1px solid;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tc-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.st-hot{color:#ffbe55;background:rgba(255,190,85,.1);border-color:rgba(255,190,85,.38)}
.st-new{color:#c9b8ff;background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.45)}
.st-instant{color:var(--mint);background:rgba(74,222,159,.1);border-color:rgba(74,222,159,.38)}
.st-free{color:#a5ecff;background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.3)}

/* wide cards (AI tools): icon beside the text */
.tool-card--wide{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico body" "foot foot";column-gap:12px;row-gap:10px;align-items:center}
.tool-card--wide .tc-top{display:contents}
.tool-card--wide .tc-ico{grid-area:ico;width:52px;height:52px;border-radius:16px}
.tool-card--wide .tc-ico .tool-svg{width:26px;height:26px}
.tool-card--wide .tc-status{position:absolute;top:12px;inset-inline-end:12px}
.tool-card--wide .tc-body{grid-area:body;padding-inline-end:84px}
.tool-card--wide .tc-foot{grid-area:foot}

/* the one featured card: a slow neon sweep around its edge */
@property --gs-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.tool-card--feature{background:linear-gradient(155deg,rgba(167,139,250,.14),rgba(255,255,255,.025) 60%)}
.tool-card--feature::before{
  padding:1.2px;opacity:1;
  background:conic-gradient(from var(--gs-ang),rgba(167,139,250,.15) 0deg,var(--v) 70deg,var(--a) 110deg,rgba(167,139,250,.15) 160deg,rgba(167,139,250,.15) 360deg);
  animation:gsEdge 7s linear infinite;
}
.tool-card--feature .tool-name{font-size:16px}
/* v3.11: the Image Splitter is the featured card — its glow follows its amber tone */
.tool-card--feature[data-tone="amber"]{background:linear-gradient(155deg,rgba(245,196,81,.13),rgba(255,255,255,.025) 60%)}
@keyframes gsEdge{to{--gs-ang:360deg}}

/* ── Stats, features, SEO, FAQ ── */
.stat,.fcard,.seo-block,.faq-item{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.stat{padding:12px 8px}
.fcard:hover,.faq-item[open]{border-color:rgba(245,196,81,.35)}

/* ── Buttons ── */
.btn1,.dbtn,.fbtn{
  background:linear-gradient(135deg,var(--a),var(--a2));color:#140a00;border-radius:14px;
  box-shadow:0 10px 26px -12px rgba(255,122,61,.85),inset 0 1px 0 rgba(255,255,255,.4);
}
.btn1:hover,.dbtn:hover{filter:brightness(1.06)}
.btn1:focus-visible,.dbtn:focus-visible,.nt-sm:focus-visible,.nt-chip:focus-visible,.bread:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.rbtn,.share-btn{border-radius:14px}
#H_START{width:100%;margin-bottom:6px}

/* ── Tool pages ── */
.tcon{max-width:520px}
.ttitle{font-size:19px}
.back-btn{background:rgba(255,255,255,.05);border:1px solid var(--b);border-radius:999px;padding:6px 12px;width:max-content}
.upzone{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.14);border-radius:20px}
.upzone:hover,.upzone.drag{border-color:var(--a);background:rgba(245,196,81,.05);box-shadow:0 0 24px -10px rgba(245,196,81,.6)}
.nt-box{background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08);border-radius:18px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nt-card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:rgba(255,255,255,.09);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px -18px rgba(0,0,0,.8)}
.nt-field,.cmd-search-input,.finput,.ftarea,.dot-text-input{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.12);border-radius:12px}
.nt-field:focus,.cmd-search-input:focus,.finput:focus,.ftarea:focus{border-color:var(--a);box-shadow:0 0 0 3px rgba(245,196,81,.15)}
.nt-chip,.cmd-cat-tab,.ttab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.nt-chip.on,.cmd-cat-tab.on,.ttab.on{background:rgba(245,196,81,.14);color:var(--a);border-color:rgba(245,196,81,.55);box-shadow:0 0 14px -5px rgba(245,196,81,.7)}
.nt-sm{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.nt-prompt{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.1);border-radius:12px}
.nt-num{box-shadow:0 0 14px -4px rgba(255,122,61,.8)}
.nt-cost{display:inline-flex;align-items:center;margin-inline-start:8px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.2);font-size:11px;font-weight:900}
.nt-sug{border-color:rgba(255,255,255,.16)}
.pc-drop{border-color:rgba(255,255,255,.16);border-radius:18px;background:rgba(0,0,0,.18)}
.pc-drop:hover,.pc-drop.drag,.pc-drop:focus-visible{border-color:var(--v);color:var(--v);background:rgba(167,139,250,.06);box-shadow:0 0 26px -10px rgba(139,92,246,.7)}
/* AI pages carry the violet accent */
#pg-postai .nt-chip.on,#pg-bioai .nt-chip.on{background:rgba(167,139,250,.16);color:#d6caff;border-color:rgba(167,139,250,.6);box-shadow:0 0 14px -5px rgba(139,92,246,.8)}
#pg-postai .pc-step.done .pc-ico{background:var(--v);border-color:var(--v);color:#120a2a}
#pg-postai .pc-badge,#pg-bioai .pc-badge{background:var(--v);color:#120a2a}
.cmd-item{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08);border-radius:16px}
.cmd-item:hover{border-color:rgba(245,196,81,.45)}

/* ── Overlays need an opaque glass, not the translucent card fill ── */
.vl-box,.lm-sheet{background:var(--solid);border-color:rgba(255,255,255,.12);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 0 0 1px rgba(245,196,81,.08),0 30px 70px -20px rgba(0,0,0,.9)}
.vl-box{border-radius:24px}
.vl-box::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(245,196,81,.6),transparent 40%,transparent 60%,rgba(255,122,61,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.share-reminder,.pwa-install-banner,.gs-result,.pawa-toast{background:var(--solid);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-color:rgba(255,255,255,.12)}

/* ── Blog ── */
.bhero h2{font-size:22px}
.bcard{
  display:flex;flex-direction:column;gap:6px;padding:14px;margin-bottom:10px;border-radius:18px;
  background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.bcard:hover{border-color:rgba(245,196,81,.4);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(245,196,81,.5)}
.bcard h3{font-size:14px;line-height:1.5;margin:0}
.bcard p{font-size:11.5px;line-height:1.7}
.btag{align-self:flex-start;background:rgba(245,196,81,.1);border:1px solid rgba(245,196,81,.3)}
.bfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.bfoot .bmeta{margin:0}
.bmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bmeta-i{display:inline-flex;align-items:center;gap:4px}
.bread{flex-shrink:0;background:rgba(245,196,81,.1);color:var(--a);border:1px solid rgba(245,196,81,.4);border-radius:999px;padding:6px 13px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background .15s,box-shadow .15s}
.bread:hover{background:rgba(245,196,81,.18);box-shadow:0 0 14px -4px rgba(245,196,81,.7)}
#acontent .atitle{font-size:22px;line-height:1.45;margin:8px 0 6px}
#acontent .acta{width:100%;margin-top:18px}
.acontent-long blockquote{direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:'Courier New',monospace;font-size:12.5px;line-height:1.75;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-inline-start:3px solid var(--v);border-radius:12px;padding:12px 14px;margin:12px 0;color:var(--t)}
.acontent-long .atip{background:rgba(245,196,81,.07);border-radius:12px}
.arel{margin-top:20px;display:flex;flex-direction:column;gap:8px}
.arel-h{font-size:15px;font-weight:900;margin-bottom:2px}
.arel-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:16px;cursor:pointer;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.arel-card:hover{border-color:rgba(245,196,81,.4)}
.arel-t{font-size:12.5px;font-weight:700;line-height:1.55}

@media (prefers-reduced-motion:reduce){
  .tool-card,.bcard,.tc-go{transition:none}
  .tool-card:hover,.bcard:hover{transform:none}
  .tool-card--feature::before{animation:none}
}
@media (max-width:360px){
  .tools-grid{grid-template-columns:1fr}
  .tool-card--wide .tc-body{padding-inline-end:0;margin-top:22px}
}

/* ════════════════════════════════════════════════════════════════
   v3 additions — gift button, install card, Post Creator (Arabic)
   ════════════════════════════════════════════════════════════════ */

/* ── Gift button (top bar) ── */
.gift-btn{
  position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;cursor:pointer;
  font-family:inherit;font-size:11.5px;font-weight:800;color:#ffd9f0;
  background:linear-gradient(135deg,rgba(167,139,250,.16),rgba(255,122,61,.14));
  border:1px solid rgba(214,170,255,.42);box-shadow:0 0 16px -6px rgba(167,139,250,.8),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .15s ease,box-shadow .2s ease;
}
.gift-btn:hover{box-shadow:0 0 22px -4px rgba(167,139,250,.9),inset 0 1px 0 rgba(255,255,255,.14)}
.gift-btn:active{transform:scale(.95)}
.gift-btn:focus-visible{outline:2px solid var(--v);outline-offset:2px}
.gift-ico{flex-shrink:0;color:#ffc6ec}
.gift-btn.ready .gift-ico{animation:gsGiftWiggle 2.6s ease-in-out 1.2s 2}
.gift-dot{
  position:absolute;top:-7px;inset-inline-end:-6px;min-width:24px;height:17px;padding:0 5px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:900;line-height:1;color:#1a0b00;
  background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 0 10px rgba(255,150,60,.75);
}
.gift-dot[hidden]{display:none}
@keyframes gsGiftWiggle{0%,100%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(0)}}

/* ── Gift / credits modal ── */
.vl-close{position:absolute;top:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--m);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);z-index:2}
.vl-close:hover{color:var(--t);border-color:rgba(255,255,255,.3)}
.vl-close:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.vl-icon[hidden]{display:none}
.vl-icon-gift{color:#ffc6ec;filter:drop-shadow(0 0 14px rgba(167,139,250,.7))}

/* ── PWA install card ── */
.gs-install{
  position:fixed;z-index:880;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 14px 16px;border-radius:20px;overflow:hidden;
  background:var(--solid);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(245,196,81,.08),0 24px 50px -18px rgba(0,0,0,.9);
  opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1);
}
.gs-install.show{opacity:1;transform:none;pointer-events:auto}
.gs-install::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(245,196,81,.55),transparent 40%,transparent 60%,rgba(167,139,250,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.gs-install-icon img{display:block;width:48px;height:48px;border-radius:14px;box-shadow:0 0 18px -6px rgba(245,196,81,.8)}
.gs-install-body{min-width:0;padding-inline-end:26px}
.gs-install-title{font-size:14px;font-weight:900;margin-bottom:3px}
.gs-install-text{font-size:11.5px;line-height:1.7;color:var(--m);margin:0 0 10px}
.gs-install-actions{display:flex;flex-wrap:wrap;gap:8px}
.gs-install-btn{border:none;border-radius:12px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 8px 20px -10px rgba(255,122,61,.9)}
.gs-install-later{border-radius:12px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--m);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.gs-install-later:hover{color:var(--t)}
.gs-install-btn:focus-visible,.gs-install-later:focus-visible,.gs-install-close:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.gs-install-close{position:absolute;top:10px;inset-inline-end:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--m);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.gs-install-bar{position:absolute;bottom:0;inset-inline-start:0;height:2px;width:100%;transform-origin:right;background:linear-gradient(90deg,var(--v),var(--a))}
html[dir="ltr"] .gs-install-bar{transform-origin:left}
@keyframes gsInstallBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* ── AI Post Creator: Arabic cards ── */
.pc-card{display:flex;flex-direction:column;gap:8px}
.pc-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.pc-head .nt-ttl{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:900;line-height:1.5;margin:0}
.pc-cat{flex-shrink:0;font-size:10.5px;font-weight:800;color:#d6caff;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.42);border-radius:999px;padding:3px 10px}
.pc-card .pc-fact{margin:0;font-size:13px;line-height:1.85}
.pc-scene{margin:0;font-size:12px;line-height:1.8;color:var(--m)}
.pc-scene b{color:var(--t);font-weight:800}
.pc-plabel{font-size:10.5px;font-weight:800;color:var(--m);margin-top:2px}
.pc-card .nt-prompt{margin:0;font-family:'Courier New',ui-monospace,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.pc-swatch{gap:6px;padding:4px 10px 4px 5px}
.pc-swatch .pc-hex{font-family:'Courier New',monospace}
.pc-swatch .pc-role{font-family:'Cairo',sans-serif;color:var(--t);opacity:.8;direction:rtl}
.pc-kv{font-size:12px;line-height:1.85}
.pc-arnote{margin-top:4px}

/* empty-state hint in the results column (wide screens only) */
.ai-empty{display:none}

/* ════════════════════════════════════════════════════════════════
   Responsive layer — phone first, then tablet (≥768) and desktop (≥1100)
   ════════════════════════════════════════════════════════════════ */
img,svg,video,canvas{max-width:100%}
.nt-prompt,.pc-fact,.nt-bio,.acontent-long p,.acontent-long li{overflow-wrap:anywhere}

@media (max-width:380px){
  .topnav{padding:0 10px}
  .nav-r{gap:5px}
  #NAV_SHARE_TXT{display:none}
  .gift-btn{padding:0 10px}
  .logo-text{font-size:15px}
  .dash-title{font-size:24px}
}

@media (min-width:768px){
  .topnav{height:64px;padding-inline:max(18px,calc((100vw - 1180px) / 2))}
  .pg{padding-top:64px;padding-bottom:110px}
  .dash,.tcon,.bcon,.scon{max-width:760px;padding-inline:24px}
  .dash-head{padding:34px 0 26px}
  .dash-title{font-size:36px}
  .dash-sub{font-size:14px;max-width:48ch}
  .tools-grid{gap:14px}
  .tools-grid .tool-card--wide{grid-column:auto}            /* the two AI cards sit side by side */
  .tool-card--wide .tc-body{padding-inline-end:0;margin-top:24px}
  .tool-card{padding:18px 18px 14px}
  .tool-name{font-size:15.5px}
  .tool-desc{font-size:12px}
  /* bottom navigation becomes a floating glass dock */
  .bnav{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(560px,calc(100% - 32px));border:1px solid var(--b);border-radius:22px;padding:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.85)}
  .gs-install{left:auto;right:auto;inset-inline-start:24px;bottom:96px;width:390px}
  html[dir="ltr"] .gs-install{left:24px}
  html[dir="rtl"] .gs-install{right:24px}
  
  .bcon #bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .bcon #bgrid .bcard{margin:0}
  #aview{max-width:720px;margin:0 auto}
  #acontent .atitle{font-size:28px}
  .acontent-long p,.acontent-long li{font-size:15px}
  .acontent-long h2{font-size:19px}
  .seo-block p{font-size:12.5px}
  .vl-box{max-width:420px}
  .ttitle{font-size:22px}
  .tsub{font-size:12.5px}
}

@media (min-width:1100px){
  .dash{max-width:1180px}
  .dash-title{font-size:44px}
  .tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .tools-grid .tool-card--wide{grid-column:span 2}
  .tool-card--wide .tc-body{padding-inline-end:96px;margin-top:0}
  #H_START{max-width:420px;display:block;margin:0 auto 10px}
  .stats{max-width:760px;margin-inline:auto}
  .seo-sec{max-width:860px;margin-inline:auto}
  .bcon{max-width:1180px}
  .bcon #bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .bhero{max-width:1180px}
  #pg-commands .tcon{max-width:1180px}
  
  .cmd-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:72vh;align-content:start}
  /* AI tools: inputs on one side, results on the other */
  #pg-bioai .tcon,#pg-postai .tcon,#pg-hashtags .tcon,#pg-resizer .tcon{max-width:1180px}
  #bioai-root,#postai-root,#hashtags-root{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:22px;align-items:start}
  .ai-col-a{position:sticky;top:80px}
  .ai-empty{display:flex;align-items:center;justify-content:center;text-align:center;min-height:260px;padding:28px;border-radius:20px;border:1.5px dashed rgba(167,139,250,.32);background:rgba(167,139,250,.04);color:var(--m);font-size:13px;line-height:1.9}
  #bioai-root .nt-out,#postai-root .nt-out,#hashtags-root .nt-out{margin-top:0}
  .scon{max-width:860px}
}

@media (min-width:1600px){
  .dash,.bcon,#pg-commands .tcon,#pg-bioai .tcon,#pg-postai .tcon,#pg-hashtags .tcon,#pg-resizer .tcon{max-width:1320px}
  .topnav{padding-inline:max(18px,calc((100vw - 1320px) / 2))}
}

@media (prefers-reduced-motion:reduce){
  .gift-btn.ready .gift-ico{animation:none}
  .gs-install{transition:opacity .2s ease;transform:none}
  .gs-install-bar{animation:none !important}
}

/* ════════════════════════════════════════════════════════════════
   v4 — Google accounts (Firebase): chip, account modal, daily-gift card
   Built only from the tokens above: glass fill + neon edge, amber→ember
   for actions, violet for AI, pink-violet glow for the gift.
   ════════════════════════════════════════════════════════════════ */

/* ── credit chip: guests see "Sign in", members see their balance ── */
.gs-credit-chip .gs-ico-user{display:none}
.gs-credit-chip.guest .gs-ico-user{display:block}
.gs-credit-chip.guest .gs-ico-bolt{display:none}
.gs-credit-chip svg{flex-shrink:0}
.gs-credit-chip{white-space:nowrap}
@media (max-width:360px){ .gs-credit-chip.guest .gs-ico-user{display:none} }

/* ── account modal body ── */
.vl-icon-user{color:#d6caff;filter:drop-shadow(0 0 14px rgba(167,139,250,.7))}
.vl-avatar{
  width:68px;height:68px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  font-size:28px;font-weight:900;line-height:1;color:#1a0b00;background:linear-gradient(135deg,var(--a),var(--a2));
  box-shadow:0 0 0 2px rgba(6,6,13,.95),0 0 0 3.5px rgba(167,139,250,.7),0 0 28px -4px rgba(167,139,250,.75);
}
.vl-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.vl-desc.gs-email{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;font-size:11.5px}
.vl-desc:empty{display:none}
.vl-note:empty{display:none}
.gs-acct{display:flex;flex-direction:column;gap:10px;margin:2px 0 12px}
.gs-acct:empty{display:none}
.gs-acct .vl-native-btn{margin:0;text-decoration:none}
.gs-acct .vl-native-btn:disabled{opacity:.75;cursor:wait}
.gs-acct .vl-native-btn .spinner,.gs-gp-btn .spinner{width:15px;height:15px;border-color:rgba(0,0,0,.25);border-top-color:#000}
.gs-acct > .spinner{margin:6px auto 4px}

/* Google button — Google's dark-theme colours, sized like the other actions */
.gs-gbtn{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;border-radius:12px;cursor:pointer;
  font-family:inherit;font-size:13.5px;font-weight:800;color:#e3e3e3;background:#131314;border:1px solid #8e918f;
  box-shadow:0 12px 26px -16px rgba(0,0,0,.95);transition:background .15s,border-color .15s,transform .15s;
}
.gs-gbtn:hover{background:#1c1c1f;border-color:#c4c7c5}
.gs-gbtn:active{transform:scale(.98)}
.gs-gbtn:disabled{opacity:.8;cursor:wait}
.gs-gbtn:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.gs-gbtn img{width:18px;height:18px;flex-shrink:0;display:block}
.gs-gbtn .spinner{width:16px;height:16px;border-color:rgba(255,255,255,.18);border-top-color:#e3e3e3}

/* secondary actions */
.gs-ghost{
  display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 12px;border-radius:12px;cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:800;color:var(--m);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  transition:color .15s,border-color .15s,background .15s;
}
.gs-ghost:hover{color:var(--t);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.gs-ghost:disabled{opacity:.7;cursor:wait}
.gs-ghost .spinner{width:14px;height:14px}
.gs-ghost:focus-visible,.gs-link:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.gs-link{display:inline;background:none;border:none;padding:0 2px;font-family:inherit;font-size:inherit;font-weight:800;color:var(--a);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gs-acct > .gs-link{align-self:center;font-size:11px;color:var(--m)}
.gs-link:hover{color:var(--a2)}

/* the gift amount */
.gs-plus{
  align-self:center;display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:999px;direction:ltr;unicode-bidi:isolate;
  font-size:26px;font-weight:900;line-height:1;color:#1a0b00;background:linear-gradient(135deg,var(--a),var(--a2));
  box-shadow:0 0 28px -6px rgba(255,150,60,.85),inset 0 1px 0 rgba(255,255,255,.45);
  animation:gsPlusIn .5s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes gsPlusIn{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}

/* countdown to the next gift (always LTR digits) */
.gs-count{
  direction:ltr;unicode-bidi:isolate;font-family:'Courier New',ui-monospace,monospace;font-size:30px;font-weight:900;letter-spacing:2px;line-height:1.2;
  color:var(--t);padding:12px 10px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid rgba(167,139,250,.28);
  text-shadow:0 0 18px rgba(167,139,250,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

/* "my account" tiles */
.gs-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gs-stat{padding:11px 8px;border-radius:14px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.gs-stat-l{display:block;font-size:10.5px;font-weight:700;color:var(--m);margin-bottom:5px}
.gs-stat-v{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:18px;font-weight:900;line-height:1.2;color:var(--t)}
.gs-stat-v svg{color:var(--a)}
.gs-stat-v.ready{color:var(--mint);font-size:15px}
.gs-stat-v.gs-mono{direction:ltr;unicode-bidi:isolate;font-family:'Courier New',ui-monospace,monospace;font-size:15px;letter-spacing:1px}

/* in-app browser help (Instagram, Facebook, TikTok …) */
.gs-inapp{padding:11px 12px;border-radius:12px;font-size:11.5px;line-height:1.75;text-align:start;color:#ffd7b8;background:rgba(255,122,61,.08);border:1px solid rgba(255,122,61,.35)}

/* status line inside the modal */
.vl-verify.err{color:#ff8a8c;background:rgba(255,77,79,.08);border-color:rgba(255,77,79,.35)}
.vl-verify.info{color:var(--m);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}

/* AI generate buttons while signed out / out of credits */
.nt-go.nt-locked svg{flex-shrink:0}

/* ── daily-gift card: a non-blocking notification under the top bar ── */
.gs-gift-pop{
  position:fixed;z-index:870;top:calc(66px + env(safe-area-inset-top,0px));left:50%;width:min(420px,calc(100% - 24px));
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 14px 16px;border-radius:20px;overflow:hidden;isolation:isolate;
  background:var(--solid);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 0 0 1px rgba(167,139,250,.1),0 24px 50px -18px rgba(0,0,0,.9),0 0 46px -20px rgba(167,139,250,.75);
  opacity:0;visibility:hidden;transform:translate(-50%,-16px) scale(.98);pointer-events:none;
  transition:opacity .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15),visibility 0s linear .3s;
}
.gs-gift-pop.show{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15),visibility 0s}
/* the same slow neon sweep as the featured tool card */
.gs-gift-pop::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--gs-ang),rgba(167,139,250,.12) 0deg,var(--v) 70deg,var(--a) 115deg,rgba(255,122,61,.5) 140deg,rgba(167,139,250,.12) 170deg,rgba(167,139,250,.12) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:gsEdge 6s linear infinite;
}
.gs-gift-pop::after{
  content:"";position:absolute;width:150px;height:150px;top:-70px;inset-inline-start:-50px;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(214,170,255,.35),transparent 68%);
}
.gs-gp-ico{
  position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#ffc6ec;
  background:linear-gradient(145deg,rgba(167,139,250,.24),rgba(255,122,61,.12));border:1px solid rgba(214,170,255,.5);
  box-shadow:0 0 24px -6px rgba(167,139,250,.85),inset 0 1px 0 rgba(255,255,255,.18);
}
.gs-gp-ico svg{grid-area:1/1;filter:drop-shadow(0 0 8px rgba(255,198,236,.6))}
.gs-gift-pop.show:not(.done) .gs-gp-gift{animation:gsGiftWiggle 2.4s ease-in-out .6s 2}
.gs-gp-check{display:none}
.gs-gift-pop.done .gs-gp-gift{display:none}
.gs-gift-pop.done .gs-gp-check{display:block;color:var(--mint);filter:drop-shadow(0 0 8px rgba(74,222,159,.7))}
.gs-gift-pop.done .gs-gp-ico{border-color:rgba(74,222,159,.55);background:linear-gradient(145deg,rgba(74,222,159,.18),rgba(255,255,255,.02));box-shadow:0 0 24px -6px rgba(74,222,159,.8),inset 0 1px 0 rgba(255,255,255,.18)}
.gs-gift-pop.done .gs-gp-ico::after{content:"";position:absolute;inset:-4px;border-radius:20px;border:2px solid rgba(74,222,159,.7);animation:gsGiftRing .9s ease-out forwards}
@keyframes gsGiftRing{from{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}
.gs-gp-body{min-width:0;padding-inline-end:26px}
.gs-gp-title{font-size:14.5px;font-weight:900;line-height:1.35;margin-bottom:2px}
.gs-gp-text{font-size:11.5px;line-height:1.65;color:var(--m);margin:0 0 9px}
.gs-gift-pop.done .gs-gp-text{margin-bottom:0}
.gs-gp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gs-gp-btn{
  display:inline-flex;align-items:center;gap:7px;border:none;border-radius:12px;padding:9px 16px;cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:900;color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2));
  box-shadow:0 8px 20px -10px rgba(255,122,61,.95),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .15s,filter .15s;
}
.gs-gp-btn:hover{filter:brightness(1.06)}
.gs-gp-btn:active{transform:scale(.96)}
.gs-gp-btn:disabled{opacity:.8;cursor:wait}
.gs-gp-btn[hidden]{display:none}
.gs-gp-amt{
  display:inline-flex;align-items:center;gap:3px;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:900;line-height:1;direction:ltr;unicode-bidi:isolate;
  color:#ffd9f0;background:rgba(167,139,250,.16);border:1px solid rgba(214,170,255,.45);box-shadow:0 0 14px -5px rgba(167,139,250,.9);
}
.gs-gp-amt[hidden]{display:none}
.gs-gp-amt svg{color:var(--a)}
.gs-gp-close{position:absolute;top:10px;inset-inline-end:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--m);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.gs-gp-close:hover{color:var(--t)}
.gs-gp-btn:focus-visible,.gs-gp-close:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.gs-gp-bar{position:absolute;bottom:0;inset-inline-start:0;height:2px;width:100%;transform-origin:right;background:linear-gradient(90deg,var(--v),var(--a))}
html[dir="ltr"] .gs-gp-bar{transform-origin:left}

@media (min-width:768px){
  .gs-gift-pop{top:78px}
}
@media (prefers-reduced-motion:reduce){
  .gs-gift-pop,.gs-gift-pop.show{transition:opacity .2s ease,visibility 0s;transform:translate(-50%,0)}
  .gs-gift-pop::before,.gs-gift-pop.show:not(.done) .gs-gp-gift,.gs-plus,.gs-gift-pop.done .gs-gp-ico::after{animation:none}
  .gs-gp-bar{animation:none !important}
}

/* ════════════════════════════════════════════════════════════════
   v5 — rewarded ads: ad icon, "watch an ad" card (the ad itself: v7 ad gate)
   Same tokens as v4: glass fill + neon edge, amber→ember for actions,
   pink-violet glow for rewards. No new colours.
   ════════════════════════════════════════════════════════════════ */

/* modal icon — the same glow as the gift icon */
.vl-icon-ad{color:#ffc6ec;filter:drop-shadow(0 0 14px rgba(167,139,250,.7))}

/* gift card in "watch an ad" mode: the play icon replaces the gift */
.gs-gp-play{display:none}
.gs-gift-pop.ad:not(.done) .gs-gp-gift{display:none}
.gs-gift-pop.ad:not(.done) .gs-gp-play{display:block}
.gs-gift-pop.show.ad:not(.done) .gs-gp-play{animation:gsAdPulse 2.4s ease-in-out .6s 2}
@keyframes gsAdPulse{0%,100%{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(.96)}}

@media (prefers-reduced-motion:reduce){
  .gs-gift-pop.show.ad:not(.done) .gs-gp-play{animation:none}
}

/* ════════════════════════════════════════════════════════════════
   v6 — Temp Email, tool pages (SEO routes)
   Same tokens as v4/v5: glass fill + neon edge, amber→ember for actions,
   violet for drop targets, mint for "live". No new colours.
   ════════════════════════════════════════════════════════════════ */

/* tool cards are real links now — keep the exact look of the old div cards */
a.tool-card{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}

/* ── Temp Email ── */
.tm-card .clabel{margin-bottom:9px}
.tm-address{
  direction:ltr;unicode-bidi:isolate;text-align:center;overflow-wrap:anywhere;
  font-family:'Courier New',ui-monospace,monospace;font-size:15px;font-weight:900;letter-spacing:.2px;color:var(--t);
  padding:13px 12px;margin-bottom:10px;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid rgba(245,196,81,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px -12px rgba(245,196,81,.7);
}
.tm-address.tm-wait{font-family:inherit;font-size:13px;font-weight:700;color:var(--m);border-color:rgba(255,255,255,.12);box-shadow:none;animation:tmBreath 1.4s ease-in-out infinite}
@keyframes tmBreath{50%{opacity:.55}}
.tm-copy{margin:0 0 8px}
.tm-copy:disabled{opacity:.55;cursor:wait}
.tm-copy svg{flex-shrink:0}
.tm-actions{justify-content:center;flex-wrap:wrap}
.tm-act,.tm-msg .nt-sm,.tm-code .nt-sm,.tm-att .nt-sm{display:inline-flex;align-items:center;gap:5px}
.tm-act:disabled{opacity:.6;cursor:wait}
.tm-act.tm-confirm{color:var(--a2);border-color:var(--a2);background:rgba(255,122,61,.1)}
.tm-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:10.5px;line-height:1.5;color:var(--m);text-align:center}
.tm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--m);opacity:.6}
.tm-dot.on{background:var(--mint);opacity:1;animation:tmLive 2s ease-out infinite}
@keyframes tmLive{0%{box-shadow:0 0 0 0 rgba(74,222,159,.55)}70%{box-shadow:0 0 0 7px rgba(74,222,159,0)}100%{box-shadow:0 0 0 0 rgba(74,222,159,0)}}
.tm-hint{margin-bottom:8px}
.tm-credit{text-align:center;margin:0 0 12px}
.tm-credit a,.tm-text a{color:var(--a);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.tm-inbox{min-height:220px}
.tm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.tm-head .clabel{margin:0}
.tm-count{direction:ltr;font-size:10px;font-weight:900;color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2));border-radius:999px;padding:2px 9px}
.tm-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 12px;text-align:center;font-size:12px;line-height:1.8;color:var(--m)}
.tm-pulse{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid rgba(245,196,81,.25)}
.tm-pulse::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--a);animation:spin 1.1s linear infinite}
.tm-list{display:flex;flex-direction:column;gap:7px}
.tm-item{
  width:100%;display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:14px;text-align:start;cursor:pointer;
  font-family:inherit;color:var(--t);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);transition:border-color .15s,background .15s;
}
.tm-item:hover{border-color:rgba(245,196,81,.45)}
.tm-item:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.tm-item.unread{border-color:rgba(245,196,81,.35);background:linear-gradient(160deg,rgba(245,196,81,.09),rgba(255,255,255,.02))}
.tm-item.busy{opacity:.6;cursor:wait}
.tm-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:14px;font-weight:900;color:#1a0b00;background:linear-gradient(135deg,var(--a),var(--a2))}
.tm-it{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.tm-it-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.tm-from{min-width:0;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-time{flex-shrink:0;direction:ltr;font-size:10px;color:var(--m)}
.tm-subj,.tm-intro{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-subj{font-size:12.5px}
.tm-item.unread .tm-subj{font-weight:900}
.tm-intro{font-size:11px;color:var(--m)}
/* sender / subject / preview may be in another language: each keeps its own direction (so long English
   lines are cut at their end), while staying aligned with the page */
html[dir="rtl"] .tm-it [dir=auto],html[dir="rtl"] .tm-msubj{text-align:right}
html[dir="ltr"] .tm-it [dir=auto],html[dir="ltr"] .tm-msubj{text-align:left}
.tm-msg{display:flex;flex-direction:column;gap:10px}
.tm-back{align-self:flex-start}
html[dir="ltr"] .tm-back svg{transform:scaleX(-1)}
.tm-msubj{margin:0;font-size:15px;font-weight:900;line-height:1.5;overflow-wrap:anywhere}
.tm-meta{font-size:11px;line-height:1.6;color:var(--m);overflow-wrap:anywhere}
.tm-meta b{color:var(--t)}
.tm-faddr{unicode-bidi:isolate}
.tm-code{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 11px;border-radius:12px;font-size:12px;background:rgba(245,196,81,.08);border:1px solid rgba(245,196,81,.35)}
.tm-code b{font-family:'Courier New',ui-monospace,monospace;font-size:18px;letter-spacing:2px;color:var(--a)}
.tm-tabs{align-items:center}
.tm-text{
  max-height:60vh;overflow:auto;padding:12px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);
  font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start;
}
.tm-frame{display:block;width:100%;height:60vh;min-height:320px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#fff}
.tm-atts{display:flex;flex-direction:column;gap:6px}
.tm-att{justify-content:space-between;gap:8px;font-size:11.5px}
.tm-aname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-asize{direction:ltr;font-size:10.5px;color:var(--m)}
.tm-msg-foot{justify-content:flex-end}
.tm-del:hover{border-color:#ff4d4f;color:#ff8a8c}

/* ── tool pages: the SEO section under each tool + links between tools ── */
.tool-seo{margin-top:22px}
.tool-links{display:flex;flex-wrap:wrap;gap:6px}
.tool-link{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:800;color:var(--a);text-decoration:none;background:rgba(245,196,81,.08);border:1px solid rgba(245,196,81,.32);transition:background .15s,box-shadow .15s}
.tool-link:hover{background:rgba(245,196,81,.16);box-shadow:0 0 14px -4px rgba(245,196,81,.7)}
.tool-link:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.tl-en{display:none}
.en-mode .tl-en{display:inline}
.en-mode .tool-link .tl-ar{display:none}
.tool-seo .hsteps+.stitle,.tool-seo .faq-item+.stitle{margin-top:16px}
.seo-a{color:var(--a);font-weight:800;text-decoration:none;border-bottom:1px dashed rgba(245,196,81,.45)}
.seo-a:hover{border-bottom-style:solid}
.seo-a:focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:3px}

@media (min-width:1100px){
  #pg-tempmail .tcon{max-width:1180px}
  #tempmail-root{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:22px;align-items:start}
}
@media (min-width:1600px){
  #pg-tempmail .tcon{max-width:1320px}
}
@media (prefers-reduced-motion:reduce){
  .tm-dot.on,.tm-address.tm-wait{animation:none}
}

/* ════════════════════════════════════════════════════════════════
   v7 — 20-second ad gate, "جرب" buttons, token costs (v3.4)
   Same glass + neon-edge language; the countdown ring adds the cyan of the
   page's ambient glow (34,211,238) running into the brand amber.
   ════════════════════════════════════════════════════════════════ */
:root{--cy:#22d3ee}
html.gs-adg-lock,html.gs-adg-lock body{overflow:hidden}

/* ── ad gate overlay ── */
.gs-adg{
  position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(4,4,10,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s;
}
.gs-adg.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}
.gs-adg-box{
  position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:390px;max-height:calc(100vh - 32px);overflow-y:auto;
  padding:22px 20px 18px;border-radius:24px;text-align:center;
  background:var(--solid);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 0 0 1px rgba(34,211,238,.08),0 30px 70px -20px rgba(0,0,0,.9),0 0 60px -28px rgba(34,211,238,.7);
  transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.2,.9,.25,1.1);
}
.gs-adg.open .gs-adg-box{transform:none}
/* slow neon sweep around the edge (cyan → amber) */
.gs-adg-box::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--gs-ang),rgba(34,211,238,.1) 0deg,var(--cy) 70deg,var(--a) 120deg,rgba(255,122,61,.45) 145deg,rgba(34,211,238,.1) 175deg,rgba(34,211,238,.1) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:gsEdge 6s linear infinite;
}
.gs-adg-box::after{content:"";position:absolute;width:190px;height:190px;top:-90px;inset-inline-start:-70px;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 68%)}
.gs-adg-x{position:absolute;top:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--m);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);z-index:2}
.gs-adg-x:hover{color:var(--t);border-color:rgba(255,255,255,.3)}
.gs-adg-head{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 12px}
.gs-adg-tag{font-size:10px;font-weight:900;line-height:1;padding:5px 10px;border-radius:999px;color:#1a0b00;background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 0 12px -4px rgba(255,150,60,.8)}
.gs-adg-perk{direction:ltr;unicode-bidi:isolate;font-size:11px;font-weight:900;line-height:1;padding:5px 11px;border-radius:999px;color:#a5ecff;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 14px -5px rgba(34,211,238,.8)}
.gs-adg[dir="rtl"] .gs-adg-perk{direction:rtl}
.gs-adg.for-reward .gs-adg-perk{direction:ltr}
.gs-adg-title{margin:0 0 6px;font-size:16.5px;font-weight:900;line-height:1.5;color:var(--t);padding-inline:18px}
.gs-adg-desc{margin:0 0 14px;font-size:12px;line-height:1.8;color:var(--m)}

/* countdown ring */
.gs-adg-ring{position:relative;width:136px;height:136px;margin:0 auto 16px;display:grid;place-items:center}
.gs-adg-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.gs-adg[dir="rtl"] .gs-adg-ring svg{transform:rotate(-90deg) scaleY(-1)}
.gs-adg-track{fill:rgba(0,0,0,.28);stroke:rgba(255,255,255,.08);stroke-width:8}
.gs-adg-arc{fill:none;stroke:url(#gsAdgGrad);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .3s linear;filter:drop-shadow(0 0 6px rgba(34,211,238,.55))}
.gs-adg-num{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}
.gs-adg-num b{font-family:'Courier New',ui-monospace,monospace;font-size:44px;font-weight:900;color:var(--t);text-shadow:0 0 18px rgba(34,211,238,.55);direction:ltr}
.gs-adg-num span{margin-top:4px;font-size:11px;font-weight:800;color:var(--m)}
.gs-adg-check{position:absolute;display:none;color:var(--mint);filter:drop-shadow(0 0 12px rgba(74,222,159,.8))}
.gs-adg.is-idle .gs-adg-arc{stroke-dashoffset:0}
.gs-adg.is-running .gs-adg-num b{animation:gsAdgBeat 1s ease-in-out infinite}
.gs-adg.is-done .gs-adg-arc{stroke:var(--mint);stroke-dashoffset:0 !important;filter:drop-shadow(0 0 8px rgba(74,222,159,.7))}
.gs-adg.is-done .gs-adg-num{visibility:hidden}
.gs-adg.is-done .gs-adg-check{display:block;animation:gsPlusIn .45s cubic-bezier(.34,1.56,.64,1) both}
@keyframes gsAdgBeat{50%{opacity:.72}}

/* "مشاهدة الإعلان" — a real link styled as the brand action button */
.gs-adg-watch{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 14px;border-radius:14px;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:900;color:#140a00;text-decoration:none;
  background:linear-gradient(135deg,var(--a),var(--a2));
  box-shadow:0 10px 26px -12px rgba(255,122,61,.9),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .15s,filter .15s,opacity .15s;
}
.gs-adg-watch:hover{filter:brightness(1.06)}
.gs-adg-watch:active{transform:scale(.97)}
.gs-adg-watch:focus-visible,.gs-adg-cancel:focus-visible,.gs-adg-x:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.gs-adg.is-running .gs-adg-watch{color:var(--t);background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 18px -8px rgba(34,211,238,.9)}
.gs-adg.is-native .gs-adg-watch,.gs-adg.is-done .gs-adg-watch{opacity:.55;pointer-events:none}
.gs-adg-status{min-height:20px;margin:11px 0 10px;font-size:11.5px;font-weight:700;line-height:1.7;color:#a5ecff}
.gs-adg.is-idle .gs-adg-status{color:var(--m)}
.gs-adg.is-done .gs-adg-status{color:var(--mint)}
.gs-adg-cancel{width:100%;padding:10px 12px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--m);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:color .15s,border-color .15s}
.gs-adg-cancel:hover{color:var(--t);border-color:rgba(255,255,255,.28)}
.gs-adg.is-done .gs-adg-cancel{display:none}
.gs-adg-note{margin:10px 0 0;font-size:10.5px;line-height:1.7;color:var(--m);opacity:.85}
@media (max-width:360px){
  .gs-adg-box{padding:20px 14px 16px}
  .gs-adg-ring{width:116px;height:116px}
  .gs-adg-num b{font-size:38px}
  .gs-adg-title{font-size:15px}
}

/* ── "جرب" (try) buttons: copy the prompt, open ChatGPT / Gemini ── */
.cmd-try-btn,.try-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:inherit;font-weight:800;
  color:#a5ecff;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.38);
  transition:background .15s,box-shadow .15s,border-color .15s,transform .15s;
}
.cmd-try-btn:hover,.try-btn:hover{background:rgba(34,211,238,.16);border-color:var(--cy);box-shadow:0 0 14px -4px rgba(34,211,238,.8)}
.cmd-try-btn:active,.try-btn:active{transform:scale(.96)}
.cmd-try-btn:focus-visible,.try-btn:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.cmd-try-btn svg,.try-btn svg{flex-shrink:0}
html[dir="rtl"] .cmd-try-btn .gs-ext,html[dir="rtl"] .try-btn .gs-ext{transform:scaleX(-1)}
.cmd-try-btn{flex:1;border-radius:8px;padding:7px 8px;font-size:10.5px}

.try-btn{flex:1;border-radius:10px;padding:11px;font-size:12px}

/* ── splitter download: token price on the button ── */
.dbtn .nt-cost{color:#140a00;background:rgba(0,0,0,.14)}
.dbtn:disabled{opacity:.75;cursor:wait}

@media (prefers-reduced-motion:reduce){
  .gs-adg,.gs-adg-box{transition:none}
  .gs-adg-box::before,.gs-adg.is-running .gs-adg-num b,.gs-adg.is-done .gs-adg-check{animation:none}
  .gs-adg-arc{transition:none}
}

/* ════════════════════════════════════════════════════════════════
   v8 — owner admin dashboard, accent themes, tool switches, maintenance (v3.5)
   Themes only repaint the accent: amber (default, no attribute = the exact
   original look), Neon Cyan, Emerald, Violet. Violet stays the AI colour.
   ════════════════════════════════════════════════════════════════ */
:root{--arg:245,196,81}
html[data-accent="cyan"]{--a:#22d3ee;--a2:#38bdf8;--arg:34,211,238}
html[data-accent="emerald"]{--a:#34d399;--a2:#10b981;--arg:52,211,153}
html[data-accent="violet"]{--a:#c4b5fd;--a2:#8b5cf6;--arg:196,181,253}
html[data-accent] .tool-card:not([data-tone="violet"]){--tint:rgba(var(--arg),.16);--edge:rgba(var(--arg),.42);--glow:rgba(var(--arg),.38)}
html[data-accent] .bni.on{background:rgba(var(--arg),.08);border-color:rgba(var(--arg),.32);box-shadow:0 0 18px -6px rgba(var(--arg),.6)}
html[data-accent] .gs-credit-chip{background:rgba(var(--arg),.08);border-color:rgba(var(--arg),.4);box-shadow:0 0 16px -6px rgba(var(--arg),.7)}
html[data-accent] .nt-chip.on,html[data-accent] .cmd-cat-tab.on,html[data-accent] .ttab.on{background:rgba(var(--arg),.14);border-color:rgba(var(--arg),.55);box-shadow:0 0 14px -5px rgba(var(--arg),.7)}
html[data-accent] .btn1,html[data-accent] .dbtn,html[data-accent] .fbtn{box-shadow:0 10px 26px -12px rgba(var(--arg),.85),inset 0 1px 0 rgba(255,255,255,.4)}
html[data-accent] .vl-box::before{background:linear-gradient(135deg,rgba(var(--arg),.6),transparent 40%,transparent 60%,rgba(var(--arg),.6))}
html[data-accent] .upzone:hover,html[data-accent] .upzone.drag{border-color:var(--a);background:rgba(var(--arg),.05);box-shadow:0 0 24px -10px rgba(var(--arg),.6)}
html[data-accent] .cmd-item:hover,html[data-accent] .bcard:hover{border-color:rgba(var(--arg),.45)}
html[data-accent] .tool-link{background:rgba(var(--arg),.08);border-color:rgba(var(--arg),.32)}
html[data-accent] body::before{background:
  radial-gradient(38% 28% at 88% 4%,rgba(var(--arg),.15),transparent 70%),
  radial-gradient(34% 30% at 4% 32%,rgba(124,92,255,.17),transparent 70%),
  radial-gradient(40% 32% at 72% 96%,rgba(34,211,238,.07),transparent 70%)}

/* ── tools switched off from the dashboard ── */
.gs-tool-off{display:none !important}
.tool-card.gs-tool-off-admin{opacity:.5;filter:grayscale(.6)}
.tool-card.gs-tool-off-admin::after{content:"OFF";position:absolute;top:auto;bottom:10px;inset-inline-start:auto;inset-inline-end:12px;width:auto;height:auto;padding:3px 8px;border-radius:999px;background:#ff4d4f;color:#fff;font-size:9.5px;font-weight:900;opacity:1;z-index:2}

/* ── maintenance page (everyone but the owner) ── */
html.gs-maint-on,html.gs-maint-on body{overflow:hidden}
.gs-maint{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(60% 50% at 50% 30%,rgba(var(--arg),.12),transparent 70%),rgba(4,4,10,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.gs-maint-box{position:relative;isolation:isolate;width:100%;max-width:400px;padding:30px 22px 22px;border-radius:24px;text-align:center;background:var(--solid);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px -20px rgba(0,0,0,.9),0 0 60px -28px rgba(var(--arg),.7)}
.gs-maint-box::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;z-index:-1;pointer-events:none;background:conic-gradient(from var(--gs-ang),rgba(var(--arg),.1) 0deg,var(--a) 80deg,var(--a2) 120deg,rgba(var(--arg),.1) 170deg,rgba(var(--arg),.1) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:gsEdge 6s linear infinite}
.gs-maint-logo{display:block;width:64px;height:64px;margin:0 auto 14px;border-radius:18px;box-shadow:0 0 26px -6px rgba(var(--arg),.8)}
.gs-maint-title{margin:0 0 8px;font-size:19px;font-weight:900;line-height:1.45;color:var(--t)}
.gs-maint-msg{margin:0 0 14px;font-size:13px;line-height:1.9;color:var(--m);white-space:pre-line;overflow-wrap:anywhere}
.gs-maint-soon{display:inline-block;margin-bottom:18px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:900;color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2))}
.gs-maint-owner{display:block;margin:0 auto;padding:6px 10px;background:none;border:none;font-family:inherit;font-size:11px;font-weight:700;color:var(--m);text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.75}
.gs-maint-owner:hover{opacity:1;color:var(--t)}
.gs-maint-on .vl-overlay{z-index:1300}
.gs-maint-on .toast{z-index:1400}

/* ── owner entry points ── */
.gs-admin-chip{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:900;white-space:nowrap;color:#a5ecff;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 14px -6px rgba(34,211,238,.8)}
.gs-admin-chip[hidden]{display:none}
.gs-admin-chip:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
@media (max-width:520px){ #gsAdminChipTxt{display:none} .gs-admin-chip{padding:0 9px} }
.gs-acct .gs-admin-btn{color:#04252b;background:linear-gradient(135deg,#a5f3fc,var(--cy))}

/* ── admin dashboard ── */
#pg-admin .tcon{max-width:760px}
.adm-head{margin:4px 0 14px}
.adm-hello{margin:0 0 4px;font-size:12.5px;line-height:1.8;color:var(--m)}
.adm-last{margin:0;font-size:11px;color:var(--m);opacity:.85;overflow-wrap:anywhere}
.adm-warn{margin:10px 0 0;padding:9px 12px;border-radius:12px;font-size:11.5px;font-weight:800;line-height:1.7;color:#ffd7b8;background:rgba(255,122,61,.1);border:1px solid rgba(255,122,61,.4)}
.adm-grid{display:flex;flex-direction:column;gap:12px}
.adm-card{display:flex;flex-direction:column;gap:12px;padding:16px}
.adm-h{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:900}
.adm-ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:14px;color:var(--a);background:rgba(var(--arg),.1);border:1px solid rgba(var(--arg),.35)}
.adm-field{display:flex;flex-direction:column;gap:7px}
.adm-lbl{font-size:12px;font-weight:800;color:var(--t)}
.adm-hint{margin:0;font-size:11px;line-height:1.75;color:var(--m)}
.adm-costs{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12)}
.adm-step{display:inline-flex;align-items:center;align-self:flex-start;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28)}
.adm-step-b{width:42px;height:42px;border:none;background:rgba(255,255,255,.05);color:var(--t);font-family:inherit;font-size:20px;font-weight:700;cursor:pointer}
.adm-step-b:hover{background:rgba(var(--arg),.14);color:var(--a)}
.adm-num{width:70px;height:42px;border:none;background:transparent;color:var(--t);font-family:'Courier New',ui-monospace,monospace;font-size:20px;font-weight:900;text-align:center;-moz-appearance:textfield}
.adm-num::-webkit-outer-spin-button,.adm-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.adm-num:focus{outline:2px solid var(--a);outline-offset:-2px}
.adm-row{display:flex;gap:8px;align-items:stretch}
.adm-in{flex:1;min-width:0;font-family:'Courier New',ui-monospace,monospace;font-size:12.5px}
.adm-test{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
.adm-code{font-family:'Courier New',ui-monospace,monospace;font-size:11.5px;line-height:1.6;min-height:70px}
.adm-src{margin:0;font-size:10.5px;line-height:1.6;color:var(--mint);overflow-wrap:anywhere;direction:ltr;text-align:start}
.adm-src.bad{color:#ff8a8c}
.adm-save{margin:2px 0 0}
.adm-err{display:block}
.adm-search{flex-shrink:0;padding:10px 16px;display:inline-flex;align-items:center;gap:6px}
.adm-recent{align-self:flex-start}
.adm-users{display:flex;flex-direction:column;gap:10px}
.adm-user{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
.adm-user.busy{opacity:.6;pointer-events:none}
.adm-user-top{display:flex;align-items:center;gap:10px}
.adm-av{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:900;color:#1a0b00;background:linear-gradient(135deg,var(--a),var(--a2))}
.adm-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.adm-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-mail{font-size:11.5px;color:var(--m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.adm-uid{align-self:flex-start;max-width:100%;padding:0;background:none;border:none;font-family:'Courier New',ui-monospace,monospace;font-size:10px;color:var(--m);opacity:.75;cursor:copy;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-uid:hover{opacity:1;color:var(--a)}
.adm-bal{display:flex;align-items:baseline;gap:3px;flex-shrink:0;padding:6px 12px;border-radius:12px;background:rgba(var(--arg),.1);border:1px solid rgba(var(--arg),.4)}
.adm-bal b{font-size:20px;font-weight:900;color:var(--a);font-family:'Courier New',ui-monospace,monospace}
.adm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.adm-stat{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);min-width:0}
.adm-stat-l{font-size:10px;font-weight:700;color:var(--m)}
.adm-stat-v{font-size:11.5px;font-weight:800;color:var(--t);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-adjust{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.adm-amt{width:92px;height:36px;font-size:15px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28)}
.adm-act{height:36px}
.adm-quick{display:flex;gap:6px;flex-wrap:wrap}
.adm-chip{padding:5px 11px}
.adm-recent-list{display:flex;flex-direction:column;gap:6px}
.adm-rrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);font-size:11.5px}
.adm-rrow .nt-sm{grid-column:3;grid-row:1 / span 2}
.adm-rmail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.adm-rbal{font-weight:900;color:var(--a)}
.adm-rwhen{grid-column:1 / span 2;font-size:10px;color:var(--m)}
.adm-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.adm-sw{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;color:var(--t);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:start}
.adm-sw.on{border-color:var(--a);background:rgba(var(--arg),.1);box-shadow:0 0 16px -6px rgba(var(--arg),.8)}
.adm-dot{width:20px;height:20px;flex-shrink:0;border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,.15)}
.adm-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.adm-onoff{display:flex;flex-direction:column;gap:8px}   /* v3.11: the ads card is switches only */
.adm-oo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.adm-oo>.adm-switch{flex:1 1 220px;min-width:0}
.adm-oo-m{display:flex;flex-direction:column;gap:2px;flex:1 1 180px;min-width:0}
.adm-oo-m .adm-hint{margin:0}
.adm-tag{align-self:flex-start;font-size:10px;font-weight:900;padding:2px 8px;border-radius:999px;color:var(--mint);background:rgba(52,211,153,.1)}
.adm-tag.bad{color:var(--m);background:rgba(255,255,255,.06)}
.adm-oo .adm-unit-prev{flex-basis:100%}
.adm-switch:disabled{opacity:.45;cursor:not-allowed}
.adm-onoff-slots{grid-template-columns:1fr}
@media (min-width:768px){.adm-onoff-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adm-switch{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;color:var(--t);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:start}
.adm-switch-t{position:relative;width:38px;height:22px;flex-shrink:0;border-radius:999px;background:rgba(255,255,255,.12);transition:background .2s}
.adm-switch-k{position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.adm-switch.on .adm-switch-t{background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 0 12px -3px rgba(var(--arg),.8)}
html[dir="ltr"] .adm-switch.on .adm-switch-k{transform:translateX(16px)}
html[dir="rtl"] .adm-switch.on .adm-switch-k{transform:translateX(-16px)}
.adm-switch-l{min-width:0;overflow:hidden;text-overflow:ellipsis}
.adm-switch:focus-visible,.adm-sw:focus-visible,.adm-step-b:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.adm-msg{font-size:12.5px}
.adm-lock{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 16px;text-align:center;color:var(--m);font-size:12.5px;line-height:1.8}
.adm-lock-t{margin:0;font-size:15px;font-weight:900;color:var(--t)}
.adm-lock p{margin:0}
.adm-lock .nt-go{max-width:260px}
@media (max-width:380px){ .adm-tools,.adm-swatches{grid-template-columns:1fr} }
@media (min-width:1100px){
  #pg-admin .tcon{max-width:1180px}
  .adm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .gs-maint-box::before{animation:none}
  .adm-switch-t,.adm-switch-k{transition:none}
}

/* ════════════════════════════════════════════════════════════════
   v9 — Social Bar, anti-cheat ad gate (v3.6)
   ════════════════════════════════════════════════════════════════ */
/* ── ad gate: warning after leaving the ad early, "go to the ad" state ── */
.gs-adg-status.warn{margin:11px 0 10px;padding:10px 12px;border-radius:12px;color:#ffd6cc;background:rgba(255,77,79,.12);border:1px solid rgba(255,107,95,.55);box-shadow:0 0 18px -8px rgba(255,77,79,.9);font-weight:800}
.gs-adg.is-warn .gs-adg-arc{stroke:#ff7a5c;filter:drop-shadow(0 0 6px rgba(255,122,92,.6))}
.gs-adg.is-warn .gs-adg-num b{text-shadow:0 0 16px rgba(255,122,92,.6)}
.gs-adg.is-opening .gs-adg-watch{color:var(--t);background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 18px -8px rgba(34,211,238,.9)}
.gs-adg.is-opening .gs-adg-num b{animation:gsAdgBeat 1.4s ease-in-out infinite;opacity:.8}

/* ── tool gate lock card (v3.6) — removed in v3.7: every tool opens at once ── */

/* ── admin: tool gates ── */
.adm-gates{display:flex;flex-direction:column;gap:8px}
.adm-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.adm-gate-n{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:12.5px}
.adm-gate-free{font-size:10px;font-weight:900;color:var(--mint)}
.adm-gate .adm-switch{padding:7px 10px;white-space:nowrap}
.adm-gate-c{display:flex;align-items:center;gap:8px;justify-self:end}
.adm-gate-l{font-size:14px;color:var(--a)}
.adm-step-sm .adm-step-b{width:34px;height:34px;font-size:17px}
.adm-step-sm .adm-num{width:52px;height:34px;font-size:16px}

/* (v3.9: the admin CMS editors of the removed tools are gone) */

@media (prefers-reduced-motion:reduce){ .gs-tlock::before{animation:none} }

/* ════════════════════════════════════════════════════════════════
   v10 — GridSplit 3.7: accent picker, Social Bar close button, tools hub,
   illustrated guide, blog prompts, admin ad / PWA cards
   ════════════════════════════════════════════════════════════════ */
/* Magenta / Purple neon (the "violet" theme key, kept for saved settings) */
html[data-accent="violet"]{--a:#e879f9;--a2:#a855f7;--arg:232,121,249}

/* LTR: arrows point the other way */
.en-mode .back-btn svg,.en-mode .tc-go svg,.en-mode .thub-go svg,.en-mode .thub-guide svg{transform:scaleX(-1)}

/* ── accent picker (top bar) ── */
.gs-acc-btn{flex-shrink:0;width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid var(--b);transition:border-color .2s ease,box-shadow .2s ease}
.gs-acc-btn:hover,.gs-acc-btn[aria-expanded="true"]{border-color:rgba(var(--arg),.6);box-shadow:0 0 16px -6px rgba(var(--arg),.9)}
.gs-acc-btn:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.gs-acc-dot{width:16px;height:16px;border-radius:50%;background:conic-gradient(from 210deg,var(--a),var(--a2),var(--a));box-shadow:0 0 12px -2px rgba(var(--arg),.95)}
.gs-acc-pop{position:fixed;top:64px;inset-inline-end:12px;z-index:950;width:236px;max-width:calc(100vw - 24px);padding:12px;border-radius:18px;background:var(--solid);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 60px -20px rgba(0,0,0,.95),0 0 40px -20px rgba(var(--arg),.7);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);animation:fi .18s ease}
.gs-acc-pop[hidden]{display:none}
.gs-acc-h{margin:0 0 9px;font-size:12.5px;font-weight:900;color:var(--t)}
.gs-acc-list{display:flex;flex-direction:column;gap:5px}
.gs-acc-o{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:12px;cursor:pointer;text-align:start;font-family:inherit;font-size:12px;font-weight:800;color:var(--t);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.gs-acc-o:hover{background:rgba(255,255,255,.06)}
.gs-acc-o.on{background:rgba(var(--arg),.1);border-color:rgba(var(--arg),.6)}
.gs-acc-o.on::after{content:"✓";margin-inline-start:auto;color:var(--a);font-weight:900}
.gs-acc-o:focus-visible{outline:2px solid var(--a);outline-offset:1px}
.gs-acc-sw{width:20px;height:20px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px -3px rgba(255,255,255,.6)}
.gs-acc-sw.auto{outline:1.5px dashed rgba(255,255,255,.45);outline-offset:2px}
.gs-acc-note{margin:9px 0 0;font-size:10.5px;line-height:1.6;color:var(--m)}
@media (min-width:768px){ .gs-acc-pop{top:72px} }
@media (max-width:380px){ .gs-acc-btn{width:30px;height:30px} .gs-acc-dot{width:14px;height:14px} }

/* ── Adsterra Social Bar: the close button GridSplit puts on its corner ── */
.gs-sbx{position:fixed;z-index:2147483647;width:28px;height:28px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(8,8,16,.94);border:1.5px solid rgba(255,255,255,.8);box-shadow:0 3px 12px rgba(0,0,0,.65)}
.gs-sbx[hidden]{display:none}
.gs-sbx:hover{background:#ff4d4f;border-color:#ff4d4f}
.gs-sbx:focus-visible{outline:2px solid #fff;outline-offset:2px}
.gs-sb-hidden{display:none !important}

/* ── tools hub (bottom-nav "الأدوات") ── */
.thub-sec{margin-top:18px}
.thub-h{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:13.5px;font-weight:900;color:var(--t)}
.thub-h-ico{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:var(--a);background:rgba(var(--arg),.1);border:1px solid rgba(var(--arg),.35);box-shadow:0 0 16px -8px rgba(var(--arg),.9)}
.thub-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.thub-card{
  --c1:var(--a);--tint:rgba(var(--arg),.16);--edge:rgba(var(--arg),.42);--glow:rgba(var(--arg),.38);
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:18px;
  text-decoration:none;color:var(--t);
  background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 60%);border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px -18px rgba(0,0,0,.85);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.thub-card[data-tone="violet"]{--c1:var(--v);--tint:rgba(167,139,250,.18);--edge:rgba(167,139,250,.5);--glow:rgba(139,92,246,.5)}
.thub-card:hover{transform:translateY(-2px);border-color:var(--edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px -16px var(--glow)}
.thub-card:active{transform:scale(.985)}
.thub-card:focus-visible{outline:2px solid var(--c1);outline-offset:3px}
.thub-card.gs-tool-off-admin{opacity:.5;filter:grayscale(.6)}
.thub-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:var(--c1);background:linear-gradient(145deg,var(--tint),rgba(255,255,255,.02));border:1px solid var(--edge);box-shadow:0 0 20px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.14)}
.thub-ico svg{width:23px;height:23px}
.thub-body{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.thub-name{font-size:14px;font-weight:900;line-height:1.4}
.thub-desc{font-size:11px;line-height:1.65;color:var(--m)}
.thub-meta{margin-top:3px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.5;color:var(--c1);background:rgba(255,255,255,.04);border:1px solid var(--edge);white-space:nowrap}
.thub-go{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--c1);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.thub-guide{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:20px auto 4px;padding:10px 16px;border-radius:999px;font-size:12px;font-weight:800;color:var(--a);text-decoration:none;background:rgba(var(--arg),.08);border:1px solid rgba(var(--arg),.35)}
.thub-guide:hover{background:rgba(var(--arg),.14)}
@media (min-width:640px){ .thub-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #pg-tools .tcon{max-width:860px} }
@media (min-width:1100px){ .thub-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #pg-tools .tcon{max-width:1180px} }

/* ── illustrated guide (شرح) ── */
#pg-how .scon{max-width:620px}
.gd .shero p{font-size:12px;line-height:1.8}
.gd-steps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.gd-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 14px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.gd-step::before{content:"";position:absolute;width:220px;height:220px;top:-90px;inset-inline-end:-80px;pointer-events:none;background:radial-gradient(circle,rgba(var(--arg),.16),transparent 70%)}
.gd-fig{margin:0;display:flex;justify-content:center}
.gd-phone{position:relative;width:200px;height:300px;padding:7px;border-radius:30px;background:linear-gradient(160deg,#1d1d2b,#0a0a13);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 50px -26px rgba(0,0,0,.95),0 0 46px -22px rgba(var(--arg),.7)}
.gd-phone::before{content:"";position:absolute;top:13px;left:50%;width:54px;height:7px;margin-left:-27px;border-radius:999px;background:#03030a;z-index:3}
.gd-scr{position:relative;height:100%;border-radius:23px;overflow:hidden;background:#07070f;padding:24px 11px 11px;display:flex;flex-direction:column;gap:8px;text-align:start}
/* step 1 */
.gd-app{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--t)}
.gd-app-logo{width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg,var(--a),var(--a2))}
.gd-app-chip{margin-inline-start:auto;padding:2px 6px;border-radius:999px;font-size:8.5px;font-weight:900;color:var(--a);border:1px solid rgba(var(--arg),.45)}
.gd-scr-h{font-size:13px;font-weight:900;color:var(--t)}
.gd-drop{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;border:1.5px dashed rgba(var(--arg),.55);background:rgba(var(--arg),.05);color:var(--a)}
.gd-drop-t{font-size:11px;font-weight:900;color:var(--t)}
.gd-drop-s{font-size:8.5px;color:var(--m)}
.gd-tap{position:absolute;bottom:16px;inset-inline-end:24px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.88);animation:gdTap 1.9s ease-out infinite}
.gd-roll{display:flex;gap:5px;height:52px}
.gd-roll-pic{flex:1;border-radius:9px;background:#1a1a26}
.gd-roll .gd-pic{background:url(/img/guide/demo.webp) center/cover;box-shadow:0 0 0 2px var(--a),0 0 16px -4px rgba(var(--arg),.9)}
.gd-roll-b{background:linear-gradient(135deg,#2b5876,#4e4376)}
.gd-roll-c{background:linear-gradient(135deg,#614385,#516395)}
/* step 2 + shared tiles */
.gd-tabs,.gd-counts{display:flex;gap:4px}
.gd-tabs span,.gd-counts span{flex:1;padding:4px 0;border-radius:8px;text-align:center;font-size:9px;font-weight:800;color:var(--m);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.gd-tabs .on{color:var(--t);background:rgba(var(--arg),.14);border-color:rgba(var(--arg),.55)}
.gd-counts{gap:3px}
.gd-counts .on{color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2));border-color:transparent}
.gd-prev{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;aspect-ratio:1;border-radius:11px;overflow:hidden;background:#000}
.gd-t{position:relative;display:block;background-image:url(/img/guide/demo.webp);background-size:300% 300%;background-position:calc(var(--c) * 50%) calc(var(--r) * 50%)}
.gd-t i{position:absolute;top:3px;right:3px;padding:1px 4px;border-radius:8px;font-style:normal;font-size:7.5px;font-weight:900;line-height:1.4;color:#fff;background:rgba(0,0,0,.78)}
.gd-pan{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.6);animation:gdPan 3.2s ease-in-out infinite}
/* step 3 */
.gd-dl{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:12px;font-size:10px;font-weight:900;color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 10px 22px -12px rgba(var(--arg),.9)}
.gd-bar{height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}
.gd-bar i{display:block;height:100%;width:70%;border-radius:inherit;background:linear-gradient(90deg,var(--a),var(--a2));animation:gdBar 2.8s ease-in-out infinite}
.gd-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.gd-files li{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:9px;font-size:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.gd-ft{width:24px;height:24px;flex-shrink:0;border-radius:5px;background-image:url(/img/guide/demo.webp);background-size:300% 300%;background-position:calc(var(--c) * 50%) calc(var(--r) * 50%)}
.gd-files b{flex:1;min-width:0;font-weight:700;color:var(--t);font-family:'Courier New',ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-files em{font-style:normal;font-weight:900;color:var(--mint)}
.gd-files .gd-wait{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--a);animation:spin .8s linear infinite}
/* step 4 — a profile, one picture across 9 posts */
.gd-ig{background:#000;padding:24px 9px 9px;gap:6px}
.gd-ig-top{display:flex;align-items:center;gap:4px}
.gd-ig-av{width:40px;height:40px;flex-shrink:0;padding:2px;border-radius:50%;background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.gd-ig-av i{display:block;width:100%;height:100%;border-radius:50%;border:2px solid #000;background:url(/img/guide/demo.webp) center/cover}
.gd-ig-st{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.25;color:#fff}
.gd-ig-st b{font-size:10.5px;font-weight:900}
.gd-ig-st small{font-size:7.5px;color:#b9b9c6}
.gd-ig-name{display:flex;flex-direction:column;font-size:9.5px;line-height:1.45;color:#fff}
.gd-ig-name span{font-size:8px;color:#b9b9c6}
.gd-ig-tabs{display:flex;border-bottom:1px solid #222}
.gd-ig-tabs span{flex:1;height:12px}
.gd-ig-tabs .on{border-bottom:1.5px solid #fff}
.gd-ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.gd-ig-grid .gd-t{aspect-ratio:1}
.gd-ig-grid .gd-t i{top:auto;bottom:3px;right:3px;min-width:13px;text-align:center}
.gd-step.gd-play .gd-ig-grid .gd-t{animation:gdPop .5s cubic-bezier(.2,.9,.25,1.2) both;animation-delay:calc(var(--o) * .2s)}
/* texts */
.gd-txt{position:relative;text-align:start}
.gd-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:14px;font-weight:900;color:#140a00;background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 0 18px -4px rgba(var(--arg),.85)}
.gd-h{margin:9px 0 6px;font-size:16px;font-weight:900;line-height:1.5;color:var(--t)}
.gd-txt p{margin:0 0 10px;font-size:12.5px;line-height:1.95;color:#c9c9d6}
.gd-chip{display:inline-block;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:800;line-height:1.6;color:var(--a);background:rgba(var(--arg),.08);border:1px solid rgba(var(--arg),.32)}
.gd-cta{display:block;width:100%;margin:16px 0 6px}
.gd-more{margin:18px 0 9px;font-size:14px;font-weight:900;color:var(--t)}
@media (min-width:720px){
  #pg-how .scon{max-width:860px}
  .gd-step{grid-template-columns:230px minmax(0,1fr);align-items:center;gap:22px;padding:18px 20px}
  .gd-step:nth-child(even) .gd-fig{order:2}
}
@keyframes gdTap{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55);transform:scale(.9)}50%{transform:scale(1)}100%{box-shadow:0 0 0 14px rgba(255,255,255,0);transform:scale(.9)}}
@keyframes gdPan{0%,100%{transform:translate(0,0)}25%{transform:translate(-10px,-6px)}75%{transform:translate(10px,6px)}}
@keyframes gdBar{0%{width:12%}70%,100%{width:100%}}
@keyframes gdPop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .gd-tap,.gd-pan,.gd-bar i,.gd-files .gd-wait,.gd-step.gd-play .gd-ig-grid .gd-t,.gs-acc-pop{animation:none}
}

/* ── blog: English prompts inside Arabic articles, crawlable card titles ── */
.aprompt{direction:ltr;text-align:left;unicode-bidi:plaintext;margin:6px 0 14px;padding:11px 12px;border-radius:12px;font-family:'Courier New',ui-monospace,monospace;font-size:12px;line-height:1.75;color:var(--t);background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--v);overflow-wrap:anywhere}
.bcard-a{color:inherit;text-decoration:none}
.bcard-a:hover,.bcard-a:focus-visible{text-decoration:underline;text-underline-offset:4px}

/* ── admin (v3.7): master ads switch, tool-ads rows, visitor accent note ── */
.adm-master{padding:10px 11px;border-radius:14px;background:rgba(var(--arg),.06);border:1px solid rgba(var(--arg),.3)}
.adm-ads-off[hidden]{display:none}
/* one compact row per tool: name | ads switch; the optional ad and the price on the line below */
.adm-toolads{gap:6px}
.adm-toolads .adm-gate{grid-template-columns:minmax(0,1fr) auto;padding:7px 10px}
.adm-toolads .adm-gate-n{grid-column:auto}
.adm-toolads .adm-gate>:nth-child(n+3){grid-column:1 / -1;justify-self:start}
.adm-mine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;border-radius:12px;font-size:11.5px;line-height:1.6;color:var(--t);background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.3)}
/* AI Post Creator (v3.7): the post's language and the text printed inside the image */
.pc-out{cursor:pointer}
.pc-onimg{margin:0;padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.8;color:var(--t);background:rgba(167,139,250,.08);border:1px dashed rgba(167,139,250,.45)}
.pc-onimg b{color:var(--v);font-weight:800}
.pc-onimg bdi{font-weight:800}
.pc-out option{background:#12121c;color:#f3f2f8}
/* blog list page (/blog/): its title is the page's <h1> */
.bhero h1{font-size:22px;font-weight:900;margin-bottom:3px}
.bread{text-decoration:none}
.arel-card .arel-t{display:block}

/* v3.7: the palette button needs room in the top bar — the gift label hides a little earlier */
@media (max-width:440px){ #NAV_SHARE_TXT{display:none} .gift-btn{padding:0 10px} }
@media (max-width:350px){ .logo-text{display:none} }
.nav-r>*{flex-shrink:0}
@media (max-width:400px){ .topnav:has(.gs-admin-chip:not([hidden])) .logo-text{display:none} }
.adm-gate-pl{font-size:11.5px;font-weight:800;color:var(--t)}

/* ── v3.8: tool-page hero — the "2-second rule": keyword H1, one direct sentence, trust chips, one CTA ── */
.thero{margin:2px 0 16px}
.thero .ttitle{font-size:20px;line-height:1.4;margin-bottom:6px}
.ttitle-brand{font-weight:600;color:var(--m);font-size:.7em;white-space:nowrap}
.thero .tsub{font-size:12.5px;line-height:1.8;color:#c3c3da;margin-bottom:10px}
.thero-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0}
.thero-chips li{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.5;color:var(--t);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.thero-chips svg{color:var(--a);flex-shrink:0}
.thero-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:12px 18px;font-size:14px}
.thero-cta svg{flex-shrink:0}
@media (min-width:768px){
  .thero .ttitle{font-size:24px}
  .thero .tsub{font-size:13.5px}
  .thero-cta{display:inline-flex;width:auto;min-width:280px}
}

/* ════════════════════════════════════════════════════════════════
   v3.9 — "+2" refill button, low-balance strip, banner ad slots,
   AI Hashtag Generator, Image Resizer, dashboard (prices, ad units, links)
   ════════════════════════════════════════════════════════════════ */
/* "+2" next to the balance: always there while rewarded ads are on (app.js gsRefillPaint) */
.gs-refill-btn{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 9px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:900;line-height:1;color:#b6f6ff;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.48);box-shadow:0 0 14px -6px rgba(34,211,238,.9);transition:transform .15s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.gs-refill-btn svg{flex-shrink:0}
.gs-refill-btn:hover{background:rgba(34,211,238,.2)}
.gs-refill-btn:active{transform:scale(.94)}
.gs-refill-btn:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.gs-refill-btn.dim{opacity:.5;box-shadow:none}
.gs-refill-btn[hidden]{display:none}
@media (max-width:380px){.gs-refill-btn{padding:0 7px;height:28px}}
/* the "+2" button takes the brand text's place on phones (the logo mark stays) */
@media (max-width:460px){ .topnav:has(.gs-refill-btn:not([hidden])) .logo-text{display:none} }
@media (max-width:380px){ .topnav:has(.gs-refill-btn:not([hidden])) #gsAdminChipTxt{display:none} .topnav:has(.gs-refill-btn:not([hidden])) .gs-admin-chip{padding-inline:8px} }
@media (max-width:340px){ .topnav:has(.gs-admin-chip:not([hidden])) .gs-acc-btn{display:none} }
@media (max-width:560px){ .topnav:has(.gs-refill-btn:not([hidden])):has(.gs-admin-chip:not([hidden])) .logo-text{display:none} }

/* low balance inside a tool (app.js gsLowPaint) */
.gs-low{display:flex;align-items:center;gap:8px;margin:12px 0;padding:9px 10px 9px 12px;border-radius:14px;font-size:12px;font-weight:700;color:var(--t);background:rgba(255,122,61,.08);border:1px solid rgba(255,122,61,.36)}
.gs-low>svg{color:var(--a2);flex-shrink:0}
.gs-low-t{flex:1;min-width:0}
.gs-low-b{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:7px 11px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:900;color:#b6f6ff;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.5)}
html[dir="rtl"] .gs-low-b svg{transform:scaleX(-1)}
.gs-low-b:active{transform:scale(.96)}
.gs-low[hidden]{display:none}
#ctrls .gs-low{margin-top:14px}

/* banner ad slots (ad-units.js) — space reserved for the fixed sizes */
.gs-ad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:20px auto;max-width:100%}
.gs-ad[hidden]{display:none}
.gs-ad-lbl{font-size:9.5px;font-weight:700;letter-spacing:.6px;color:var(--m);opacity:.8}
.gs-ad-box{max-width:100%;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.025)}
.gs-ad[data-unit="native"]{width:100%}
.gs-ad-frame{display:block;border:0;max-width:100%;background:transparent}
.gs-adg-box .gs-ad{margin:10px auto 2px}
.adm-unit-prev .gs-ad{margin:6px 0 0;align-items:flex-start}

/* AI Hashtag Generator */
#hashtags-root:empty{min-height:460px}
.hs-out{display:flex;flex-direction:column;gap:10px}
.hs-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hs-plat{font-size:11px;font-weight:900;padding:4px 10px;border-radius:999px;color:#ddd6fe;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.38)}
.hs-all,.hs-copy{display:inline-flex;align-items:center;gap:5px}
.hs-copy.ok,.hs-all.ok{color:var(--mint);border-color:rgba(74,222,159,.5)}
.hs-card .nt-row{gap:9px}
.hs-tag{flex:1;min-width:0;font-size:17px;font-weight:900;color:var(--a);overflow-wrap:anywhere;unicode-bidi:plaintext}
.hs-meta{margin-top:7px;font-size:11.5px;color:var(--m)}
.hs-reach b{color:var(--mint);font-weight:900}
.hs-why{margin:6px 0 0;font-size:12px;line-height:1.75;color:var(--t);opacity:.88}
.hs-src{margin:2px 0 0;font-size:11px;line-height:1.7;color:var(--m)}
.hs-src.live{color:var(--mint)}
.hs-tip{margin:0;font-size:11px;line-height:1.7;color:var(--m)}

/* Image Resizer */
#resizer-root:empty{min-height:172px}
.rsz-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rsz-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 16px;border-radius:20px;border:2px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.03);text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.rsz-drop:hover,.rsz-drop.drag,.rsz-drop:focus-within{border-color:var(--a);background:rgba(245,196,81,.05)}
.rsz-drop-ico{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:16px;color:var(--a);background:rgba(245,196,81,.1)}
.rsz-drop b{font-size:14px}
.rsz-drop-sub{font-size:11.5px;color:var(--m)}
.rsz-grid{display:flex;flex-direction:column;gap:14px}
.rsz-view{display:flex;flex-direction:column;gap:8px;min-width:0}
.rsz-stage{display:flex;align-items:center;justify-content:center;min-height:220px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 0 0/18px 18px,rgba(0,0,0,.25);outline:none}
.rsz-stage:focus-visible{box-shadow:0 0 0 2px var(--a)}
.rsz-stage{touch-action:none}   /* v3.11: one finger moves the photo, two fingers zoom it (not the page) */
.rsz-stage.can-drag{cursor:grab;touch-action:none}
.rsz-zoom{display:flex;align-items:center;justify-content:center;gap:8px}
.rsz-zb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--t);cursor:pointer;transition:border-color .15s,color .15s}
.rsz-zb:hover:not(:disabled),.rsz-zb:focus-visible{border-color:var(--a);color:var(--a)}
.rsz-zb:disabled{opacity:.35;cursor:default}
.rsz-zl{min-width:58px;text-align:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--t)}
.rsz-zr{margin-inline-start:4px}
.rsz-zr:disabled{opacity:.45}
.rsz-stage.dragging{cursor:grabbing}
.rsz-cv{display:block;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.rsz-dim{font-size:11.5px;font-weight:700;color:var(--m);text-align:center}
.rsz-hint{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--m)}
.rsz-hint[hidden]{display:none}
.rsz-ctl{display:flex;flex-direction:column;min-width:0}
.rsz-box[hidden]{display:none}
.rsz-chips .nt-chip{display:inline-flex;align-items:center;gap:6px}
.rsz-k-ratio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.rsz-k-ratio .nt-chip{justify-content:flex-start;flex-wrap:wrap;white-space:normal;text-align:start;border-radius:14px;padding:9px 10px;column-gap:7px;row-gap:2px}
.rsz-shape{display:inline-block;border:2px solid currentColor;border-radius:3px;flex-shrink:0}
.rsz-rk{font-weight:900}
.rsz-k-ratio small{flex-basis:100%;font-size:10px;font-weight:600;opacity:.75}
.rsz-color{width:36px;height:30px;padding:2px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:transparent;cursor:pointer}
.rsz-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.rsz-dl{width:100%}
.rsz-new{align-self:center;margin-top:10px}
@media (max-width:360px){.rsz-row{grid-template-columns:1fr}}
@media (min-width:900px){
  .rsz-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
  .rsz-ctl{position:sticky;top:80px}
  .rsz-stage{min-height:420px}
}

/* dashboard: prices, Adsterra units + placements, tool links */
.adm-units,.adm-slots,.adm-links{display:flex;flex-direction:column;gap:9px}
.adm-unit,.adm-link{display:flex;flex-direction:column;gap:8px;padding:11px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.adm-unit-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px}
.adm-unit-prev{overflow:auto;max-width:100%}
.adm-unit-prev:empty{display:none}
.adm-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:700}
.adm-sel{width:auto;min-width:118px;padding:8px 10px;font-family:inherit;cursor:pointer}
.adm-link.is-off{opacity:.62}
.adm-link-t{display:flex;align-items:center;gap:8px;font-size:12.5px}
.adm-url{width:100%;font-size:12px;padding:8px 10px}
.adm-link-b{justify-content:flex-end}
.adm-open{display:inline-flex;align-items:center;text-decoration:none;color:var(--t)}
.adm-prices .adm-gate{grid-template-columns:minmax(0,1fr) auto}
.adm-prices .adm-gate-n{grid-column:auto}