:root{--pbui-orange:#ff7a00;--pbui-orange2:#ff9b43;--pbui-blue:#20aeea;--pbui-surface:#11120f;--pbui-border:rgba(255,255,255,.11)}
.pbui-account{display:flex;align-items:center;gap:8px;direction:rtl;position:relative}.pbui-token-pill{height:42px;padding:0 11px 0 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,145,52,.23);border-radius:14px;background:linear-gradient(145deg,rgba(255,122,0,.10),rgba(255,255,255,.025));color:#fff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.18);transition:.2s ease}.pbui-token-pill:hover{transform:translateY(-1px);border-color:rgba(255,145,52,.46);background:rgba(255,122,0,.14)}.pbui-token-pill>svg{width:22px;height:22px;fill:none;stroke:#ff9b43;stroke-width:2.6;filter:drop-shadow(0 0 8px rgba(255,133,32,.25))}.pbui-token-pill span{display:grid;line-height:1.02;text-align:right}.pbui-token-pill b{font-size:13px;color:#fff;font-variant-numeric:tabular-nums}.pbui-token-pill small{font-size:12px;color:#9d9991;margin-top:3px}.pbui-menu-wrap{position:relative}.pbui-crown-btn{width:42px;height:42px;padding:0;display:grid;place-items:center;position:relative;border:1px solid rgba(255,161,65,.34);border-radius:14px;background:radial-gradient(circle at 50% 20%,rgba(255,166,73,.18),rgba(255,116,0,.055) 62%,rgba(255,255,255,.015));color:#ff9f40;cursor:pointer;box-shadow:0 0 0 1px rgba(255,128,18,.025),0 10px 28px rgba(0,0,0,.22);transition:.2s ease}.pbui-crown-btn:hover,.pbui-crown-btn[aria-expanded=true]{transform:translateY(-1px);border-color:rgba(255,167,75,.68);box-shadow:0 0 28px rgba(255,112,0,.15),0 12px 30px rgba(0,0,0,.28)}.pbui-crown-btn svg{width:24px;height:24px;fill:rgba(255,138,35,.18);stroke:currentColor;stroke-width:2.7;stroke-linejoin:round;animation:pbuiCrownFloat 2.8s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,139,36,.28))}.pbui-crown-btn.is-free{color:#a59f94;border-color:rgba(255,255,255,.12)}.pbui-crown-dot{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#38dda0;border:2px solid #111;box-shadow:0 0 10px rgba(56,221,160,.65)}@keyframes pbuiCrownFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1deg)}}
.pbui-user-menu{position:absolute;top:50px;left:0;width:min(370px,calc(100vw - 22px));padding:11px;z-index:500;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(165deg,rgba(22,22,19,.985),rgba(8,9,7,.99));box-shadow:0 26px 80px rgba(0,0,0,.62),0 0 0 1px rgba(255,123,0,.035);backdrop-filter:blur(26px);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top left;transition:.18s ease}.pbui-user-menu.open{opacity:1;visibility:visible;transform:none}.pbui-plan-head{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,145,52,.18);border-radius:15px;background:radial-gradient(circle at 15% 20%,rgba(255,124,0,.13),transparent 55%),rgba(255,255,255,.025)}.pbui-plan-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,135,30,.10);color:#ff9a3c}.pbui-plan-icon svg{width:24px;height:24px;fill:rgba(255,138,35,.18);stroke:currentColor;stroke-width:2.7;stroke-linejoin:round}.pbui-plan-head>div{display:grid;min-width:0}.pbui-plan-head small{font-size:12px;color:#888}.pbui-plan-head b{font-size:14px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbui-plan-head em{font-style:normal;font-size:12px;color:#ff9a3c;direction:ltr;text-align:right}.pbui-plan-head>a{height:31px;padding:0 9px;display:flex;align-items:center;border-radius:10px;background:linear-gradient(135deg,#ff8c26,#f05c00);color:white;text-decoration:none;font-size:12px;font-weight:900}.pbui-menu-balance{display:flex;align-items:center;justify-content:space-between;margin:8px 0;padding:10px 12px;border-radius:13px;background:#0c0d0a;border:1px solid rgba(255,255,255,.07)}.pbui-menu-balance span{font-size:12px;color:#8f8b84}.pbui-menu-balance b{font-size:13px;color:#ff9a3c}.pbui-menu-balance small{font-size:12px;color:#aaa}.pbui-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pbui-menu-links a{min-height:43px;padding:0 10px;display:flex;align-items:center;gap:8px;border-radius:12px;color:#d6d2cc;text-decoration:none;font-size:13px;font-weight:750;transition:.15s ease}.pbui-menu-links a:hover{background:rgba(255,255,255,.055);color:#fff}.pbui-menu-links i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,130,24,.08);color:#ff9940;font-style:normal;font-size:14px}.pbui-logout{width:100%;height:39px;margin-top:7px;border:1px solid rgba(255,85,70,.16);border-radius:11px;background:rgba(255,70,55,.055);color:#ff9488;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pbui-logout:hover{background:rgba(255,70,55,.10)}
@media(max-width:760px){.pbui-account{gap:5px}.pbui-token-pill{height:38px;padding:0 8px 0 10px;border-radius:12px}.pbui-token-pill>svg{width:19px;height:19px}.pbui-token-pill b{font-size:13px}.pbui-token-pill small{font-size:11.5px}.pbui-crown-btn{width:38px;height:38px;border-radius:12px}.pbui-crown-btn svg{width:21px;height:21px}.pbui-user-menu{position:fixed;top:63px;right:8px;left:8px;width:auto;transform-origin:top center;border-radius:18px}.pbui-menu-links{grid-template-columns:1fr 1fr}.pbui-plan-head{grid-template-columns:42px 1fr auto}.pbui-plan-icon{width:39px;height:39px}}
@media(max-width:390px){.pbui-token-pill small{display:none}.pbui-token-pill{padding-inline:8px}.pbui-menu-links a{font-size:12px;padding-inline:8px}.pbui-user-menu{right:6px;left:6px}}
@media(max-width:760px){.pbs-authenticated .pbs-header .pbs-brand-copy b{max-width:96px!important}.pbs-authenticated .pbs-header-actions{gap:4px!important}}
@media(max-width:420px){.pbs-authenticated .pbs-header .pbs-brand-copy{display:none!important}.pbs-authenticated .pbs-header-inner{grid-template-columns:auto 1fr!important}.pbs-authenticated .pbs-header-actions{justify-content:flex-end}}

/* v2.8.3 — shared user theme switch */
.pbui-theme-btn{width:42px;height:42px;padding:0;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#d8d3cb;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.pbui-theme-btn:hover{transform:translateY(-1px) rotate(3deg);border-color:rgba(255,151,58,.35);color:#ff9b43}.pbui-theme-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.pbui-theme-btn:active .pbui-theme-svg{transform:scale(.88) rotate(12deg)}.pbui-theme-moon{opacity:1;transform-origin:center;transition:.25s}.pbui-theme-sun{opacity:0;transform-origin:center;transform:scale(.7) rotate(-25deg);transition:.25s}.pbui-theme-dot{position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:#ff9435;box-shadow:0 0 8px rgba(255,148,53,.7)}
html[data-theme="light"] .pbui-theme-moon{opacity:0;transform:scale(.7) rotate(20deg)}html[data-theme="light"] .pbui-theme-sun{opacity:1;transform:scale(1) rotate(0)}
html[data-theme="light"] .pbui-theme-btn{background:#fff;color:#6d7685;border-color:rgba(30,41,59,.13);box-shadow:0 8px 24px rgba(30,41,59,.08)}html[data-theme="light"] .pbui-theme-btn:hover{color:#c05c00;border-color:rgba(255,122,0,.28);background:#fff9f3}
html[data-theme="light"] .pbui-token-pill{background:linear-gradient(145deg,#fff8f1,#fff);border-color:rgba(255,122,0,.20);color:#202838;box-shadow:0 8px 24px rgba(30,41,59,.07)}html[data-theme="light"] .pbui-token-pill b{color:#202838}html[data-theme="light"] .pbui-token-pill small{color:#7c8490}
html[data-theme="light"] .pbui-crown-btn{background:radial-gradient(circle at 50% 20%,rgba(255,153,59,.15),rgba(255,255,255,.96) 68%);border-color:rgba(255,137,32,.25);box-shadow:0 8px 24px rgba(30,41,59,.07)}html[data-theme="light"] .pbui-crown-dot{border-color:#fff}
html[data-theme="light"] .pbui-user-menu{background:linear-gradient(165deg,rgba(255,255,255,.99),rgba(247,249,252,.99));border-color:rgba(25,35,52,.13);box-shadow:0 28px 80px rgba(35,45,66,.18)}html[data-theme="light"] .pbui-plan-head{background:radial-gradient(circle at 15% 20%,rgba(255,124,0,.10),transparent 58%),#fff;border-color:rgba(255,137,32,.17)}html[data-theme="light"] .pbui-plan-head b{color:#202838}html[data-theme="light"] .pbui-plan-head small,html[data-theme="light"] .pbui-plan-head em{color:#727b89}html[data-theme="light"] .pbui-menu-balance{background:#f4f6f9;border-color:rgba(25,35,52,.08)}html[data-theme="light"] .pbui-menu-balance span,html[data-theme="light"] .pbui-menu-balance small{color:#727b89}html[data-theme="light"] .pbui-menu-links a{color:#3c4658}html[data-theme="light"] .pbui-menu-links a:hover{background:#fff3e7;color:#9b4b00}html[data-theme="light"] .pbui-menu-links i{background:rgba(255,122,0,.08)}
@media(max-width:760px){.pbui-theme-btn{width:38px;height:38px;border-radius:12px}.pbui-theme-svg{width:20px;height:20px}.pbui-account{gap:5px}}
@media(max-width:390px){.pbui-theme-btn{width:36px;height:36px}.pbui-theme-svg{width:19px;height:19px}}

/* v2.8.3 — real notification center in unified user header */
.pbui-notify-wrap{position:relative}.pbui-notify-btn{width:42px;height:42px;padding:0;display:grid;place-items:center;position:relative;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:#c9c5bf;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.16);transition:.2s ease}.pbui-notify-btn:hover,.pbui-notify-btn[aria-expanded=true]{transform:translateY(-1px);color:#ff9b43;border-color:rgba(255,151,58,.38);background:rgba(255,122,0,.07)}.pbui-notify-btn>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.pbui-notify-btn.has-unread>svg{animation:pbuiBell 3.8s ease-in-out infinite}.pbui-notify-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff9b32,#f05c00);border:2px solid #0c0d0b;color:#fff;font-size:11.5px;font-weight:950;line-height:1;box-shadow:0 4px 10px rgba(240,92,0,.32)}@keyframes pbuiBell{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(11deg)}94%{transform:rotate(-9deg)}97%{transform:rotate(5deg)}}
.pbui-notify-panel{position:absolute;top:50px;left:0;width:min(370px,calc(100vw - 22px));padding:11px;z-index:520;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(165deg,rgba(22,22,19,.99),rgba(8,9,7,.995));box-shadow:0 26px 80px rgba(0,0,0,.62);backdrop-filter:blur(28px);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top left;transition:.18s ease}.pbui-notify-panel.open{opacity:1;visibility:visible;transform:none}.pbui-notify-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.pbui-notify-head>span{display:grid}.pbui-notify-head small{font-size:11.5px;letter-spacing:.12em;color:#ff9134}.pbui-notify-head b{font-size:13px;color:#f7f3ed;margin-top:2px}.pbui-notify-head button{border:0;background:transparent;color:#9a958d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pbui-notify-head button:hover{color:#ff9b43}.pbui-notify-list{display:grid;gap:6px;max-height:min(430px,62vh);overflow:auto;padding:7px 2px 1px}.pbui-notify-item{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:10px;border-radius:13px;text-decoration:none;color:inherit;border:1px solid transparent;background:rgba(255,255,255,.026);transition:.16s ease}.pbui-notify-item:hover{border-color:rgba(255,141,42,.18);background:rgba(255,122,0,.055)}.pbui-notify-item.unread{background:linear-gradient(135deg,rgba(255,122,0,.09),rgba(255,255,255,.025));border-color:rgba(255,133,31,.12)}.pbui-notify-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,130,24,.09);color:#ff9a3c;font-size:14px}.pbui-notify-copy{display:grid;min-width:0}.pbui-notify-copy b{font-size:12px;color:#ebe6de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbui-notify-copy p{margin:3px 0 0;color:#99948c;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pbui-notify-copy small{margin-top:4px;color:#6e6b66;font-size:11.5px;direction:ltr;text-align:right}.pbui-notify-empty,.pbui-notify-loading{min-height:145px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:#85817a}.pbui-notify-empty i,.pbui-notify-loading i{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,151,58,.18);border-top-color:#ff9435}.pbui-notify-loading i{animation:pbuiSpin .7s linear infinite}.pbui-notify-empty i{border:0;background:radial-gradient(circle,rgba(255,143,42,.16),transparent 68%)}.pbui-notify-empty b{font-size:13px;color:#c8c3ba}.pbui-notify-empty span,.pbui-notify-loading span{font-size:12px}@keyframes pbuiSpin{to{transform:rotate(360deg)}}
html[data-theme="light"] .pbui-notify-btn{background:#fff;color:#6d7685;border-color:rgba(30,41,59,.13);box-shadow:0 8px 24px rgba(30,41,59,.08)}html[data-theme="light"] .pbui-notify-btn:hover,html[data-theme="light"] .pbui-notify-btn[aria-expanded=true]{color:#c05c00;border-color:rgba(255,122,0,.28);background:#fff9f3}html[data-theme="light"] .pbui-notify-count{border-color:#fff}html[data-theme="light"] .pbui-notify-panel{background:linear-gradient(165deg,#fff,#f7f9fc);border-color:rgba(25,35,52,.13);box-shadow:0 28px 80px rgba(35,45,66,.18)}html[data-theme="light"] .pbui-notify-head{border-color:rgba(25,35,52,.08)}html[data-theme="light"] .pbui-notify-head b{color:#202838}html[data-theme="light"] .pbui-notify-head button{color:#727b89}html[data-theme="light"] .pbui-notify-item{background:#f7f9fb}html[data-theme="light"] .pbui-notify-item.unread{background:#fff7ef;border-color:rgba(255,122,0,.15)}html[data-theme="light"] .pbui-notify-copy b{color:#273143}html[data-theme="light"] .pbui-notify-copy p{color:#687282}html[data-theme="light"] .pbui-notify-copy small{color:#939aa5}html[data-theme="light"] .pbui-notify-empty b{color:#444e5e}
@media(max-width:760px){.pbui-notify-btn{width:38px;height:38px;border-radius:12px}.pbui-notify-btn>svg{width:19px;height:19px}.pbui-notify-panel{position:fixed;top:63px;right:8px;left:8px;width:auto;transform-origin:top center}.pbui-notify-list{max-height:58vh}}@media(max-width:390px){.pbui-notify-btn{width:36px;height:36px}.pbui-notify-panel{right:6px;left:6px}}

/* v2.8.3.1 HOTFIX — theme button is global, visible for guest and authenticated headers */
.pbui-theme-global{display:grid!important;flex:0 0 auto;z-index:2}
.v28-top-actions{display:flex;align-items:center;gap:8px}
@media(max-width:760px){.pbui-theme-global{display:grid!important}.pbs-header-actions>.pbui-theme-global{width:36px;height:36px;border-radius:11px}.v28-top-actions{gap:5px}}
@media(max-width:380px){.pbs-header-actions>.pbui-theme-global{width:34px;height:34px}}

/* =========================================================
   v2.8.3.12.60 — circular Magics balance in unified header
   ========================================================= */
.pbui-magic-balance-orb{
  position:relative!important;
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,203,145,.16),transparent 36%),
    linear-gradient(145deg,rgba(255,142,34,.13),rgba(255,255,255,.025))!important;
  box-shadow:0 0 0 5px rgba(255,132,24,.045),0 10px 25px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.pbui-magic-balance-orb>svg{
  position:absolute!important;
  top:-5px!important;
  right:-4px!important;
  width:23px!important;
  height:23px!important;
  z-index:2;
  stroke:#ff8a1a!important;
  filter:drop-shadow(0 5px 9px rgba(255,113,0,.20))!important;
}
.pbui-magic-balance-orb>span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  line-height:1!important;
  text-align:center!important;
  margin-top:2px!important;
}
.pbui-magic-balance-orb b{
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
}
.pbui-magic-balance-orb small{
  display:block!important;
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#ff9a3c!important;
}
html[data-theme="light"] .pbui-magic-balance-orb{
  background:radial-gradient(circle at 34% 24%,#fff0dc 0%,#fff9f2 46%,#fff 78%)!important;
  border-color:rgba(226,112,18,.25)!important;
  box-shadow:0 0 0 5px rgba(255,129,26,.04),0 9px 22px rgba(45,54,72,.08),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] .pbui-magic-balance-orb b{color:#202838!important}
@media(max-width:760px){
  .pbui-magic-balance-orb{
    flex-basis:48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  .pbui-magic-balance-orb>svg{width:21px!important;height:21px!important;top:-4px!important;right:-3px!important}
  .pbui-magic-balance-orb b{font-size:13px!important}
  .pbui-magic-balance-orb small{font-size:12px!important}
}
@media(max-width:390px){
  .pbui-magic-balance-orb{
    flex-basis:46px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .pbui-magic-balance-orb b{font-size:13px!important}
  .pbui-magic-balance-orb small{font-size:12px!important}
}

/* =========================================================
   v2.8.3.12.66 — light header controls polish
   ========================================================= */
html[data-theme="light"] .pbui-account{color:#202838}
html[data-theme="light"] .pbui-crown-btn,
html[data-theme="light"] .pbui-notify-btn,
html[data-theme="light"] .pbui-theme-btn,
html[data-theme="light"] .pbui-magic-balance-orb{
  background:linear-gradient(145deg,#fffdfb,#fff7ef)!important;
  border-color:rgba(226,112,18,.20)!important;
  box-shadow:0 8px 22px rgba(45,54,72,.07),0 3px 10px rgba(229,112,18,.04),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] .pbui-crown-btn{
  color:#e87918!important;
}
html[data-theme="light"] .pbui-crown-btn.is-free{
  color:#d97a28!important;
  border-color:rgba(226,112,18,.18)!important;
}
html[data-theme="light"] .pbui-crown-btn svg{
  fill:rgba(255,138,35,.12)!important;
  filter:drop-shadow(0 2px 5px rgba(229,112,18,.16))!important;
}
html[data-theme="light"] .pbui-notify-btn,
html[data-theme="light"] .pbui-theme-btn{color:#596477!important}
html[data-theme="light"] .pbui-notify-btn:hover,
html[data-theme="light"] .pbui-theme-btn:hover{color:#d76b13!important;background:#fff4e9!important}
html[data-theme="light"] .pbui-magic-balance-orb{
  background:radial-gradient(circle at 34% 24%,#ffecd2 0%,#fff7ee 46%,#fff 80%)!important;
  border-color:rgba(226,112,18,.28)!important;
}
html[data-theme="light"] .pbui-magic-balance-orb b{color:#1e2838!important}
html[data-theme="light"] .pbui-magic-balance-orb small{color:#df6810!important}
html[data-theme="light"] .pbui-notify-count{border-color:#fff!important}
html[data-theme="light"] .pbui-crown-dot{border-color:#fff!important}


/* HF28.27 — Global AI glass processing overlay + result focus */
.magic-process-overlay[hidden]{display:none!important}
.magic-process-overlay{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;padding:18px;background:rgba(5,7,9,.56);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);animation:magicProcessFade .18s ease both}
.magic-process-card{width:min(390px,calc(100vw - 34px));min-height:238px;padding:26px 24px 24px;border:1px solid rgba(255,144,51,.28);border-radius:28px;background:radial-gradient(circle at 50% 4%,rgba(255,137,36,.18),transparent 36%),linear-gradient(145deg,rgba(16,18,18,.92),rgba(7,9,10,.88));box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035),0 0 48px rgba(255,112,16,.10),inset 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}
.magic-process-card:before,.magic-process-card:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.magic-process-card:before{width:220px;height:220px;top:-135px;right:-65px;background:radial-gradient(circle,rgba(255,126,24,.25),transparent 68%);animation:magicProcessGlow 2.3s ease-in-out infinite}.magic-process-card:after{width:160px;height:160px;bottom:-105px;left:-55px;background:radial-gradient(circle,rgba(255,89,0,.16),transparent 70%)}
.magic-process-logo{width:86px;height:86px;display:grid;place-items:center;position:relative;margin-bottom:18px;filter:drop-shadow(0 13px 24px rgba(255,113,12,.18))}.magic-process-logo:before,.magic-process-logo:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,147,59,.34);border-radius:50%;animation:magicProcessOrbit 4.8s linear infinite}.magic-process-logo:after{inset:-16px;border-style:dashed;border-color:rgba(255,149,57,.18);animation-duration:7s;animation-direction:reverse}.magic-process-logo img{width:74px;height:74px;object-fit:contain;display:block;position:absolute;inset:6px;margin:auto}.magic-process-logo .is-light{display:none}
.magic-process-kicker{min-height:18px;margin-bottom:7px;color:#ff9a47;font:800 10px/1.4 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase}.magic-process-card h3{margin:0;color:#fff;font-family:Vazir,Vazirmatn,Tahoma,sans-serif;font-size:20px;font-weight:950;line-height:1.65}.magic-process-card p{margin:7px 0 0;color:#aaa39a;font-family:Vazir,Vazirmatn,Tahoma,sans-serif;font-size:12.5px;font-weight:650;line-height:1.9}.magic-process-dots{display:flex;gap:7px;margin-top:18px}.magic-process-dots i{width:7px;height:7px;border-radius:50%;background:#ff8423;box-shadow:0 0 12px rgba(255,126,29,.42);animation:magicProcessDot 1.15s ease-in-out infinite}.magic-process-dots i:nth-child(2){animation-delay:.15s}.magic-process-dots i:nth-child(3){animation-delay:.3s}
.magic-process-overlay.is-done .magic-process-logo:before{border-color:rgba(78,213,139,.55)}.magic-process-overlay.is-done .magic-process-logo:after{border-color:rgba(78,213,139,.24)}.magic-process-overlay.is-done .magic-process-card h3{color:#eafff3}.magic-process-overlay.is-done .magic-process-dots i{background:#43d98b;box-shadow:0 0 12px rgba(67,217,139,.35)}
.magic-result-arrived{scroll-margin-top:110px;animation:magicResultArrived 1.55s ease both}
html[data-theme="light"] .magic-process-overlay{background:rgba(239,235,231,.60)}
html[data-theme="light"] .magic-process-card{border-color:rgba(232,111,20,.24);background:radial-gradient(circle at 50% 4%,rgba(255,139,43,.16),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,249,243,.92));box-shadow:0 32px 90px rgba(74,53,37,.24),0 0 0 1px rgba(255,255,255,.85),0 0 46px rgba(255,112,16,.10),inset 0 1px #fff}
html[data-theme="light"] .magic-process-card h3{color:#26313f}html[data-theme="light"] .magic-process-card p{color:#7b8490}html[data-theme="light"] .magic-process-logo .is-dark{display:none}html[data-theme="light"] .magic-process-logo .is-light{display:block}
@keyframes magicProcessFade{from{opacity:0}to{opacity:1}}@keyframes magicProcessOrbit{to{transform:rotate(360deg)}}@keyframes magicProcessGlow{0%,100%{transform:scale(.92);opacity:.68}50%{transform:scale(1.08);opacity:1}}@keyframes magicProcessDot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}@keyframes magicResultArrived{0%{box-shadow:0 0 0 0 rgba(255,132,29,0)}20%{box-shadow:0 0 0 4px rgba(255,132,29,.18),0 0 34px rgba(255,111,12,.18)}100%{box-shadow:0 0 0 0 rgba(255,132,29,0)}}
@media(max-width:720px){.magic-process-overlay{padding:12px}.magic-process-card{width:min(360px,calc(100vw - 24px));min-height:220px;border-radius:24px;padding:24px 18px 22px}.magic-process-logo{width:78px;height:78px;margin-bottom:15px}.magic-process-logo img{width:66px;height:66px}.magic-process-card h3{font-size:18px}.magic-process-card p{font-size:13px}.magic-result-arrived{scroll-margin-top:86px}}
@media(prefers-reduced-motion:reduce){.magic-process-overlay,.magic-process-card:before,.magic-process-logo:before,.magic-process-logo:after,.magic-process-dots i,.magic-result-arrived{animation:none!important}}


/* =========================================================
   v2.8.3.12.83 — HF28.33.7
   Stronger orange glow for header Magics orb in light theme
   ========================================================= */
html[data-theme="light"] .pbui-magic-balance-orb{
  background:radial-gradient(circle at 34% 24%, #fff7ea 0%, #fff0dc 28%, #ffe4be 62%, #ffd39f 100%)!important;
  border-color:rgba(226,112,18,.34)!important;
  box-shadow:
    0 0 0 6px rgba(255,132,24,.09),
    0 0 0 12px rgba(255,132,24,.045),
    0 10px 24px rgba(45,54,72,.09),
    0 10px 24px rgba(229,112,18,.12),
    0 0 18px rgba(255,145,24,.12),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -8px 16px rgba(255,170,58,.10)!important;
}
html[data-theme="light"] .pbui-magic-balance-orb::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,168,58,.30) 0%, rgba(255,168,58,.14) 38%, rgba(255,168,58,0) 72%);
  filter:blur(10px);
  z-index:-1;
  pointer-events:none;
}
html[data-theme="light"] .pbui-magic-balance-orb>svg{
  filter:drop-shadow(0 6px 10px rgba(255,113,0,.28)) drop-shadow(0 0 10px rgba(255,150,40,.16))!important;
}
html[data-theme="light"] .pbui-magic-balance-orb b{
  color:#1d2636!important;
  text-shadow:0 1px 0 rgba(255,255,255,.78),0 0 10px rgba(255,168,58,.20);
}
html[data-theme="light"] .pbui-magic-balance-orb small{
  color:#df6810!important;
  text-shadow:0 0 8px rgba(255,168,58,.16);
}

/* =========================================================
   HF28.68 - USER-SIDE READABILITY LAYER
   Goal: no tiny user-facing typography across site surfaces.
   Loaded last through shared user-ui.css.
   ========================================================= */
:root{
  --magic-readable-xs:12px;
  --magic-readable-sm:12.5px;
  --magic-readable-body:14px;
  --magic-readable-mobile:13px;
}
body{
  font-size:var(--magic-readable-body);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body small{
  font-size:var(--magic-readable-sm)!important;
  line-height:1.65!important;
}
body label{
  font-size:13px;
  line-height:1.65;
}
body input:not([type="checkbox"]):not([type="radio"]),
body select,
body textarea{
  font-size:14px!important;
}

/* Common micro-copy semantics used across Showcase / Profile / Prompt / Commerce / Studio. */
body :is(
  [class*="-kicker"],
  [class*="-eyebrow"],
  [class*="-meta"],
  [class*="-label"],
  [class*="-status"],
  [class*="-hint"],
  [class*="-caption"]
){
  font-size:var(--magic-readable-xs)!important;
  line-height:1.65!important;
}

/* Shared header/account. */
.pbui-token-pill small{font-size:11.5px!important}
.pbui-plan-head small{font-size:12px!important}
.pbui-plan-head em{font-size:12px!important}
.pbui-plan-head>a{font-size:12px!important}
.pbui-menu-balance span,.pbui-menu-balance small{font-size:12px!important}
.pbui-menu-links a{font-size:12.5px!important;line-height:1.55!important}
.pbui-logout{font-size:12.5px!important}
.pbui-notify-head small,.pbui-notify-head button{font-size:12px!important}
.pbui-notify-count{
  min-width:20px!important;height:20px!important;
  font-size:10.5px!important;
}

/* AI Studio + commerce / orders. */
.v28-hero span,.v28-section-head small,.v28-chip{font-size:12px!important}
.v28-price small,.v28-features{font-size:13px!important}
.v28-bottom a span{font-size:11.5px!important}
.studio-tabs button{font-size:13px!important}
.studio-tabs button i{font-size:11.5px!important}
.studio-output-head button,.studio-output-head a{font-size:12px!important}
.studio-history article small{font-size:12px!important}
.studio-history article p{font-size:13px!important}
.studio-kicker{font-size:12px!important}
.studio-chat-head span{font-size:12px!important}
.studio-chat-head p{font-size:13px!important}
.studio-chat-price small{font-size:12px!important}
.studio-chat-price b{font-size:13px!important}
.studio-chat-bubble>span{font-size:11.5px!important}
.studio-account-title span{font-size:12px!important}
.studio-account-title i{font-size:11.5px!important}
.studio-account-grid small,.studio-account-grid em{font-size:12px!important}
.studio-login-alert span{font-size:13px!important}
.commerce-page :is(
  .commerce-kicker,.commerce-followup-alert span,
  .commerce-price span,.commerce-pack-price span,
  .commerce-bonus small,.commerce-plan small
){font-size:12.5px!important;line-height:1.7!important}

/* Profile / dashboard. */
.pbp-welcome small,.pbp-card-head span,.pbp-section-head small{font-size:12px!important}
.pbp-welcome p{font-size:14px!important}
.pbp-wallet-top span,.pbp-wallet-top small{font-size:12px!important}
.pbp-guest-kicker,.pbp-guest-trust{font-size:12px!important}
.pbp-auth-showcase-copy>small{font-size:11.5px!important}
.pbp-auth-showcase-copy p{font-size:12.5px!important;line-height:1.7!important}
.pbp-premium-auth .pbs-auth-head p{font-size:12.5px!important;line-height:1.7!important}
.pbp-premium-auth .pbs-auth-head small{font-size:11.5px!important}
.pbp-premium-auth .pbs-auth-form label>span{font-size:13px!important}

/* Showcase cards / Prompt Bank. */
.pbs-section-title span{font-size:12px!important}
.pbs-section-title p,.pbs-section-title>a{font-size:13px!important}
.pbs-card-stat b{font-size:12.5px!important}
.pbs-card-stat small{font-size:11.5px!important}
.pbs-card-id{font-size:11.5px!important}
.pbs-card-id span{font-size:11px!important}
.pbs-card-meta span{font-size:11.5px!important}
.pbs-feature-topline small{font-size:11.5px!important}
.site-auth-message{font-size:12px!important}
.site-auth-foot,.site-auth-foot b{font-size:11.5px!important}

/* Prompt detail: metadata/helper labels follow the same readability floor. */
.pbd-page :is(
  small,[class*="-meta"],[class*="-label"],[class*="-status"],
  [class*="-hint"],[class*="-kicker"]
){font-size:12.5px!important;line-height:1.65!important}

@media(max-width:760px){
  :root{
    --magic-readable-xs:12.5px;
    --magic-readable-sm:13px;
    --magic-readable-body:15px;
  }
  body small{font-size:13px!important}
  body label{font-size:14px!important}
  body input:not([type="checkbox"]):not([type="radio"]),
  body select,
  body textarea{font-size:15px!important}

  .v28-bottom a span{font-size:12px!important}
  .studio-tabs button{font-size:13.5px!important}
  .pbui-menu-links a{font-size:13px!important}
  .pbui-logout{font-size:13px!important}
  .pbs-card-stat small,.pbs-card-id span,.pbs-card-meta span{font-size:12px!important}
  .pbp-auth-showcase-copy p,.pbp-premium-auth .pbs-auth-head p{font-size:13px!important}
}