@font-face{font-family:Vazir;src:url('/assets/fonts/Vazirmatn-Regular.woff2')}@font-face{font-family:Vazir;src:url('/assets/fonts/Vazirmatn-Bold.woff2');font-weight:800}:root{--bg:#090909;--card:#121212;--line:#272727;--text:#f7f7f5;--muted:#aaa59d;--orange:#ff7a00}.v28-page{margin:0;background:radial-gradient(circle at 70% -10%,#34200c 0,transparent 34%),var(--bg);color:var(--text);font-family:Vazir,Arial;min-height:100vh;padding-bottom:86px}.v28-top{height:64px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(9,9,9,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.v28-brand,.v28-wallet{color:var(--text);text-decoration:none}.v28-brand{display:flex;gap:8px;align-items:center}.v28-brand:first-letter{color:var(--orange)}.v28-wallet{padding:8px 12px;border:1px solid #383029;border-radius:999px;background:#17130f}.v28-shell{width:min(1120px,calc(100% - 28px));margin:auto}.v28-hero{padding:38px 4px 24px}.v28-hero span,.v28-section-head small{font-size:12px;letter-spacing:2px;color:var(--orange);font-weight:800}.v28-hero h1{font-size:clamp(28px,7vw,52px);line-height:1.25;margin:8px 0}.v28-hero p{color:var(--muted);max-width:680px;line-height:1.9}.v28-alert{padding:13px 15px;border:1px solid #51412f;border-radius:15px;background:#1a1510;margin-bottom:16px}.v28-alert a{color:#ff9a3d}.v28-alert.error{border-color:#5a2929;background:#211111}.v28-alert.success{border-color:#22543a;background:#0e2017}.v28-section-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 10px}.v28-section-head h2{margin:3px 0}.v28-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v28-card{position:relative;padding:18px;border:1px solid var(--line);background:linear-gradient(155deg,#151515,#0f0f0f);border-radius:22px;overflow:hidden}.v28-card:after{content:'';position:absolute;width:120px;height:120px;background:#ff78001c;filter:blur(35px);left:-50px;top:-50px}.v28-card h3{font-size:18px;margin:12px 0}.v28-card>strong{font-size:38px}.v28-card>small{color:var(--muted)}.v28-card em{display:inline-block;color:#63dea4;font-style:normal;margin-right:8px}.v28-chip{font-size:12px;border:1px solid #463422;background:#1d150d;color:#ff9a3d;border-radius:999px;padding:5px 8px}.v28-price{font-size:22px;font-weight:800;margin:20px 0 12px}.v28-price small{font-size:13px;color:var(--muted)}.v28-card button,.v28-primary,.studio-generate{width:100%;border:0;border-radius:14px;padding:13px;background:linear-gradient(135deg,#ff8a1f,#ff6a00);color:#111;font-family:inherit;font-weight:900;cursor:pointer}.v28-card button:disabled{opacity:.35}.v28-card.plan p{color:var(--muted);min-height:48px}.v28-features{display:grid;gap:7px;font-size:13px;color:#d8d2ca}.v28-bottom{position:fixed;z-index:20;right:12px;left:12px;bottom:max(10px,env(safe-area-inset-bottom));height:64px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:rgba(20,20,20,.94);border:1px solid #2b2b2b;border-radius:20px;backdrop-filter:blur(18px);box-shadow:0 15px 50px #000}.v28-bottom a{color:#8f8f8f;text-decoration:none;text-align:center;font-size:18px}.v28-bottom a span{display:block;font-size:12px;margin-top:2px}.v28-bottom a.active{color:#ff8b26}.v28-result{min-height:85vh;display:grid;place-content:center;text-align:center;width:min(430px,calc(100% - 34px));margin:auto}.v28-result-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#20170e;border:1px solid #72461e;color:#ff8b26;font-size:35px;margin:auto}.v28-result p{color:var(--muted);line-height:1.8}.v28-receipt{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:16px;margin:12px 0}.v28-receipt span{display:flex;justify-content:space-between}.v28-primary,.v28-secondary{display:block;text-decoration:none;margin-top:9px}.v28-secondary{padding:12px;color:#ddd;border:1px solid var(--line);border-radius:14px}.studio{max-width:850px}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.studio-tabs button{border:1px solid var(--line);background:#121212;color:#aaa;border-radius:14px;padding:12px 8px;font-family:inherit}.studio-tabs button i{display:block;font-size:12px;font-style:normal;margin-top:4px}.studio-tabs button.active{border-color:#68401f;color:#fff;background:#1d140c}.studio-card{border:1px solid var(--line);background:#101010;border-radius:22px;padding:14px}.studio-label{display:block;font-weight:800;margin-bottom:8px}.studio-card textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #2c2c2c;background:#0a0a0a;color:#fff;border-radius:16px;padding:14px;font:inherit;line-height:1.8;outline:none}.studio-card textarea:focus{border-color:#70451f}.upload-box{margin:10px 0;border:1px dashed #51402f;border-radius:15px;min-height:86px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;background:#15110d;cursor:pointer}.upload-box input{display:none}.upload-box span{font-size:22px;color:#ff8b26}.upload-box small{color:var(--muted)}.studio-generate{margin-top:10px;font-size:15px}.studio-progress{padding:18px;text-align:center;color:var(--muted)}.studio-progress span{display:block;width:34px;height:34px;border:3px solid #333;border-top-color:#ff7a00;border-radius:50%;margin:0 auto 10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.studio-output{margin-top:12px;border:1px solid #2a2a2a;border-radius:18px;overflow:hidden}.studio-output-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #242424}.studio-output-head div{display:flex;gap:5px}.studio-output-head button,.studio-output-head a{border:1px solid #333;background:#161616;color:#ddd;border-radius:9px;padding:6px 9px;text-decoration:none;font:inherit;font-size:12px}.studio-output pre{white-space:pre-wrap;direction:ltr;text-align:left;padding:14px;margin:0;line-height:1.75;color:#eee}.studio-output img{display:block;width:100%;max-height:680px;object-fit:contain;background:#050505}@media(max-width:760px){.v28-cards{grid-template-columns:1fr}.v28-shell{width:min(100% - 20px,1120px)}.v28-hero{padding-top:24px}.v28-card{border-radius:18px}.studio-tabs{position:sticky;top:72px;z-index:5;background:#090909;padding:5px 0}.studio-tabs button{font-size:13px}.studio-card{border-radius:18px;padding:10px}}
.studio-history{margin-top:18px}.studio-history article{padding:12px 14px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;background:#101010}.studio-history article small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.studio-history article p{color:#d8d8d8;line-height:1.7;font-size:13px}

/* v2.8.1 — URL fields are always LTR, even inside RTL interfaces. */
input[type="url"],
input[name*="url" i],
input[name*="endpoint" i],
input[name*="webhook" i],
input[placeholder^="http" i],
textarea[name*="url" i],
textarea[name*="endpoint" i],
textarea[name*="webhook" i]{
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:plaintext;
}

/* v2.8.2 — unified user header/menu + five item mobile navigation */
.v28-top{z-index:120;height:68px;padding-inline:max(14px,env(safe-area-inset-left));overflow:visible}.v28-top .pbui-account{margin-inline-start:auto}.v28-bottom.five{grid-template-columns:repeat(5,1fr)}.v28-bottom.five a{min-width:0;font-size:17px}.v28-bottom.five a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.v28-top{height:62px;padding:0 9px}.v28-brand b{font-size:13px}.v28-brand{gap:5px}.v28-bottom.five{right:7px;left:7px;height:62px;border-radius:19px}.v28-bottom.five a{font-size:16px}.v28-bottom.five a span{font-size:11.5px}}
@media(max-width:390px){.v28-brand b{max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-bottom.five a span{font-size:11.5px}}

/* v2.8.3 — user pages: true light/dark theme */
html[data-theme="light"]{color-scheme:light;--bg:#f5f7fa;--card:#ffffff;--line:rgba(25,35,52,.11);--text:#1c2635;--muted:#6f7887;--orange:#f27600}
html[data-theme="light"] .v28-page{background:radial-gradient(circle at 72% -10%,rgba(255,133,31,.12) 0,transparent 34%),#f5f7fa;color:var(--text)}html[data-theme="light"] .v28-top{background:rgba(248,250,252,.88);border-bottom-color:rgba(25,35,52,.08);box-shadow:0 8px 35px rgba(35,45,66,.045)}html[data-theme="light"] .v28-brand{color:#202a39}
html[data-theme="light"] .v28-card,html[data-theme="light"] .studio-card,html[data-theme="light"] .studio-history article{background:linear-gradient(155deg,#fff,#fafbfc);border-color:var(--line);box-shadow:0 14px 38px rgba(35,45,66,.07)}html[data-theme="light"] .v28-card.plan p,html[data-theme="light"] .v28-features,html[data-theme="light"] .studio-history article p{color:#687282}
html[data-theme="light"] .studio-tabs{background:transparent}html[data-theme="light"] .studio-tabs button{background:#fff;color:#697382;border-color:var(--line)}html[data-theme="light"] .studio-tabs button.active{background:#fff3e7;color:#9b4b00;border-color:rgba(255,122,0,.24)}html[data-theme="light"] .studio-card textarea{background:#fbfcfe;color:#1d2736;border-color:var(--line)}html[data-theme="light"] .upload-box{background:#fff8f1;border-color:rgba(255,122,0,.25)}html[data-theme="light"] .studio-output{background:#fff;border-color:var(--line)}html[data-theme="light"] .studio-output-head{border-bottom-color:var(--line)}html[data-theme="light"] .studio-output-head button,html[data-theme="light"] .studio-output-head a{background:#f7f8fa;color:#3e4857;border-color:var(--line)}html[data-theme="light"] .studio-output pre{color:#253041}html[data-theme="light"] .studio-output img{background:#f1f3f6}
html[data-theme="light"] .v28-bottom{background:rgba(255,255,255,.94);border-color:rgba(25,35,52,.10);box-shadow:0 14px 40px rgba(35,45,66,.13)}html[data-theme="light"] .v28-bottom a{color:#78818e}html[data-theme="light"] .v28-bottom a.active{color:#d06300}
html[data-theme="light"] .v28-alert{background:#fff8ef;border-color:rgba(255,122,0,.21);color:#4f4438}html[data-theme="light"] .v28-alert.error{background:#fff4f4;border-color:#f0c7c7}html[data-theme="light"] .v28-alert.success{background:#f0fbf6;border-color:#bde6d2}
@media(max-width:760px){html[data-theme="light"] .studio-tabs{background:rgba(245,247,250,.94);backdrop-filter:blur(15px)}}

/* v2.8.3 — AI Studio Pro, mobile-first + desktop workspace */
.studio-page{--studio-orange:#ff7a00;--studio-orange2:#ffa13e;--studio-cyan:#25b9f3;--studio-green:#45d9a4;--studio-purple:#a982ff}.studio-pro{max-width:1180px;padding-bottom:34px}.studio-brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(255,150,55,.22),rgba(255,100,0,.08));border:1px solid rgba(255,144,48,.22);color:#ff9d44;box-shadow:0 0 24px rgba(255,116,0,.12)}
.studio-pro-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;align-items:stretch;margin:28px 0 18px;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:radial-gradient(circle at 16% 0,rgba(255,122,0,.18),transparent 36%),linear-gradient(145deg,rgba(21,22,19,.96),rgba(9,10,9,.96));box-shadow:0 26px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}.studio-pro-hero:before{content:"";position:absolute;inset:-25% auto auto -5%;width:330px;height:330px;border-radius:50%;background:rgba(255,111,0,.07);filter:blur(25px);pointer-events:none}.studio-pro-hero-copy{position:relative;z-index:1;align-self:center}.studio-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,143,45,.19);background:rgba(255,122,0,.07);color:#ff9a3c;font-size:12px;font-weight:900;letter-spacing:1.3px}.studio-pro-hero h1{max-width:760px;margin:12px 0 9px;font-size:clamp(30px,4.8vw,58px);line-height:1.28;letter-spacing:-1.1px}.studio-pro-hero h1 em{font-style:normal;color:#ff9b40;text-shadow:0 0 34px rgba(255,121,0,.13)}.studio-pro-hero-copy>p{max-width:700px;margin:0;color:var(--muted);font-size:13px;line-height:2}.studio-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.studio-hero-actions a{min-height:43px;padding:0 16px;display:inline-flex;align-items:center;gap:13px;border-radius:13px;background:linear-gradient(135deg,#ff922e,#ed6200);color:#fff;text-decoration:none;font-weight:900;font-size:13px;box-shadow:0 10px 28px rgba(255,95,0,.17)}.studio-hero-actions a b{font-size:15px}.studio-hero-actions a.ghost{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);box-shadow:none;color:#d8d3cb}
.studio-account-panel{position:relative;z-index:1;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.08));backdrop-filter:blur(16px)}.studio-account-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.studio-account-title span{font-size:12px;color:#aba69f}.studio-account-title i{font-style:normal;font-size:11.5px;font-weight:900;letter-spacing:1px;color:#46dca6;padding:4px 7px;border-radius:999px;border:1px solid rgba(70,220,166,.16);background:rgba(70,220,166,.07)}.studio-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-account-grid>a{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(0,0,0,.13);text-decoration:none;color:var(--text);display:grid}.studio-account-grid small{font-size:11.5px;color:#89857e}.studio-account-grid b{margin-top:3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-account-grid em{margin-top:4px;font-style:normal;font-size:11.5px;color:#ff9c41}.studio-usage-mini{display:grid;gap:5px;margin-top:8px}.studio-usage-mini span{min-height:31px;padding:0 9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border-radius:10px;background:rgba(255,255,255,.025);font-size:11.5px;color:#9a958d}.studio-usage-mini i{font-style:normal;color:#ff9840;font-size:13px}.studio-usage-mini b{color:#ded8d0;font-size:12px}
.studio-login-alert{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 18px;padding:20px}.studio-login-alert b{font-size:16px}.studio-login-alert span{grid-row:2;color:var(--muted);font-size:13px}.studio-login-alert a{grid-column:2;grid-row:1/3;min-height:42px;padding:0 16px;display:flex;align-items:center;border-radius:12px;background:#ff7a00;color:#fff;text-decoration:none;font-weight:900;font-size:13px}
.studio-service-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}.studio-service-tab{position:relative;min-width:0;min-height:116px;padding:14px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:right;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#131411,#0d0e0c);color:var(--text);font-family:inherit;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.08);overflow:hidden}.studio-service-tab:before{content:"";position:absolute;right:-60px;top:-70px;width:150px;height:150px;border-radius:50%;background:rgba(255,122,0,.06);transition:.22s}.studio-service-tab:hover:not(:disabled),.studio-service-tab.active{transform:translateY(-2px);border-color:rgba(255,139,45,.37);box-shadow:0 18px 44px rgba(0,0,0,.15),0 0 0 1px rgba(255,122,0,.035)}.studio-service-tab.active{background:linear-gradient(145deg,rgba(255,122,0,.11),#11120f 58%,#0d0e0c)}.studio-service-tab.active:before{background:rgba(255,122,0,.14)}.studio-service-tab.disabled{opacity:.42;cursor:not-allowed}.service-icon{position:relative;z-index:1;width:43px;height:43px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,145,52,.18);background:rgba(255,122,0,.08);color:#ff9940;font-size:20px;font-weight:900}.studio-service-tab>span:nth-child(2){position:relative;z-index:1;min-width:0;display:grid}.studio-service-tab small{font-size:11.5px;color:#77736d;letter-spacing:.7px}.studio-service-tab b{margin-top:2px;font-size:13px}.studio-service-tab em{margin-top:5px;font-style:normal;font-size:12px;line-height:1.65;color:#88847c}.studio-service-tab>strong{position:relative;z-index:1;align-self:start;padding:6px 8px;border-radius:10px;background:rgba(255,122,0,.07);color:#ff9b42;font-size:13px;white-space:nowrap}.studio-service-tab>strong i{display:block;margin-top:1px;font-style:normal;font-size:11.5px;color:#8c867d;text-align:center}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}.studio-work-card,.studio-side-card{border:1px solid var(--line);background:linear-gradient(150deg,#11120f,#0d0e0c);border-radius:25px;box-shadow:0 16px 48px rgba(0,0,0,.10)}.studio-work-card{padding:18px}.studio-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 3px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.studio-work-head>div:first-child{min-width:0}.studio-work-head span{display:block;color:#ff9940;font-size:11.5px;font-weight:900;letter-spacing:1.1px}.studio-work-head h2{margin:3px 0;font-size:22px}.studio-work-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.studio-cost-badge{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(255,145,52,.18);border-radius:12px;background:rgba(255,122,0,.06);text-align:center}.studio-cost-badge small{display:block;color:#8c877f;font-size:11.5px}.studio-cost-badge b{display:block;margin-top:2px;color:#ff9c43;font-size:13px}.studio-form{padding-top:14px}.studio-field{display:grid;gap:7px;margin-bottom:10px}.studio-field>span{font-size:12px;font-weight:900}.studio-field>small{color:#77736d;font-size:11.5px;line-height:1.7}.studio-form textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #292a27;background:#090a09;color:#f6f4ef;border-radius:17px;padding:15px;font:inherit;font-size:13px;line-height:1.9;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.025)}.studio-form textarea:focus{border-color:rgba(255,137,38,.48);box-shadow:0 0 0 4px rgba(255,122,0,.055)}.studio-instructions textarea{min-height:105px}.studio-upload-pro{position:relative;overflow:hidden;min-height:116px;margin:10px 0;padding:13px;display:grid;grid-template-columns:45px minmax(0,1fr) 76px;align-items:center;gap:12px;border:1.5px dashed rgba(255,139,42,.33);border-radius:17px;background:linear-gradient(145deg,rgba(255,122,0,.055),rgba(255,255,255,.018));cursor:pointer}.studio-upload-pro:hover{border-color:rgba(255,145,48,.62);background:rgba(255,122,0,.07)}.studio-upload-pro input{position:absolute;width:1px;height:1px;opacity:0}.studio-upload-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:rgba(255,122,0,.10);color:#ff9b42}.studio-upload-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.studio-upload-copy{min-width:0;display:grid}.studio-upload-copy b{font-size:13px}.studio-upload-copy small{margin-top:3px;font-size:11.5px;color:#8c877f}.studio-upload-copy em{margin-top:6px;font-style:normal;font-size:11.5px;color:#ff9b42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-upload-preview{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:#080908;color:#716c64}.studio-upload-preview i{font-style:normal;font-size:22px}.studio-upload-preview img{width:100%;height:100%;object-fit:cover}.studio-form-footer{display:grid;grid-template-columns:150px 1fr;gap:9px;margin-top:11px}.studio-limit-note{padding:8px 11px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.studio-limit-note span{font-size:11.5px;color:#858078}.studio-limit-note b{font-size:16px;color:#ff9c41}.studio-limit-note small{grid-column:1/-1;font-size:11.5px;color:#68645f}.studio-glass-btn{position:relative;overflow:hidden;min-height:57px!important;margin:0!important;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,184,100,.42)!important;border-radius:15px!important;background:linear-gradient(135deg,#ff982d,#f05e00)!important;color:#fff!important;box-shadow:0 14px 34px rgba(255,91,0,.20),inset 0 1px rgba(255,255,255,.22);font-size:13px!important}.studio-glass-btn:before{content:"";position:absolute;inset:-100% auto -100% -20%;width:22%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:studioButtonShine 4.2s ease-in-out infinite}.studio-glass-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.studio-glass-btn:disabled{opacity:.58;cursor:wait}.studio-btn-spark{font-size:18px}@keyframes studioButtonShine{0%,72%{transform:translateX(-260%) rotate(18deg)}100%{transform:translateX(700%) rotate(18deg)}}
.studio-progress-pro{margin-top:12px;padding:13px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;border:1px solid rgba(255,145,52,.15);border-radius:16px;background:rgba(255,122,0,.045)}.studio-progress-orb{position:relative;width:45px;height:45px;display:grid;place-items:center}.studio-progress-orb i{position:absolute;inset:1px;border:2px solid rgba(255,255,255,.08);border-top-color:#ff8d2a;border-right-color:#ff8d2a;border-radius:50%;animation:spin .8s linear infinite}.studio-progress-orb span{color:#ff9b40;font-size:15px}.studio-progress-pro b{font-size:12px}.studio-progress-pro small{display:block;margin-top:2px;color:#817c74;font-size:11.5px}.studio-progress-line{height:3px;margin-top:8px;overflow:hidden;border-radius:999px;background:rgba(255,122,0,.10)}.studio-progress-line i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#ff8a22,#ffc07a,transparent);animation:studioProgress 1.4s ease-in-out infinite}@keyframes studioProgress{0%{transform:translateX(260%)}100%{transform:translateX(-340%)}}
.studio-side-card{position:sticky;top:82px;padding:16px}.studio-side-head{display:grid;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.06)}.studio-side-head span{font-size:11.5px;color:#ff9940;letter-spacing:1px}.studio-side-head b{margin-top:2px;font-size:14px}.studio-guide-list{display:grid;gap:7px;margin-top:11px}.studio-guide-list>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;padding:8px;border-radius:12px;background:rgba(255,255,255,.022)}.studio-guide-list i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,122,0,.07);color:#ff9940;font-style:normal;font-size:11.5px;font-weight:900}.studio-guide-list span{display:grid}.studio-guide-list b{font-size:12px}.studio-guide-list small{margin-top:2px;color:#7f7a73;font-size:11.5px;line-height:1.7}.studio-provider-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:11px}.studio-provider-chip span{font-size:11.5px;color:#807b74}.studio-provider-chip b{max-width:140px;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:#52d7a8}.studio-side-buy{display:grid;margin-top:8px;padding:11px;border-radius:12px;background:linear-gradient(135deg,rgba(255,122,0,.10),rgba(255,122,0,.025));border:1px solid rgba(255,139,40,.13);text-decoration:none}.studio-side-buy span{font-size:11.5px;color:#817b73}.studio-side-buy b{margin-top:2px;font-size:12px;color:#ff9c43}
.studio-output-pro{margin-top:12px;border-radius:24px!important;background:linear-gradient(150deg,#11120f,#0d0e0c);box-shadow:0 18px 52px rgba(0,0,0,.12)}.studio-output-pro .studio-output-head{min-height:65px;padding:11px 15px}.studio-output-head>div:first-child{display:flex;align-items:center;gap:9px}.studio-output-head>div:first-child>span:last-child{display:grid}.studio-output-head small{font-size:11.5px;color:#77736e;letter-spacing:1px}.studio-output-head b{font-size:13px}.studio-output-ready{width:34px;height:34px;display:grid!important;place-items:center;border-radius:11px;background:rgba(69,217,164,.08);color:#45d9a4;border:1px solid rgba(69,217,164,.14)}.studio-output-actions{display:flex;gap:5px;flex-wrap:wrap}.studio-output-actions button,.studio-output-actions a{min-height:34px;padding:0 10px!important;display:flex;align-items:center!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#d8d2ca!important;text-decoration:none;font:inherit!important;font-size:11.5px!important;cursor:pointer}.studio-output-actions #chatgptBtn{color:#6ce1bb!important;border-color:rgba(45,190,145,.18)!important}.studio-output-actions #geminiBtn{color:#a6c5ff!important;border-color:rgba(100,150,255,.18)!important}.studio-output-actions #downloadOutput{color:#ffad61!important;border-color:rgba(255,139,45,.18)!important}.studio-output-pro pre{max-height:520px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:#080908}.studio-image-output{position:relative;min-height:260px;background:#070807}.studio-image-output img{width:100%;max-height:760px;object-fit:contain;display:block}.studio-image-output span{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:9px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);color:#e7e2dc;font-size:11.5px}
.studio-section-head{margin-top:24px}.studio-section-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.studio-section-head>span{font-size:11.5px;color:#77736c}.studio-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.studio-history-item{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#121310,#0d0e0c)}.studio-history-media{position:relative;height:180px;display:block;overflow:hidden;background:#070807}.studio-history-media img{width:100%;height:100%;object-fit:cover;transition:.25s}.studio-history-media span{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:8px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);color:#fff;font-size:11.5px}.studio-history-media:hover img{transform:scale(1.025)}.studio-history-text{min-height:150px;max-height:190px;overflow:hidden;padding:13px;direction:ltr;text-align:left;white-space:pre-wrap;color:#d8d4ce;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.75;background:linear-gradient(145deg,#0a0b0a,#10110f)}.studio-history-meta{min-height:55px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.055)}.studio-history-meta>div{display:grid;min-width:0}.studio-history-meta small{font-size:11.5px;color:#aaa59d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-history-meta b{margin-top:2px;font-size:11.5px;color:#66625d}.studio-history-meta>span{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:rgba(255,122,0,.06);color:#ff9c42;font-size:11.5px}.studio-history-empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:18px}.studio-history-empty>span{font-size:25px;color:#ff9b40}.studio-history-empty b,.studio-history-empty small{display:block}.studio-history-empty b{margin-top:6px}.studio-history-empty small{margin-top:3px;color:var(--muted);font-size:12px}.studio-toast{position:fixed;z-index:9999;left:50%;bottom:92px;min-width:220px;max-width:min(420px,calc(100vw - 24px));padding:11px 14px;border:1px solid rgba(69,217,164,.18);border-radius:13px;background:rgba(14,20,17,.94);backdrop-filter:blur(18px);color:#bff5df;font-size:12px;text-align:center;box-shadow:0 18px 55px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.18s}.studio-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.studio-toast.error{border-color:rgba(255,90,90,.20);background:rgba(28,13,13,.95);color:#ffb0a9}
html[data-theme="light"] .studio-pro-hero{background:radial-gradient(circle at 16% 0,rgba(255,122,0,.12),transparent 36%),linear-gradient(145deg,#fff,#f8fafc);border-color:rgba(25,35,52,.10);box-shadow:0 22px 60px rgba(35,45,66,.09)}html[data-theme="light"] .studio-pro-hero h1{color:#172033}html[data-theme="light"] .studio-hero-actions a.ghost{background:#fff;border-color:rgba(25,35,52,.10);color:#3f4958}html[data-theme="light"] .studio-account-panel{background:rgba(255,255,255,.70);border-color:rgba(25,35,52,.09)}html[data-theme="light"] .studio-account-grid>a{background:#f7f9fb;border-color:rgba(25,35,52,.08);color:#263142}html[data-theme="light"] .studio-usage-mini span{background:#f7f9fb;color:#6d7786}html[data-theme="light"] .studio-usage-mini b{color:#273142}html[data-theme="light"] .studio-service-tab,html[data-theme="light"] .studio-work-card,html[data-theme="light"] .studio-side-card,html[data-theme="light"] .studio-output-pro,html[data-theme="light"] .studio-history-item{background:linear-gradient(145deg,#fff,#fafbfc);border-color:rgba(25,35,52,.10);box-shadow:0 14px 38px rgba(35,45,66,.065)}html[data-theme="light"] .studio-service-tab{color:#263142}html[data-theme="light"] .studio-service-tab.active{background:linear-gradient(145deg,#fff6ed,#fff 60%)}html[data-theme="light"] .studio-service-tab em,html[data-theme="light"] .studio-service-tab small{color:#768091}html[data-theme="light"] .studio-form textarea{background:#fbfcfe;color:#1d2736;border-color:rgba(25,35,52,.12);box-shadow:inset 0 1px #fff}html[data-theme="light"] .studio-upload-pro{background:#fff8f1;border-color:rgba(255,122,0,.28)}html[data-theme="light"] .studio-upload-preview{background:#fff;border-color:rgba(25,35,52,.09)}html[data-theme="light"] .studio-limit-note,html[data-theme="light"] .studio-guide-list>div{background:#f7f9fb;border-color:rgba(25,35,52,.08)}html[data-theme="light"] .studio-side-card{color:#263142}html[data-theme="light"] .studio-provider-chip{border-color:rgba(25,35,52,.09)}html[data-theme="light"] .studio-output-pro pre,html[data-theme="light"] .studio-history-text{background:#f8fafc;color:#253041}html[data-theme="light"] .studio-output-actions button,html[data-theme="light"] .studio-output-actions a{background:#f7f9fb!important;color:#424d5d!important;border-color:rgba(25,35,52,.10)!important}html[data-theme="light"] .studio-history-meta{border-color:rgba(25,35,52,.08)}html[data-theme="light"] .studio-toast{background:rgba(245,255,250,.97);color:#187a5b;box-shadow:0 18px 45px rgba(35,45,66,.18)}html[data-theme="light"] .studio-toast.error{background:#fff5f4;color:#b63831}
@media(max-width:900px){.studio-pro-hero{grid-template-columns:1fr}.studio-account-panel{display:grid;grid-template-columns:auto 1fr;gap:9px}.studio-account-title{grid-column:1/-1;margin:0}.studio-usage-mini{margin:0}.studio-workspace{grid-template-columns:1fr}.studio-side-card{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-side-head{grid-column:1/-1}.studio-guide-list{margin:0}.studio-provider-chip,.studio-side-buy{margin:0;align-self:end}.studio-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.studio-pro{width:calc(100% - 16px)!important}.studio-pro-hero{margin-top:10px;padding:20px 16px;border-radius:23px}.studio-pro-hero h1{font-size:32px;letter-spacing:-.5px}.studio-pro-hero-copy>p{font-size:13px}.studio-account-panel{grid-template-columns:1fr}.studio-account-title{grid-column:auto}.studio-service-picker{grid-template-columns:1fr;gap:7px}.studio-service-tab{min-height:94px;border-radius:17px;grid-template-columns:40px 1fr auto;padding:11px}.service-icon{width:40px;height:40px;border-radius:12px}.studio-service-tab em{display:none}.studio-work-card,.studio-side-card{border-radius:20px}.studio-work-card{padding:12px}.studio-work-head{display:grid;grid-template-columns:1fr auto;gap:10px}.studio-work-head p{grid-column:1/-1}.studio-cost-badge{grid-column:2;grid-row:1}.studio-form textarea{font-size:13px;padding:13px;min-height:150px}.studio-instructions textarea{min-height:105px}.studio-upload-pro{grid-template-columns:40px minmax(0,1fr) 62px;min-height:100px;padding:10px}.studio-upload-icon{width:40px;height:40px}.studio-upload-preview{width:62px;height:62px}.studio-form-footer{grid-template-columns:1fr}.studio-limit-note{grid-template-columns:1fr auto}.studio-glass-btn{min-height:56px!important}.studio-side-card{display:block;padding:12px}.studio-guide-list{margin-top:9px}.studio-provider-chip,.studio-side-buy{margin-top:7px}.studio-output-pro{border-radius:20px!important}.studio-output-pro .studio-output-head{display:grid;gap:9px}.studio-output-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.studio-output-actions button,.studio-output-actions a{justify-content:center;padding:0 6px!important}.studio-history-grid{grid-template-columns:1fr 1fr;gap:7px}.studio-history-media{height:150px}.studio-history-text{min-height:130px;max-height:160px}.studio-history-meta{display:grid}.studio-history-meta>span{justify-self:start}.studio-toast{bottom:88px}}
@media(max-width:430px){.studio-pro-hero h1{font-size:28px}.studio-account-grid{grid-template-columns:1fr 1fr}.studio-usage-mini{grid-template-columns:repeat(3,1fr)}.studio-usage-mini span{display:flex;justify-content:center;padding:6px 4px}.studio-usage-mini span i{display:none}.studio-service-tab{grid-template-columns:38px 1fr auto}.studio-service-tab b{font-size:13px}.studio-service-tab>strong{font-size:13px}.studio-service-tab>strong i{font-size:11.5px}.studio-work-head{grid-template-columns:1fr}.studio-cost-badge{grid-column:auto;grid-row:auto;justify-self:start}.studio-upload-pro{grid-template-columns:38px 1fr}.studio-upload-preview{grid-column:1/-1;width:100%;height:92px}.studio-output-actions{grid-template-columns:1fr 1fr}.studio-history-grid{grid-template-columns:1fr}.studio-history-media{height:220px}}

/* v2.8.3 — commerce / subscription UX */
.commerce-shell{max-width:1180px;padding-bottom:32px}.commerce-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center;margin:28px 0 17px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:radial-gradient(circle at 10% 0,rgba(255,122,0,.17),transparent 36%),linear-gradient(145deg,#151612,#0d0e0c);box-shadow:0 24px 70px rgba(0,0,0,.20)}.commerce-hero>div>span,.commerce-section-head small{font-size:11.5px;font-weight:900;letter-spacing:1.3px;color:#ff9b42}.commerce-hero h1{margin:8px 0 5px;font-size:clamp(30px,5vw,52px);line-height:1.3}.commerce-hero h1 em{font-style:normal;color:#ff9b40}.commerce-hero p{max-width:690px;margin:0;color:var(--muted);font-size:13px;line-height:2}.commerce-trust{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.commerce-trust b{padding:5px 8px;border:1px solid rgba(69,217,164,.12);border-radius:999px;background:rgba(69,217,164,.045);color:#78dfb9;font-size:11.5px}.commerce-hero aside{padding:17px;border:1px solid rgba(255,146,52,.15);border-radius:19px;background:rgba(255,122,0,.055);display:grid;text-align:center}.commerce-hero aside small{color:#8e8981;font-size:11.5px}.commerce-hero aside b{margin-top:3px;font-size:31px;color:#ff9d45}.commerce-hero aside span{font-size:12px;color:#9a958d}.commerce-hero aside a{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:#d7d1c9;text-decoration:none;font-size:11.5px}.commerce-alert{margin-top:0}.commerce-section{margin-top:22px}.commerce-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:10px}.commerce-section-head h2{margin:2px 0;font-size:22px}.commerce-section-head p{margin:0;color:var(--muted);font-size:12px}.commerce-section-head>span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11.5px}.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.commerce-card{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,#141512,#0e0f0d);box-shadow:0 14px 38px rgba(0,0,0,.09)}.commerce-card:before{content:"";position:absolute;width:140px;height:140px;left:-70px;top:-75px;border-radius:50%;background:rgba(255,122,0,.06);pointer-events:none}.commerce-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.commerce-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(255,143,42,.16);background:rgba(255,122,0,.07);color:#ff9b42;font-size:18px}.commerce-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.commerce-badges b,.commerce-badges em,.commerce-current{padding:4px 7px;border-radius:999px;font-size:11.5px;font-style:normal}.commerce-badges b{background:rgba(255,122,0,.08);border:1px solid rgba(255,143,42,.15);color:#ff9b42}.commerce-badges em{background:rgba(69,217,164,.07);border:1px solid rgba(69,217,164,.14);color:#64d7ad}.commerce-card>small{display:block;margin-top:10px;color:#69655f;font-size:11.5px;direction:ltr;text-align:right}.commerce-card h3{margin:3px 0 4px;font-size:16px}.commerce-card>p{min-height:37px;margin:0;color:#88837c;font-size:12px;line-height:1.75}.commerce-token-value{margin:14px 0 6px;padding:11px;border-radius:14px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 6px}.commerce-token-value strong{font-size:30px;color:#f2eee9}.commerce-token-value>span{padding-bottom:5px;color:#8d8880;font-size:12px}.commerce-token-value em{grid-column:1/-1;font-style:normal;font-size:11.5px;color:#56d1a5}.commerce-price{display:flex;align-items:end;gap:6px;margin:10px 0}.commerce-price b{font-size:22px}.commerce-price span{padding-bottom:4px;color:#88837c;font-size:11.5px}.commerce-card form button{position:relative;z-index:1;width:100%;min-height:46px;border:1px solid rgba(255,178,92,.35);border-radius:13px;background:linear-gradient(135deg,#ff922c,#ed6000);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 26px rgba(255,91,0,.15)}.commerce-card form button i{font-style:normal;margin-right:8px}.commerce-card form button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.commerce-card form button:disabled{opacity:.4;cursor:not-allowed}.plan-card.current{border-color:rgba(69,217,164,.24);box-shadow:0 16px 42px rgba(69,217,164,.045)}.commerce-current{position:absolute;left:13px;top:13px;background:rgba(69,217,164,.08);border:1px solid rgba(69,217,164,.15);color:#55d7a8}.commerce-features{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.commerce-features>span{padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.02);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px}.commerce-features i{grid-row:1/3;font-style:normal}.commerce-features b{font-size:13px}.commerce-features small{font-size:11.5px;color:#817d75}.commerce-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:12px}.commerce-footnote{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;margin-top:22px;padding:15px;border:1px solid rgba(69,217,164,.10);border-radius:18px;background:rgba(69,217,164,.025)}.commerce-footnote>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(69,217,164,.07);color:#4cd5a3}.commerce-footnote b{font-size:12px}.commerce-footnote p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
html[data-theme="light"] .commerce-hero,html[data-theme="light"] .commerce-card{background:linear-gradient(145deg,#fff,#fafbfc);border-color:rgba(25,35,52,.10);box-shadow:0 15px 42px rgba(35,45,66,.07)}html[data-theme="light"] .commerce-hero h1,html[data-theme="light"] .commerce-card h3,html[data-theme="light"] .commerce-price b{color:#172033}html[data-theme="light"] .commerce-hero aside{background:#fff7ef;border-color:rgba(255,122,0,.18)}html[data-theme="light"] .commerce-hero aside a{border-color:rgba(25,35,52,.08);color:#465061}html[data-theme="light"] .commerce-token-value,html[data-theme="light"] .commerce-features>span{background:#f7f9fb;border-color:rgba(25,35,52,.08)}html[data-theme="light"] .commerce-token-value strong{color:#1d2736}html[data-theme="light"] .commerce-footnote{background:#f4fbf8;border-color:rgba(35,155,115,.12)}
@media(max-width:900px){.commerce-hero{grid-template-columns:1fr}.commerce-hero aside{grid-template-columns:1fr auto auto;align-items:center;text-align:right;gap:7px}.commerce-hero aside small{grid-column:1/-1}.commerce-hero aside b{font-size:24px}.commerce-hero aside a{margin:0;padding:0;border:0}.commerce-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.commerce-shell{width:calc(100% - 16px)!important}.commerce-hero{margin-top:10px;padding:20px 16px;border-radius:22px}.commerce-hero h1{font-size:30px}.commerce-section-head{align-items:flex-start}.commerce-section-head h2{font-size:19px}.commerce-grid{grid-template-columns:1fr 1fr;gap:7px}.commerce-card{padding:12px;border-radius:18px}.commerce-icon{width:36px;height:36px}.commerce-card h3{font-size:13px}.commerce-card>p{display:none}.commerce-token-value{padding:8px;margin-top:9px}.commerce-token-value strong{font-size:24px}.commerce-price b{font-size:17px}.commerce-card form button{min-height:43px;padding:0 6px;font-size:12px}.commerce-features{grid-template-columns:1fr}.commerce-features>span{padding:7px}.commerce-current{top:9px;left:9px}.commerce-footnote{margin-bottom:8px}}
@media(max-width:390px){.commerce-card{padding:10px}.commerce-badges{display:none}.commerce-card-top{justify-content:flex-start}.commerce-token-value strong{font-size:21px}.commerce-card h3{font-size:13px}.commerce-price{margin:7px 0}.commerce-card form button i{display:none}}

/* v2.8.3.12.46 — theme-aware official Magic Studio logos */
.theme-brand-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
html[data-theme="light"] .theme-brand-image-dark{display:none!important}
html:not([data-theme="light"]) .theme-brand-image-light{display:none!important}
.studio-brand-mark{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.studio-brand-mark .theme-brand-image{filter:drop-shadow(0 4px 10px rgba(255,110,0,.22))}


/* v2.8.3.12.51 — Commerce page visual polish */
.commerce-page{background:radial-gradient(circle at 82% 8%,rgba(255,122,0,.10),transparent 22%),radial-gradient(circle at 8% 96%,rgba(73,101,255,.06),transparent 20%),var(--bg)}
.commerce-shell{max-width:1220px;padding-bottom:42px}
.commerce-hero,.commerce-section,.commerce-footnote,.commerce-alert{position:relative;isolation:isolate}
.commerce-hero{margin:24px 0 18px;padding:38px 34px;border-radius:32px;border:1px solid rgba(255,163,79,.18);background:linear-gradient(140deg,rgba(20,22,19,.98),rgba(10,11,10,.98));box-shadow:0 26px 64px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03)}
.commerce-hero:before{content:"";position:absolute;inset:auto auto -75px -55px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(99,68,255,.15),transparent 66%);pointer-events:none}
.commerce-hero:after{content:"";position:absolute;inset:-88px -78px auto auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,131,29,.20),transparent 62%);pointer-events:none}
.commerce-hero-copy{position:relative;z-index:1}
.commerce-hero h1{font-size:clamp(34px,5.5vw,58px);line-height:1.16;letter-spacing:-.03em}
.commerce-hero p{max-width:720px;font-size:13px;color:#bcb5ac}
.commerce-trust{margin-top:17px;gap:8px}
.commerce-trust b{padding:7px 10px;border:1px solid rgba(99,224,178,.18);background:rgba(99,224,178,.07);font-size:11.5px}
.commerce-side{position:relative;z-index:1;padding:20px 18px;border-radius:24px;border:1px solid rgba(255,159,66,.18);background:linear-gradient(160deg,rgba(255,122,0,.10),rgba(255,122,0,.03));display:grid;gap:7px;align-content:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.commerce-side small{color:#a39b91;font-size:11.5px;letter-spacing:.04em}
.commerce-side b{font-size:32px;color:#ff9f41;line-height:1.05}
.commerce-side span{font-size:12px;color:#d8d0c6;line-height:1.9}
.commerce-side a{text-decoration:none}
.commerce-side-account a{margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);color:#e3d8cc;font-size:11.5px}
.commerce-side-guest b{font-size:23px;color:#fff}
.commerce-side-guest em{font-style:normal;color:#a69f95;font-size:11.5px;line-height:1.9}
.commerce-side-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.commerce-side-actions .primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:14px;background:linear-gradient(135deg,#ff9c35,#ff6a00);color:#fff;border:1px solid rgba(255,189,120,.36);font-size:12px;font-weight:900;box-shadow:0 14px 26px rgba(255,106,0,.18)}
.commerce-alert{margin:0 0 16px;padding:16px 20px;border-radius:22px;border:1px solid rgba(255,159,66,.20);background:linear-gradient(180deg,rgba(255,136,32,.07),rgba(255,136,32,.03));box-shadow:0 16px 38px rgba(0,0,0,.06)}
.commerce-section{margin-top:22px;padding:22px;border:1px solid rgba(255,255,255,.06);border-radius:30px;background:linear-gradient(180deg,rgba(20,21,19,.96),rgba(12,13,12,.96));box-shadow:0 18px 44px rgba(0,0,0,.14)}
.commerce-section:before{content:"";position:absolute;inset:0 0 auto auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.08),transparent 64%);pointer-events:none;transform:translate(45%,-45%)}
.commerce-section-head{position:relative;z-index:1;margin-bottom:14px}
.commerce-section-head h2{font-size:30px;line-height:1.15}
.commerce-section-head p{font-size:12px;color:#968f86}
.commerce-section-head>span{padding:7px 10px;font-size:11.5px;background:rgba(255,255,255,.02)}
.commerce-grid{position:relative;z-index:1;gap:14px}
.commerce-card{padding:20px;border-radius:26px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(165deg,rgba(24,25,22,.97),rgba(12,13,12,.97));box-shadow:0 18px 42px rgba(0,0,0,.12);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.commerce-card:before{width:180px;height:180px;left:-88px;top:-92px;background:radial-gradient(circle,rgba(255,122,0,.10),transparent 64%)}
.commerce-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.18);border-color:rgba(255,159,66,.22)}
.commerce-card>small{font-size:11.5px;color:#8f877d}
.commerce-card h3{margin:6px 0 6px;font-size:22px;line-height:1.35}
.commerce-card>p{min-height:42px;font-size:12px;color:#999186}
.commerce-token-value{padding:12px 13px;margin:16px 0 8px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.018))}
.commerce-token-value strong{font-size:33px}
.commerce-price{margin:12px 0 13px}
.commerce-price b{font-size:24px}
.commerce-price span{font-size:12px}
.commerce-card form button{min-height:48px;border-radius:15px;background:linear-gradient(135deg,#ff9f38,#ff6c00);box-shadow:0 14px 30px rgba(255,106,0,.18)}
.commerce-card form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px rgba(255,106,0,.22)}
.plan-card.current{border-color:rgba(69,217,164,.26);box-shadow:0 20px 46px rgba(69,217,164,.06)}
.commerce-features{gap:8px;margin-top:14px}
.commerce-features>span{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.commerce-empty{padding:34px;border-radius:24px}
.commerce-footnote{margin-top:24px;padding:18px 18px;border-radius:24px;border:1px solid rgba(90,222,171,.16);background:linear-gradient(180deg,rgba(69,217,164,.05),rgba(69,217,164,.03));box-shadow:0 16px 40px rgba(0,0,0,.08)}
.commerce-footnote b{font-size:13px}
.commerce-footnote p{font-size:12px}
html[data-theme="light"] .commerce-page{background:radial-gradient(circle at 80% 6%,rgba(255,148,53,.16),transparent 18%),radial-gradient(circle at 8% 92%,rgba(165,123,255,.10),transparent 18%),linear-gradient(180deg,#f5f7fb 0%,#fff8f0 44%,#f8fafc 100%)}
html[data-theme="light"] .commerce-hero{border-color:rgba(255,164,70,.20);background:linear-gradient(140deg,#fffdfb 0%,#fff7ee 50%,#ffffff 100%);box-shadow:0 22px 54px rgba(39,45,66,.08),0 8px 22px rgba(255,136,38,.05),inset 0 1px 0 rgba(255,255,255,.75)}
html[data-theme="light"] .commerce-hero:before{background:radial-gradient(circle,rgba(146,108,255,.14),transparent 66%)}
html[data-theme="light"] .commerce-hero:after{background:radial-gradient(circle,rgba(255,149,53,.22),transparent 62%)}
html[data-theme="light"] .commerce-hero h1,html[data-theme="light"] .commerce-card h3,html[data-theme="light"] .commerce-price b,html[data-theme="light"] .commerce-side-guest b{color:#182138}
html[data-theme="light"] .commerce-hero p,html[data-theme="light"] .commerce-side span{color:#5d6678}
html[data-theme="light"] .commerce-trust b{background:rgba(255,255,255,.66);border-color:rgba(99,224,178,.20);box-shadow:0 6px 14px rgba(58,88,150,.05)}
html[data-theme="light"] .commerce-side{border-color:rgba(255,154,60,.22);background:linear-gradient(180deg,#fff9f1,#fffefd);box-shadow:0 15px 30px rgba(40,48,69,.06), inset 0 1px 0 rgba(255,255,255,.8)}
html[data-theme="light"] .commerce-side small{color:#878089}
html[data-theme="light"] .commerce-side-account a{border-color:rgba(34,42,61,.08);color:#4b5567}
html[data-theme="light"] .commerce-side-guest em{color:#7a7280}
html[data-theme="light"] .commerce-alert{border-color:rgba(255,164,70,.24);background:linear-gradient(180deg,#fff7ee,#fffdfb);box-shadow:0 14px 30px rgba(48,60,88,.05)}
html[data-theme="light"] .commerce-section{border-color:rgba(255,164,70,.18);background:linear-gradient(180deg,#fffdfa 0%,#fff6ee 2%,#ffffff 24%,#ffffff 100%);box-shadow:0 18px 44px rgba(35,45,66,.07),0 6px 18px rgba(255,149,53,.04)}
html[data-theme="light"] .commerce-section:before{background:radial-gradient(circle,rgba(255,154,60,.12),transparent 64%)}
html[data-theme="light"] .commerce-section-head h2{color:#1b2336}
html[data-theme="light"] .commerce-section-head p,html[data-theme="light"] .commerce-card>p,html[data-theme="light"] .commerce-price span{color:#697286}
html[data-theme="light"] .commerce-section-head>span{border-color:rgba(40,50,70,.08);background:#ffffffb3;color:#667086}
html[data-theme="light"] .commerce-card{border-color:rgba(255,164,70,.14);background:linear-gradient(180deg,#fffdfb 0%,#ffffff 56%,#fffaf5 100%);box-shadow:0 18px 36px rgba(35,45,66,.06),0 6px 14px rgba(255,142,44,.03)}
html[data-theme="light"] .commerce-card:before{background:radial-gradient(circle,rgba(255,154,60,.12),transparent 64%)}
html[data-theme="light"] .commerce-card>small{color:#8a8090}
html[data-theme="light"] .commerce-token-value,html[data-theme="light"] .commerce-features>span{border-color:rgba(36,46,68,.08);background:linear-gradient(180deg,#fff8f2,#f8fbff)}
html[data-theme="light"] .commerce-token-value strong{color:#1f283a}
html[data-theme="light"] .commerce-empty{border-color:rgba(255,164,70,.20);background:linear-gradient(180deg,#fff9f1,#ffffff)}
html[data-theme="light"] .commerce-footnote{border-color:rgba(90,222,171,.17);background:linear-gradient(180deg,#f3fff9,#fbfffd);box-shadow:0 16px 36px rgba(35,45,66,.05)}
@media(max-width:900px){.commerce-hero{padding:28px 24px}.commerce-grid{gap:10px}.commerce-section{padding:18px}}
@media(max-width:650px){.commerce-page{padding-bottom:88px}.commerce-shell{width:calc(100% - 14px)!important;padding-bottom:26px}.commerce-hero{margin-top:12px;padding:22px 16px 18px;border-radius:26px;grid-template-columns:1fr!important}.commerce-hero h1{font-size:clamp(32px,11vw,48px)}.commerce-hero p{font-size:12px;line-height:2}.commerce-trust{gap:6px}.commerce-side{padding:14px 13px;border-radius:20px}.commerce-side-account{grid-template-columns:1fr auto auto;align-items:center}.commerce-side-account small{grid-column:1/-1}.commerce-side-account b{font-size:24px}.commerce-side-account a{margin:0;padding:0;border-top:0}.commerce-side-guest b{font-size:19px}.commerce-side-guest span{font-size:12px}.commerce-side-actions .primary{min-height:40px;font-size:12px}.commerce-section{margin-top:16px;padding:15px 12px;border-radius:24px}.commerce-section-head{margin-bottom:10px}.commerce-section-head h2{font-size:24px}.commerce-grid{grid-template-columns:1fr;gap:10px}.commerce-card{padding:14px 13px;border-radius:22px}.commerce-card h3{font-size:18px}.commerce-token-value strong{font-size:28px}.commerce-price b{font-size:20px}.commerce-card form button{min-height:44px;font-size:12px}.commerce-footnote{grid-template-columns:38px 1fr;padding:14px;border-radius:20px}}
@media(max-width:390px){.commerce-hero{padding:18px 12px}.commerce-hero h1{font-size:28px}.commerce-section-head h2{font-size:21px}.commerce-card h3{font-size:16px}.commerce-side-guest b{font-size:17px}.commerce-side-actions .primary{width:100%}}


/* =========================================================
   v2.8.3.12.53 — Subscription / Magics page profile-style cards
   - unify Buy/Subscription visual language with the Profile dashboard
   - richer warm orange + soft violet depth in both themes
   - stronger card hierarchy, equal-height cards and mobile polish
   ========================================================= */
.commerce-page .commerce-hero,
.commerce-page .commerce-section,
.commerce-page .commerce-card,
.commerce-page .commerce-footnote,
.commerce-page .commerce-alert{
  overflow:hidden;
}
.commerce-page .commerce-hero,
.commerce-page .commerce-section{
  border-color:rgba(255,139,41,.16);
  background:
    radial-gradient(ellipse 74% 100% at 100% 0%,rgba(255,126,24,.13),transparent 68%),
    radial-gradient(ellipse 48% 76% at 0% 0%,rgba(160,120,255,.07),transparent 72%),
    linear-gradient(145deg,rgba(18,19,16,.98),rgba(9,10,8,.98));
  box-shadow:0 22px 58px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
.commerce-page .commerce-section:before{
  width:240px;
  height:240px;
  transform:translate(44%,-48%);
  background:radial-gradient(circle,rgba(255,126,24,.13),transparent 66%);
  filter:blur(4px);
}
.commerce-page .commerce-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-color:rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 100% 0%,rgba(255,126,24,.09),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(151,113,255,.045),transparent 38%),
    linear-gradient(145deg,#11120f,#0b0c09);
  box-shadow:0 16px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.commerce-page .commerce-card:before{
  width:155px;
  height:155px;
  left:-72px;
  top:-76px;
  background:radial-gradient(circle,rgba(255,126,24,.15),transparent 66%);
  filter:blur(3px);
}
.commerce-page .commerce-card:hover{
  border-color:rgba(255,143,43,.30);
  box-shadow:0 23px 52px rgba(0,0,0,.22),0 0 28px rgba(255,126,24,.045),inset 0 1px 0 rgba(255,255,255,.035);
}
.commerce-page .commerce-card>p{min-height:44px}
.commerce-page .commerce-token-value,
.commerce-page .commerce-features>span{
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014));
}
.commerce-page .commerce-price{margin-top:auto;padding-top:10px}
.commerce-page .commerce-card form{margin-top:0}
.commerce-page .commerce-icon{
  border-color:rgba(255,145,48,.20);
  background:linear-gradient(145deg,rgba(255,151,62,.13),rgba(255,113,12,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(255,107,0,.055);
}
.commerce-page .plan-card.current{
  border-color:rgba(69,217,164,.30);
  box-shadow:0 20px 48px rgba(0,0,0,.16),0 0 30px rgba(69,217,164,.055);
}

html[data-theme="light"] .pbp-login-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#202a39;
  border-color:rgba(232,116,22,.22)!important;
  background:
    radial-gradient(ellipse 76% 112% at 100% 0%,rgba(255,126,24,.16) 0%,rgba(255,146,60,.07) 38%,transparent 69%),
    radial-gradient(ellipse 58% 92% at 0% 0%,rgba(188,151,255,.09) 0%,rgba(210,182,255,.04) 43%,transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.995),rgba(255,251,247,.98))!important;
  box-shadow:0 22px 56px rgba(46,54,67,.09),0 0 38px rgba(255,126,29,.07),inset 0 1px 0 rgba(255,255,255,1)!important;
}
html[data-theme="light"] .pbp-login-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:46%;height:74%;top:-34%;right:-8%;border-radius:50%;
  background:rgba(255,123,16,.14);filter:blur(44px);opacity:.72;
}
html[data-theme="light"] .pbp-login-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:32%;height:56%;top:-30%;left:-7%;border-radius:50%;
  background:rgba(191,157,255,.11);filter:blur(46px);opacity:.58;
}
html[data-theme="light"] .pbp-login-card h1{color:#202a39}
html[data-theme="light"] .pbp-login-card>small{color:#e86f10;font-weight:850;letter-spacing:1.25px}
html[data-theme="light"] .pbp-login-card p{color:#6f7886}
html[data-theme="light"] .pbp-login-card .pbp-orb{
  color:#fff;
  border:1px solid rgba(255,151,62,.20);
  box-shadow:0 14px 34px rgba(255,105,0,.20),inset 0 1px 0 rgba(255,255,255,.32);
}

html[data-theme="light"] .commerce-page{
  background:
    radial-gradient(circle at 91% 5%,rgba(255,126,29,.15),transparent 25%),
    radial-gradient(circle at 7% 25%,rgba(188,151,255,.085),transparent 23%),
    radial-gradient(circle at 64% 78%,rgba(255,164,83,.055),transparent 25%),
    linear-gradient(180deg,#f8f8f7 0%,#f5f6f7 48%,#f8f8f7 100%);
}
html[data-theme="light"] .commerce-page .commerce-hero,
html[data-theme="light"] .commerce-page .commerce-section{
  border-color:rgba(232,116,22,.22)!important;
  background:
    radial-gradient(ellipse 72% 110% at 100% 0%,rgba(255,126,24,.155) 0%,rgba(255,146,60,.075) 37%,transparent 68%),
    radial-gradient(ellipse 56% 90% at 0% 0%,rgba(188,151,255,.085) 0%,rgba(210,182,255,.04) 42%,transparent 72%),
    radial-gradient(ellipse 54% 70% at 8% 100%,rgba(255,181,114,.065),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.995) 0%,rgba(255,252,249,.985) 54%,rgba(255,248,242,.965) 100%)!important;
  box-shadow:0 20px 50px rgba(46,54,67,.085),0 0 0 1px rgba(255,255,255,.92) inset,0 0 38px rgba(255,126,29,.07)!important;
}
html[data-theme="light"] .commerce-page .commerce-card{
  color:#273142;
  border-color:rgba(218,111,27,.15)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,136,43,.085),transparent 42%),
    radial-gradient(circle at 0% 100%,rgba(188,151,255,.045),transparent 42%),
    linear-gradient(145deg,#ffffff,#f8f9fb)!important;
  box-shadow:0 12px 30px rgba(44,54,68,.055),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
html[data-theme="light"] .commerce-page .commerce-card:hover{
  transform:translateY(-3px);
  border-color:rgba(226,111,19,.28)!important;
  box-shadow:0 18px 39px rgba(47,55,68,.085),0 0 28px rgba(255,126,29,.065),inset 0 1px 0 rgba(255,255,255,1)!important;
}
html[data-theme="light"] .commerce-page .commerce-card:before{
  background:radial-gradient(circle,rgba(255,126,22,.14),transparent 66%);
  filter:blur(7px);
}
html[data-theme="light"] .commerce-page .commerce-token-value,
html[data-theme="light"] .commerce-page .commerce-features>span{
  border-color:rgba(220,111,25,.11)!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(255,140,47,.06),transparent 46%),
    linear-gradient(145deg,#fffdfa,#f7f9fb)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .commerce-page .commerce-icon{
  border-color:rgba(228,111,17,.10);
  background:linear-gradient(145deg,rgba(255,151,62,.15),rgba(255,113,12,.065));
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 20px rgba(255,126,29,.06);
}
html[data-theme="light"] .commerce-page .commerce-side{
  border-color:rgba(218,111,27,.15);
  background:
    radial-gradient(circle at 100% 0%,rgba(255,136,43,.09),transparent 44%),
    linear-gradient(145deg,#ffffff,#fff9f3);
  box-shadow:0 12px 30px rgba(44,54,68,.055),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .commerce-page .commerce-alert{
  border-color:rgba(218,111,27,.15);
  background:linear-gradient(145deg,#fffdfa,#fff8f1);
  box-shadow:0 12px 30px rgba(44,54,68,.045),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .commerce-page .commerce-footnote{
  border-color:rgba(38,177,120,.16);
  background:linear-gradient(145deg,rgba(49,203,142,.07),rgba(255,255,255,.86));
  box-shadow:0 12px 30px rgba(44,54,68,.045),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .commerce-page .plan-card.current{
  border-color:rgba(38,177,120,.26)!important;
  box-shadow:0 16px 38px rgba(47,55,68,.07),0 0 28px rgba(49,203,142,.075),inset 0 1px 0 rgba(255,255,255,1)!important;
}

@media(max-width:650px){
  .commerce-page .commerce-section{padding:14px 11px;border-radius:23px}
  .commerce-page .commerce-card{padding:14px;border-radius:20px}
  .commerce-page .commerce-card>p{min-height:0;display:block;font-size:12px}
  .commerce-page .commerce-features{grid-template-columns:1fr 1fr}
  .commerce-page .commerce-price{padding-top:7px}
  .pbp-login-card{margin:36px auto;padding:38px 18px;border-radius:25px}
  .pbp-login-card h1{font-size:27px}
}
@media(max-width:390px){
  .commerce-page .commerce-features{grid-template-columns:1fr}
  .commerce-page .commerce-card>p{display:none}
}

/* =========================================================
   v2.8.3.12.54 — Commerce mobile typography + Magic value UI
   - smaller mobile hero headline
   - orange Magic / AI emphasis
   - magical animated SVG and circular numeric value treatment
   - richer package/plan information tiles
   ========================================================= */
.commerce-page .commerce-hero h1 .commerce-hero-brand{
  display:inline-block;
  color:#ff851a;
  font-weight:950;
  text-shadow:0 0 24px rgba(255,122,0,.16);
}
.commerce-page .commerce-hero h1 .commerce-hero-ai{color:#ff9b35}

.commerce-page .commerce-token-value{
  position:relative;
  grid-template-columns:48px minmax(68px,auto) 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  gap:4px 10px;
  min-height:92px;
  padding:12px 13px;
}
.commerce-page .commerce-magic-symbol{
  grid-row:1/3;
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:15px;
  color:#ff8b22;
  border:1px solid rgba(255,145,48,.22);
  background:radial-gradient(circle at 35% 24%,rgba(255,195,121,.20),transparent 38%),rgba(255,128,22,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(255,110,0,.07);
}
.commerce-page .commerce-magic-symbol svg,
.commerce-page .commerce-feature-icon svg{width:29px;height:29px;overflow:visible}
.commerce-page .magic-wand,
.commerce-page .magic-wand-tip,
.commerce-page .magic-spark{
  fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round
}
.commerce-page .magic-wand{stroke-width:4}
.commerce-page .magic-wand-tip{stroke-width:3}
.commerce-page .magic-spark{stroke-width:2.6;transform-box:fill-box;transform-origin:center}
.commerce-page .commerce-magic-symbol svg,
.commerce-page .commerce-feature-icon.magic svg{animation:commerceMagicFloat 3.2s ease-in-out infinite}
.commerce-page .magic-spark-a{animation:commerceSpark 1.8s ease-in-out infinite}
.commerce-page .magic-spark-b{animation:commerceSpark 1.8s .42s ease-in-out infinite}
.commerce-page .magic-spark-c{animation:commerceSpark 1.8s .82s ease-in-out infinite}

.commerce-page .commerce-token-value .commerce-magic-number{
  width:66px;height:66px;
  display:grid;place-items:center;
  margin:-5px 0;
  border-radius:50%;
  font-size:27px;
  line-height:1;
  letter-spacing:-.03em;
  color:#ff8a1d;
  border:1px solid rgba(255,143,43,.24);
  background:radial-gradient(circle at 36% 28%,rgba(255,191,113,.17),transparent 37%),linear-gradient(145deg,rgba(255,142,42,.12),rgba(255,112,0,.035));
  box-shadow:0 9px 24px rgba(255,107,0,.08),inset 0 1px 0 rgba(255,255,255,.08);
}
.commerce-page .commerce-token-value .commerce-magic-word{
  align-self:center;
  padding:0;
  color:#ff861c;
  font-size:15px;
  font-weight:950;
  line-height:1.1;
}
.commerce-page .commerce-token-value>em{
  grid-column:2/4;
  margin-top:-5px;
  color:#65d8ae;
  font-size:11.5px;
  font-weight:750;
}

.commerce-page .commerce-features{
  gap:8px;
}
.commerce-page .commerce-features>.commerce-feature{
  position:relative;
  min-height:88px;
  padding:10px;
  display:grid;
  grid-template-columns:38px 54px 1fr;
  align-items:center;
  gap:8px;
  overflow:hidden;
}
.commerce-page .commerce-features>.commerce-feature:after{
  content:"";
  position:absolute;
  width:82px;height:82px;
  right:-44px;top:-45px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,126,24,.10),transparent 68%);
  pointer-events:none;
}
.commerce-page .commerce-feature-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:13px;
  color:#ff8b22;
  border:1px solid rgba(255,145,48,.18);
  background:rgba(255,126,20,.06);
}
.commerce-page .commerce-feature-icon.clock{color:#b6a5ff}
.commerce-page .commerce-feature-icon.clock svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.commerce-page .commerce-feature-number{
  width:52px;height:52px;
  display:grid;place-items:center;
  border-radius:50%;
  font-size:18px!important;
  line-height:1;
  color:#ff8b22;
  border:1px solid rgba(255,143,43,.22);
  background:radial-gradient(circle at 35% 26%,rgba(255,188,107,.16),transparent 38%),rgba(255,126,20,.065);
  box-shadow:0 7px 18px rgba(255,105,0,.055),inset 0 1px 0 rgba(255,255,255,.06);
}
.commerce-page .commerce-feature-duration .commerce-feature-number{
  color:#a996ff;
  border-color:rgba(166,145,255,.22);
  background:radial-gradient(circle at 35% 26%,rgba(205,194,255,.17),transparent 38%),rgba(158,130,255,.06);
  box-shadow:0 7px 18px rgba(126,91,255,.05),inset 0 1px 0 rgba(255,255,255,.06);
}
.commerce-page .commerce-feature-copy{display:grid;gap:2px;min-width:0}
.commerce-page .commerce-feature-copy strong{
  color:#ff8a1d;
  font-size:14px;
  font-weight:950;
  line-height:1.1;
}
.commerce-page .commerce-feature-duration .commerce-feature-copy strong{color:#b9a9ff}
.commerce-page .commerce-feature-copy small{font-size:11.5px;color:#817d75}

@keyframes commerceMagicFloat{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-2px) rotate(3deg)}
}
@keyframes commerceSpark{
  0%,100%{opacity:.35;transform:scale(.72) rotate(0deg)}
  45%{opacity:1;transform:scale(1.13) rotate(18deg)}
}

html[data-theme="light"] .commerce-page .commerce-token-value .commerce-magic-number,
html[data-theme="light"] .commerce-page .commerce-feature-number{
  border-color:rgba(226,111,19,.18);
  background:radial-gradient(circle at 35% 25%,#fff1df 0%,#fffaf4 42%,#ffffff 74%);
  box-shadow:0 9px 22px rgba(229,112,18,.08),inset 0 1px 0 #fff;
}
html[data-theme="light"] .commerce-page .commerce-magic-symbol,
html[data-theme="light"] .commerce-page .commerce-feature-icon{
  border-color:rgba(226,111,19,.16);
  background:linear-gradient(145deg,#fff5ea,#fffdfb);
  box-shadow:0 8px 20px rgba(229,112,18,.07),inset 0 1px 0 #fff;
}
html[data-theme="light"] .commerce-page .commerce-feature-duration .commerce-feature-number{
  color:#8069dc;
  border-color:rgba(126,99,222,.17);
  background:radial-gradient(circle at 35% 25%,#f0edff 0%,#faf9ff 44%,#fff 75%);
  box-shadow:0 9px 22px rgba(112,85,211,.06),inset 0 1px 0 #fff;
}
html[data-theme="light"] .commerce-page .commerce-feature-duration .commerce-feature-copy strong,
html[data-theme="light"] .commerce-page .commerce-feature-icon.clock{color:#8069dc}
html[data-theme="light"] .commerce-page .commerce-feature-copy small{color:#778095}

@media(max-width:650px){
  .commerce-page .commerce-hero h1{
    margin-top:7px;
    font-size:clamp(23px,7.1vw,30px)!important;
    line-height:1.48;
    letter-spacing:-.02em;
  }
  .commerce-page .commerce-hero h1 .commerce-hero-brand{font-size:1.04em}
  .commerce-page .commerce-token-value{min-height:88px;grid-template-columns:42px 62px 1fr;padding:10px 11px}
  .commerce-page .commerce-magic-symbol{width:40px;height:40px;border-radius:13px}
  .commerce-page .commerce-magic-symbol svg{width:26px;height:26px}
  .commerce-page .commerce-token-value .commerce-magic-number{width:60px;height:60px;font-size:24px}
  .commerce-page .commerce-token-value .commerce-magic-word{font-size:14px}
  .commerce-page .commerce-features{grid-template-columns:1fr 1fr!important}
  .commerce-page .commerce-features>.commerce-feature{min-height:82px;grid-template-columns:34px 48px 1fr;gap:6px;padding:8px}
  .commerce-page .commerce-feature-icon{width:34px;height:34px;border-radius:11px}
  .commerce-page .commerce-feature-icon svg{width:25px;height:25px}
  .commerce-page .commerce-feature-number{width:48px;height:48px;font-size:16px!important}
  .commerce-page .commerce-feature-copy strong{font-size:13px}
}
@media(max-width:390px){
  .commerce-page .commerce-hero h1{font-size:22px!important;line-height:1.5}
  .commerce-page .commerce-features{grid-template-columns:1fr!important}
  .commerce-page .commerce-features>.commerce-feature{grid-template-columns:36px 52px 1fr}
}
@media(prefers-reduced-motion:reduce){
  .commerce-page .commerce-magic-symbol svg,
  .commerce-page .commerce-feature-icon.magic svg,
  .commerce-page .magic-spark{animation:none!important}
}

/* =========================================================
   v2.8.3.12.55 — Premium commerce cards + mobile bottom nav
   - implements the approved visual direction in real HTML/CSS
   - magic wand is integrated directly into the amount orb
   - readable gift/bonus strip
   - stable subscription feature layout on mobile
   - visible prices use تومان (billing values remain untouched)
   - mobile nav uses glass surface + SVG icons + active purchase state
   ========================================================= */
.commerce-page .commerce-pack-card,
.commerce-page .commerce-plan-card{
  overflow:visible;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,153,61,.18);
  background:
    radial-gradient(circle at 95% 2%,rgba(255,132,31,.10),transparent 31%),
    linear-gradient(160deg,rgba(24,25,22,.98),rgba(13,14,13,.98));
  box-shadow:0 20px 48px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.035);
}
.commerce-page .commerce-pack-card:before,
.commerce-page .commerce-plan-card:before{display:none}
.commerce-page .commerce-pack-card:hover,
.commerce-page .commerce-plan-card:hover{transform:translateY(-3px);border-color:rgba(255,155,61,.30)}

.commerce-page .commerce-pack-head,
.commerce-page .commerce-plan-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.commerce-page .commerce-pack-title,
.commerce-page .commerce-plan-head>div{min-width:0;flex:1}
.commerce-page .commerce-pack-title>small,
.commerce-page .commerce-plan-head small{
  display:block;
  margin-bottom:6px;
  color:#8d857b;
  font-size:11.5px;
  font-weight:850;
  letter-spacing:.04em;
  direction:ltr;
  text-align:right;
}
.commerce-page .commerce-pack-title h3,
.commerce-page .commerce-plan-head h3{
  margin:0 0 7px;
  font-size:23px;
  line-height:1.35;
}
.commerce-page .commerce-pack-title p,
.commerce-page .commerce-plan-head p{
  margin:0;
  min-height:38px;
  color:#948c82;
  font-size:12px;
  line-height:1.9;
}
.commerce-page .commerce-pack-head .commerce-badges{max-width:120px;justify-content:flex-start}
.commerce-page .commerce-pack-head .commerce-badges b,
.commerce-page .commerce-pack-head .commerce-badges em{font-size:11.5px;padding:5px 8px}

.commerce-page .commerce-pack-body{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 126px;
  align-items:center;
  gap:18px;
  margin-top:18px;
  padding:17px;
  direction:ltr;
  border:1px solid rgba(255,150,57,.14);
  border-radius:23px;
  background:
    radial-gradient(circle at 86% 15%,rgba(255,137,37,.12),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.commerce-page .commerce-pack-price{grid-column:1;direction:rtl;text-align:right;align-self:end}
.commerce-page .commerce-pack-price>small{display:block;color:#847d74;font-size:11.5px;margin-bottom:5px}
.commerce-page .commerce-pack-price .commerce-price{margin:0;display:flex;align-items:baseline;gap:7px}
.commerce-page .commerce-pack-price .commerce-price b{font-size:27px;line-height:1;color:#f1ece6}
.commerce-page .commerce-pack-price .commerce-price span{padding:0;color:#ff9a3c;font-size:12px;font-weight:900}

.commerce-page .commerce-magic-orb{
  grid-column:2;
  position:relative;
  width:126px;
  height:126px;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  direction:rtl;
  border-radius:50%;
  color:#ff8a1a;
  border:1px solid rgba(255,163,70,.35);
  background:
    radial-gradient(circle at 36% 26%,rgba(255,210,159,.19),transparent 34%),
    linear-gradient(145deg,rgba(255,144,39,.15),rgba(255,102,0,.035));
  box-shadow:
    0 0 0 7px rgba(255,134,25,.055),
    0 14px 34px rgba(255,103,0,.12),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.commerce-page .commerce-magic-orb:after{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,177,92,.18);
  border-radius:inherit;
  pointer-events:none;
}
.commerce-page .commerce-magic-orb strong{
  position:relative;
  z-index:2;
  margin-top:12px;
  color:#ff8212;
  font-size:38px;
  font-weight:950;
  line-height:.95;
  letter-spacing:-.035em;
}
.commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){
  position:relative;
  z-index:2;
  margin-top:6px;
  color:#f3eee7;
  font-size:13px;
  font-weight:900;
}
.commerce-page .commerce-orb-wand{
  position:absolute;
  z-index:3;
  top:11px;
  right:50%;
  width:39px;
  height:39px;
  margin-right:-19px;
  display:grid;
  place-items:center;
  color:#ff8a1a;
  transform:rotate(-8deg);
  filter:drop-shadow(0 6px 12px rgba(255,107,0,.14));
}
.commerce-page .commerce-orb-wand svg{width:36px;height:36px;overflow:visible;animation:commerceMagicFloat 3.2s ease-in-out infinite}

.commerce-page .commerce-bonus{
  position:relative;
  z-index:2;
  min-height:58px;
  margin-top:12px;
  padding:8px 11px 8px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,150,57,.16);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,145,42,.095),rgba(255,255,255,.018));
}
.commerce-page .commerce-bonus-gift{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(255,135,28,.09);
  border:1px solid rgba(255,153,57,.16);
  font-size:19px;
  filter:saturate(.85);
}
.commerce-page .commerce-bonus>div{
  min-width:0;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  direction:ltr;
  flex:1;
  white-space:nowrap;
}
.commerce-page .commerce-bonus strong,
.commerce-page .commerce-bonus b{font-size:16px;line-height:1.2}
.commerce-page .commerce-bonus strong{color:#f0ebe5}
.commerce-page .commerce-bonus i{color:#ff9a3c;font-size:15px;font-weight:950;font-style:normal}
.commerce-page .commerce-bonus b{color:#ff8a1a;font-weight:950;direction:rtl}

.commerce-page .commerce-pack-card>form{margin-top:auto;padding-top:14px}
.commerce-page .commerce-pack-card>form button,
.commerce-page .commerce-plan-footer form button{
  min-height:52px;
  border-radius:17px;
  font-size:13px;
  letter-spacing:-.01em;
  background:linear-gradient(135deg,#ff9f36 0%,#ff7d10 48%,#ff6200 100%);
  box-shadow:0 14px 28px rgba(255,97,0,.20),inset 0 1px 0 rgba(255,255,255,.22);
}

.commerce-page .commerce-plan-head{padding-inline-start:62px}
.commerce-page .commerce-plan-crown{
  position:absolute;
  inset:0 0 auto auto;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#ff9228;
  border:1px solid rgba(255,149,50,.17);
  background:rgba(255,135,28,.07);
}
.commerce-page .commerce-plan-crown svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.commerce-page .commerce-plan-card .commerce-features{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px;
  margin-top:18px;
}
.commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  min-width:0;
  min-height:112px;
  padding:13px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-rows:auto;
  align-items:center;
  gap:11px;
  border-radius:19px;
  overflow:hidden;
}
.commerce-page .commerce-plan-card .commerce-feature-icon{
  grid-column:1;
  grid-row:1;
  width:44px;
  height:44px;
  border-radius:14px;
}
.commerce-page .commerce-plan-card .commerce-feature-icon svg{width:29px;height:29px}
.commerce-page .commerce-plan-card .commerce-feature-copy{
  grid-column:2;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.commerce-page .commerce-plan-card .commerce-feature-copy small{font-size:11.5px;color:#8a8278}
.commerce-page .commerce-plan-card .commerce-feature-copy strong{
  font-size:16px;
  line-height:1.35;
  color:#ff8a1a;
  white-space:normal;
}
.commerce-page .commerce-plan-card .commerce-feature-duration .commerce-feature-copy strong{color:#aa94ff}
.commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px;line-height:1.7;color:#938b80;font-style:normal}
.commerce-page .commerce-plan-footer{margin-top:auto;padding-top:16px}
.commerce-page .commerce-plan-footer .commerce-price{margin:0 0 12px}
.commerce-page .commerce-plan-footer .commerce-price b{font-size:28px}
.commerce-page .commerce-plan-footer .commerce-price span{color:#ff9a3c;font-weight:900;font-size:12px}
.commerce-page .commerce-current{z-index:4}

/* Mobile commerce nav: compact glass dock with clear SVG icons. */
.commerce-page .commerce-bottom .v28-nav-icon{display:inline-grid;place-items:center;width:28px;height:28px;margin:0 auto 1px;border-radius:10px;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.commerce-page .commerce-bottom .v28-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.commerce-page .commerce-bottom .v28-nav-icon.sparkle svg path{fill:currentColor;stroke:none}
.commerce-page .commerce-bottom a{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:1px}
.commerce-page .commerce-bottom a.active .v28-nav-icon{color:#fff;background:linear-gradient(145deg,#ff9d3a,#ff6b00);box-shadow:0 8px 18px rgba(255,105,0,.24),inset 0 1px 0 rgba(255,255,255,.30);transform:translateY(-2px)}
.commerce-page .commerce-bottom a.active span{color:#ff8a1d;font-weight:900}

html[data-theme="light"] .commerce-page .commerce-pack-card,
html[data-theme="light"] .commerce-page .commerce-plan-card{
  border-color:rgba(226,116,28,.15);
  background:
    radial-gradient(circle at 96% 0%,rgba(255,146,52,.10),transparent 31%),
    linear-gradient(155deg,#ffffff 0%,#fffdfb 62%,#fff8f2 100%);
  box-shadow:0 17px 40px rgba(45,54,72,.07),0 6px 18px rgba(255,128,28,.04),inset 0 1px 0 #fff;
}
html[data-theme="light"] .commerce-page .commerce-pack-title h3,
html[data-theme="light"] .commerce-page .commerce-plan-head h3,
html[data-theme="light"] .commerce-page .commerce-pack-price .commerce-price b,
html[data-theme="light"] .commerce-page .commerce-bonus strong{color:#182139}
html[data-theme="light"] .commerce-page .commerce-pack-title p,
html[data-theme="light"] .commerce-page .commerce-plan-head p,
html[data-theme="light"] .commerce-page .commerce-plan-card .commerce-feature-copy em{color:#70798b}
html[data-theme="light"] .commerce-page .commerce-pack-body{
  border-color:rgba(226,116,28,.14);
  background:radial-gradient(circle at 86% 15%,rgba(255,141,43,.11),transparent 34%),linear-gradient(145deg,#fffaf5,#ffffff);
  box-shadow:0 9px 22px rgba(45,54,72,.035),inset 0 1px 0 #fff;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb{
  border-color:rgba(226,112,18,.24);
  background:radial-gradient(circle at 35% 25%,#ffefd9 0%,#fff8ef 43%,#fff 74%);
  box-shadow:0 0 0 7px rgba(255,129,26,.05),0 12px 28px rgba(229,112,18,.10),inset 0 1px 0 #fff;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){color:#182139}
html[data-theme="light"] .commerce-page .commerce-bonus{border-color:rgba(226,116,28,.14);background:linear-gradient(135deg,#fff7ee,#fffdfb)}
html[data-theme="light"] .commerce-page .commerce-bonus-gift{background:#fff5e9;border-color:rgba(226,116,28,.13)}
html[data-theme="light"] .commerce-page .commerce-plan-crown{background:#fff6eb;border-color:rgba(226,116,28,.14)}

@media(max-width:900px){
  .commerce-page .commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-page .commerce-pack-card,.commerce-page .commerce-plan-card{padding:18px}
}
@media(max-width:650px){
  .commerce-page{padding-bottom:112px}
  .commerce-page .commerce-grid{grid-template-columns:1fr!important;gap:12px}
  .commerce-page .commerce-pack-card,.commerce-page .commerce-plan-card{padding:16px;border-radius:24px}
  .commerce-page .commerce-pack-title h3,.commerce-page .commerce-plan-head h3{font-size:19px}
  .commerce-page .commerce-pack-title p,.commerce-page .commerce-plan-head p{display:block!important;min-height:0;font-size:12px}
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 118px;gap:12px;margin-top:14px;padding:13px;border-radius:20px}
  .commerce-page .commerce-magic-orb{width:112px;height:112px}
  .commerce-page .commerce-magic-orb strong{font-size:34px;margin-top:12px}
  .commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){font-size:12.5px}
  .commerce-page .commerce-orb-wand{top:8px;width:36px;height:36px;margin-right:-18px}
  .commerce-page .commerce-orb-wand svg{width:33px;height:33px}
  .commerce-page .commerce-pack-price .commerce-price{flex-wrap:wrap;gap:5px}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:24px}
  .commerce-page .commerce-pack-price .commerce-price span{font-size:12px}
  .commerce-page .commerce-bonus{min-height:56px;margin-top:10px;border-radius:17px}
  .commerce-page .commerce-bonus strong,.commerce-page .commerce-bonus b{font-size:15px}
  .commerce-page .commerce-bonus i{font-size:14px}
  .commerce-page .commerce-plan-head{padding-inline-start:52px}
  .commerce-page .commerce-plan-crown{width:43px;height:43px;border-radius:13px}
  .commerce-page .commerce-plan-card .commerce-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-top:14px}
  .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{min-height:100px;padding:10px;grid-template-columns:38px minmax(0,1fr);gap:8px;border-radius:17px}
  .commerce-page .commerce-plan-card .commerce-feature-icon{width:38px;height:38px;border-radius:12px}
  .commerce-page .commerce-plan-card .commerce-feature-icon svg{width:25px;height:25px}
  .commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:14px}
  .commerce-page .commerce-plan-card .commerce-feature-copy small,.commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px}
  .commerce-page .commerce-plan-footer .commerce-price b{font-size:25px}
  .commerce-page .commerce-pack-card>form button,.commerce-page .commerce-plan-footer form button{min-height:50px;font-size:12px}

  .commerce-page .commerce-bottom{
    right:8px;
    left:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    height:72px;
    padding:5px 6px;
    box-sizing:border-box;
    border-radius:24px;
    background:rgba(15,16,15,.88);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(22px) saturate(1.25);
    -webkit-backdrop-filter:blur(22px) saturate(1.25);
  }
  .commerce-page .commerce-bottom a{height:60px;border-radius:16px;font-size:0;color:#8f918f;transition:background .2s ease,color .2s ease,transform .2s ease}
  .commerce-page .commerce-bottom a span{display:block;max-width:100%;margin-top:1px;font-size:11.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .commerce-page .commerce-bottom .v28-nav-icon{width:31px;height:31px;border-radius:11px}
  .commerce-page .commerce-bottom .v28-nav-icon svg{width:20px;height:20px}
  .commerce-page .commerce-bottom a.active{background:linear-gradient(180deg,rgba(255,134,24,.085),rgba(255,134,24,.02));color:#ff8a1d}
  .commerce-page .commerce-bottom a.active .v28-nav-icon{width:34px;height:34px;border-radius:12px}
  html[data-theme="light"] .commerce-page .commerce-bottom{
    background:rgba(255,255,255,.92);
    border-color:rgba(25,35,52,.09);
    box-shadow:0 16px 38px rgba(42,52,72,.14),0 6px 18px rgba(255,128,28,.04),inset 0 1px 0 rgba(255,255,255,.98);
  }
  html[data-theme="light"] .commerce-page .commerce-bottom a{color:#7b8493}
  html[data-theme="light"] .commerce-page .commerce-bottom a.active{color:#e46f10;background:linear-gradient(180deg,rgba(255,137,30,.08),rgba(255,137,30,.015))}
}
@media(max-width:365px){
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 104px;padding:11px;gap:8px}
  .commerce-page .commerce-magic-orb{width:100px;height:100px}
  .commerce-page .commerce-magic-orb strong{font-size:30px}
  .commerce-page .commerce-orb-wand{top:6px}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:21px}
  .commerce-page .commerce-bonus>div{gap:5px}
  .commerce-page .commerce-bonus strong,.commerce-page .commerce-bonus b{font-size:13px}
  .commerce-page .commerce-plan-card .commerce-features{grid-template-columns:1fr!important}
  .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{min-height:82px}
  .commerce-page .commerce-bottom{right:6px;left:6px;padding-inline:3px}
  .commerce-page .commerce-bottom a span{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  .commerce-page .commerce-orb-wand svg{animation:none!important}
  .commerce-page .commerce-bottom *,
  .commerce-page .commerce-pack-card,
  .commerce-page .commerce-plan-card{transition:none!important}
}

/* =========================================================
   v2.8.3.12.56 — compact commerce card layout refinement
   - tighter pack/plan cards
   - compact aligned feature boxes
   - smaller orb with larger wand protruding outside
   - adaptive plan grid without giant empty columns
   ========================================================= */
.commerce-page .token-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  align-items:stretch;
}
.commerce-page .plan-grid{
  grid-template-columns:repeat(auto-fit,minmax(320px,380px))!important;
  justify-content:start;
  align-items:stretch;
}
.commerce-page .commerce-pack-card,
.commerce-page .commerce-plan-card{
  padding:18px 18px 16px;
  border-radius:26px;
}
.commerce-page .commerce-pack-title h3,
.commerce-page .commerce-plan-head h3{
  font-size:20px;
  line-height:1.45;
}
.commerce-page .commerce-pack-title p,
.commerce-page .commerce-plan-head p{
  min-height:0;
}
.commerce-page .commerce-pack-body{
  grid-template-columns:minmax(0,1fr) 110px;
  gap:12px;
  margin-top:14px;
  padding:14px;
  border-radius:20px;
}
.commerce-page .commerce-pack-price .commerce-price b{font-size:23px}
.commerce-page .commerce-magic-orb{
  width:104px;
  height:104px;
  box-shadow:
    0 0 0 6px rgba(255,134,25,.045),
    0 12px 26px rgba(255,103,0,.11),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.commerce-page .commerce-magic-orb:after{inset:6px}
.commerce-page .commerce-magic-orb strong{
  margin-top:10px;
  font-size:33px;
}
.commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){
  margin-top:4px;
  font-size:13px;
}
.commerce-page .commerce-orb-wand{
  top:-12px;
  left:50%;
  right:auto;
  width:48px;
  height:48px;
  margin:0;
  transform:translateX(-12%) rotate(-10deg);
}
.commerce-page .commerce-orb-wand svg{
  width:44px;
  height:44px;
}
.commerce-page .commerce-bonus{
  min-height:54px;
  margin-top:10px;
  padding:8px 10px 8px 13px;
  border-radius:17px;
}
.commerce-page .commerce-bonus-gift{
  flex-basis:38px;
  width:38px;
  height:38px;
  font-size:18px;
}
.commerce-page .commerce-bonus strong,
.commerce-page .commerce-bonus b{font-size:14px}
.commerce-page .commerce-bonus i{font-size:13px}
.commerce-page .commerce-pack-card>form,
.commerce-page .commerce-plan-footer{padding-top:12px}
.commerce-page .commerce-pack-card>form button,
.commerce-page .commerce-plan-footer form button{
  min-height:50px;
  border-radius:16px;
  font-size:12px;
  line-height:1.35;
  padding:10px 14px;
  white-space:normal;
}
.commerce-page .commerce-plan-head{
  align-items:flex-start;
  padding-inline-start:56px;
}
.commerce-page .commerce-plan-crown{
  width:44px;
  height:44px;
  border-radius:14px;
}
.commerce-page .commerce-plan-crown svg{width:24px;height:24px}
.commerce-page .commerce-plan-card .commerce-features{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px;
  margin-top:15px;
}
.commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  min-height:0;
  padding:11px 12px;
  grid-template-columns:minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.055);
}
.commerce-page .commerce-plan-card .commerce-feature-icon{
  grid-column:2;
  justify-self:end;
  width:42px;
  height:42px;
  border-radius:13px;
}
.commerce-page .commerce-plan-card .commerce-feature-icon svg{width:26px;height:26px}
.commerce-page .commerce-plan-card .commerce-feature-copy{
  grid-column:1;
  align-items:flex-start;
  text-align:right;
  gap:2px;
}
.commerce-page .commerce-plan-card .commerce-feature-copy small{font-size:11.5px}
.commerce-page .commerce-plan-card .commerce-feature-copy strong{
  font-size:14px;
  line-height:1.45;
  white-space:nowrap;
}
.commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px;line-height:1.6}
.commerce-page .commerce-plan-footer .commerce-price{margin:0 0 10px}
.commerce-page .commerce-plan-footer .commerce-price b{font-size:25px}
html[data-theme="light"] .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  background:linear-gradient(145deg,#fffaf5,#fffdfb);
  border-color:rgba(226,116,28,.12);
  box-shadow:0 8px 20px rgba(45,54,72,.03);
}
html[data-theme="light"] .commerce-page .commerce-magic-orb{
  box-shadow:0 0 0 6px rgba(255,129,26,.045),0 10px 22px rgba(229,112,18,.09),inset 0 1px 0 #fff;
}
@media(max-width:900px){
  .commerce-page .plan-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}
}
@media(max-width:650px){
  .commerce-page .commerce-pack-card,
  .commerce-page .commerce-plan-card{padding:15px 15px 14px}
  .commerce-page .commerce-pack-title h3,
  .commerce-page .commerce-plan-head h3{font-size:18px}
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 100px;gap:10px;padding:12px}
  .commerce-page .commerce-magic-orb{width:94px;height:94px}
  .commerce-page .commerce-magic-orb strong{font-size:29px;margin-top:9px}
  .commerce-page .commerce-orb-wand{top:-13px;width:46px;height:46px;transform:translateX(-10%) rotate(-10deg)}
  .commerce-page .commerce-orb-wand svg{width:42px;height:42px}
  .commerce-page .commerce-plan-head{padding-inline-start:52px}
  .commerce-page .commerce-plan-card .commerce-features{gap:8px}
  .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{padding:10px 10px;grid-template-columns:minmax(0,1fr) 38px;border-radius:15px}
  .commerce-page .commerce-plan-card .commerce-feature-icon{width:38px;height:38px;border-radius:12px}
  .commerce-page .commerce-plan-card .commerce-feature-icon svg{width:24px;height:24px}
  .commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:13px}
  .commerce-page .commerce-plan-card .commerce-feature-copy small,
  .commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px}
}
@media(max-width:390px){
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 92px}
  .commerce-page .commerce-magic-orb{width:88px;height:88px}
  .commerce-page .commerce-magic-orb strong{font-size:27px}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:13px}
  .commerce-page .plan-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v2.8.3.12.57 — commerce layout polishing step-by-step
   - single-line adaptive titles
   - pack price aligned beside orb with no lower dead space
   - larger bonus strip copy with full labels
   - purchase button directly under bonus card
   - prevent card section overlaps
   - larger CTA labels
   - centered/compact subscription price block and تومان alignment
   ========================================================= */
.commerce-page .commerce-pack-title h3,
.commerce-page .commerce-plan-head h3{
  font-size:clamp(16px,1.5vw,22px)!important;
  line-height:1.45!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.commerce-page .commerce-pack-card,
.commerce-page .commerce-plan-card{
  gap:0;
}
.commerce-page .commerce-pack-body{
  align-items:center!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  gap:12px!important;
}
.commerce-page .commerce-pack-price{
  align-self:center!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:104px;
}
.commerce-page .commerce-pack-price>small{
  margin-bottom:7px;
  font-size:12px;
  text-align:right;
}
.commerce-page .commerce-pack-price .commerce-price{
  justify-content:flex-start;
  align-items:center;
  gap:8px;
}
.commerce-page .commerce-pack-price .commerce-price b{
  font-size:24px!important;
}
.commerce-page .commerce-pack-price .commerce-price span{
  font-size:13px!important;
  line-height:1;
}
.commerce-page .commerce-magic-orb{
  width:98px!important;
  height:98px!important;
}
.commerce-page .commerce-magic-orb strong{
  font-size:31px!important;
}
.commerce-page .commerce-orb-wand{
  top:-14px!important;
  width:52px!important;
  height:52px!important;
  transform:translateX(-8%) rotate(-10deg)!important;
}
.commerce-page .commerce-orb-wand svg{
  width:48px!important;
  height:48px!important;
}
.commerce-page .commerce-bonus{
  min-height:64px!important;
  padding:10px 12px 10px 14px!important;
  margin-top:12px!important;
}
.commerce-page .commerce-bonus>div{
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap;
}
.commerce-page .commerce-bonus strong,
.commerce-page .commerce-bonus b{
  font-size:17px!important;
  line-height:1.25!important;
}
.commerce-page .commerce-bonus i{
  font-size:16px!important;
}
.commerce-page .commerce-pack-card>form{
  margin-top:12px!important;
  padding-top:0!important;
}
.commerce-page .commerce-pack-card>form button{
  font-size:13px!important;
  font-weight:950!important;
}
.commerce-page .commerce-plan-card .commerce-features{
  margin-bottom:0!important;
}
.commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  min-height:92px!important;
}
.commerce-page .commerce-plan-footer{
  margin-top:14px!important;
  padding-top:0!important;
}
.commerce-page .commerce-plan-footer .commerce-price{
  margin:0 0 14px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
}
.commerce-page .commerce-plan-footer .commerce-price b{
  font-size:26px!important;
  line-height:1!important;
}
.commerce-page .commerce-plan-footer .commerce-price span{
  padding:0!important;
  line-height:1!important;
  display:inline-flex;
  align-items:center;
  font-size:13px!important;
}
.commerce-page .commerce-plan-footer form button{
  font-size:13px!important;
  font-weight:950!important;
}
html[data-theme="light"] .commerce-page .commerce-pack-body,
html[data-theme="light"] .commerce-page .commerce-bonus,
html[data-theme="light"] .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  box-shadow:0 8px 18px rgba(45,54,72,.035), inset 0 1px 0 rgba(255,255,255,.9);
}
@media(max-width:650px){
  .commerce-page .commerce-pack-title h3,
  .commerce-page .commerce-plan-head h3{
    font-size:clamp(15px,4.7vw,20px)!important;
  }
  .commerce-page .commerce-pack-body{
    grid-template-columns:minmax(0,1fr) 94px!important;
    padding:12px!important;
  }
  .commerce-page .commerce-pack-price{min-height:94px}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:22px!important}
  .commerce-page .commerce-pack-price .commerce-price span{font-size:12px!important}
  .commerce-page .commerce-magic-orb{width:90px!important;height:90px!important}
  .commerce-page .commerce-magic-orb strong{font-size:28px!important}
  .commerce-page .commerce-orb-wand{top:-15px!important;width:48px!important;height:48px!important}
  .commerce-page .commerce-orb-wand svg{width:44px!important;height:44px!important}
  .commerce-page .commerce-bonus{min-height:60px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:15px!important}
  .commerce-page .commerce-bonus i{font-size:14px!important}
  .commerce-page .commerce-pack-card>form button,
  .commerce-page .commerce-plan-footer form button{font-size:13px!important}
  .commerce-page .commerce-plan-footer .commerce-price b{font-size:24px!important}
  .commerce-page .commerce-plan-footer .commerce-price span{font-size:12px!important}
}
@media(max-width:390px){
  .commerce-page .commerce-pack-body{
    grid-template-columns:minmax(0,1fr) 88px!important;
    gap:10px!important;
  }
  .commerce-page .commerce-pack-price{min-height:88px}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:20px!important}
  .commerce-page .commerce-magic-orb{width:84px!important;height:84px!important}
  .commerce-page .commerce-magic-orb strong{font-size:26px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:14px!important}
}


/* =========================================================
   v2.8.3.12.58 — commerce micro-polish round 2
   ========================================================= */
.commerce-page .commerce-section-head h2{font-size:28px}
.commerce-page .commerce-section-head p{font-size:13px;line-height:1.95;max-width:760px}
.commerce-page .commerce-pack-card,
.commerce-page .commerce-plan-card{
  padding-bottom:5px!important;
}
.commerce-page .commerce-pack-head{margin-bottom:8px!important}
.commerce-page .commerce-pack-title{max-width:100%}
.commerce-page .commerce-pack-title h3,
.commerce-page .commerce-plan-head h3{
  display:block;
  width:100%;
  font-size:18px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:-.01em;
}
.commerce-page .commerce-pack-title p,
.commerce-page .commerce-plan-head p{
  font-size:12px!important;
  line-height:1.9!important;
}
.commerce-page .commerce-pack-body{
  grid-template-columns:minmax(0,1fr) 90px!important;
  gap:10px!important;
  min-height:auto!important;
  padding:10px 12px!important;
  margin-top:8px!important;
  align-items:center!important;
}
.commerce-page .commerce-magic-orb{
  width:86px!important;
  height:86px!important;
}
.commerce-page .commerce-magic-orb strong{font-size:27px!important}
.commerce-page .commerce-magic-orb > span:not(.commerce-orb-wand){font-size:13px!important}
.commerce-page .commerce-orb-wand{
  top:-16px!important;
  left:50%!important;
  width:54px!important;
  height:54px!important;
  transform:translateX(-2%) rotate(-10deg)!important;
}
.commerce-page .commerce-orb-wand svg{width:50px!important;height:50px!important}
.commerce-page .commerce-pack-price{
  display:flex!important;
  flex-direction:column;
  justify-content:center!important;
  align-items:flex-start!important;
  min-height:86px!important;
  margin:0!important;
}
.commerce-page .commerce-pack-price > small{
  font-size:12px!important;
  margin-bottom:6px!important;
}
.commerce-page .commerce-pack-price .commerce-price{
  margin:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.commerce-page .commerce-pack-price .commerce-price b{font-size:22px!important}
.commerce-page .commerce-pack-price .commerce-price span{font-size:13px!important;padding:0!important;line-height:1!important}
.commerce-page .commerce-bonus{
  min-height:52px!important;
  height:auto!important;
  margin-top:10px!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:8px!important;
}
.commerce-page .commerce-bonus-gift{
  grid-column:2;
  width:40px!important;
  height:40px!important;
  font-size:19px!important;
  justify-self:end;
}
.commerce-page .commerce-bonus>div{
  grid-column:1;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  text-align:right!important;
  direction:rtl;
}
.commerce-page .commerce-bonus strong,
.commerce-page .commerce-bonus b{
  font-size:15px!important;
  line-height:1.2!important;
}
.commerce-page .commerce-bonus i{font-size:14px!important}
.commerce-page .commerce-pack-card>form{
  margin-top:8px!important;
  padding-top:0!important;
  margin-bottom:0!important;
}
.commerce-page .commerce-pack-card>form button{
  min-height:48px!important;
  font-size:14px!important;
  font-weight:950!important;
}
.commerce-page .commerce-pack-card>form button i,
.commerce-page .commerce-plan-footer form button i{font-size:13px}
.commerce-page .commerce-plan-head{margin-bottom:10px!important}
.commerce-page .commerce-plan-head small{font-size:11.5px!important}
.commerce-page .commerce-plan-head p{font-size:12px!important;line-height:1.95!important}
.commerce-page .commerce-plan-card .commerce-features{
  gap:8px!important;
  margin-top:10px!important;
}
.commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  min-height:84px!important;
  padding:10px!important;
}
.commerce-page .commerce-plan-card .commerce-feature-copy small,
.commerce-page .commerce-plan-card .commerce-feature-copy em{
  font-size:11.5px!important;
  line-height:1.7!important;
}
.commerce-page .commerce-plan-card .commerce-feature-copy strong{
  font-size:15px!important;
}
.commerce-page .commerce-plan-footer{
  margin-top:10px!important;
  padding-top:0!important;
  margin-bottom:0!important;
}
.commerce-page .commerce-plan-footer .commerce-price{
  margin:0 0 10px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
}
.commerce-page .commerce-plan-footer .commerce-price b{font-size:25px!important}
.commerce-page .commerce-plan-footer .commerce-price span{
  font-size:13px!important;
  padding:0!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
}
.commerce-page .commerce-plan-footer form{margin:0!important}
.commerce-page .commerce-plan-footer form button{
  min-height:48px!important;
  font-size:13.5px!important;
  font-weight:950!important;
}
@media(max-width:650px){
  .commerce-page .commerce-section-head h2{font-size:23px!important}
  .commerce-page .commerce-section-head p{font-size:12px!important}
  .commerce-page .commerce-pack-title h3,
  .commerce-page .commerce-plan-head h3{font-size:17px!important}
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 86px!important;padding:9px 10px!important}
  .commerce-page .commerce-magic-orb{width:82px!important;height:82px!important}
  .commerce-page .commerce-magic-orb strong{font-size:25px!important}
  .commerce-page .commerce-orb-wand{top:-16px!important;width:50px!important;height:50px!important}
  .commerce-page .commerce-orb-wand svg{width:46px!important;height:46px!important}
  .commerce-page .commerce-pack-price{min-height:82px!important}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:20px!important}
  .commerce-page .commerce-pack-price .commerce-price span{font-size:12px!important}
  .commerce-page .commerce-bonus{min-height:50px!important;padding:7px 9px!important;grid-template-columns:minmax(0,1fr) 38px!important}
  .commerce-page .commerce-bonus-gift{width:38px!important;height:38px!important;font-size:18px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:14px!important}
  .commerce-page .commerce-pack-card>form button{font-size:13px!important}
  .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{min-height:78px!important}
  .commerce-page .commerce-plan-card .commerce-feature-copy small,
  .commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px!important}
  .commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:14px!important}
  .commerce-page .commerce-plan-footer .commerce-price b{font-size:23px!important}
  .commerce-page .commerce-plan-footer form button{font-size:12.5px!important}
}
@media(max-width:390px){
  .commerce-page .commerce-pack-title h3,
  .commerce-page .commerce-plan-head h3{font-size:16px!important}
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 82px!important}
  .commerce-page .commerce-magic-orb{width:78px!important;height:78px!important}
  .commerce-page .commerce-magic-orb strong{font-size:24px!important}
  .commerce-page .commerce-pack-price{min-height:78px!important}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:18px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:13px!important}
}

/* v2.8.3.12.58b final tightening */
.commerce-page .commerce-pack-card,
.commerce-page .commerce-plan-card{display:flex!important;flex-direction:column!important;gap:0!important}
.commerce-page .commerce-plan-footer{display:flex;flex-direction:column;justify-content:flex-end}
.commerce-page .commerce-pack-card>form,
.commerce-page .commerce-plan-footer form{padding-bottom:0!important}
.commerce-page .commerce-pack-card>form button,
.commerce-page .commerce-plan-footer form button{margin-bottom:0!important}

/* =========================================================
   v2.8.3.12.60 — price exactly beside Magic orb
   ========================================================= */
.commerce-page .commerce-pack-body{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  height:auto!important;
  min-height:0!important;
  padding:12px 14px!important;
  margin-top:8px!important;
  direction:rtl!important;
}
.commerce-page .commerce-magic-orb{
  flex:0 0 90px!important;
  width:90px!important;
  height:90px!important;
  margin:0!important;
}
.commerce-page .commerce-magic-orb strong{
  margin-top:8px!important;
  font-size:28px!important;
}
.commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
}
.commerce-page .commerce-orb-wand{
  top:-16px!important;
  right:-8px!important;
  left:auto!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  transform:rotate(-10deg)!important;
}
.commerce-page .commerce-orb-wand svg{
  width:48px!important;
  height:48px!important;
}
.commerce-page .commerce-pack-price{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:right!important;
  direction:rtl!important;
}
.commerce-page .commerce-pack-price>small{
  margin:0 0 6px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.commerce-page .commerce-pack-price .commerce-price{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.commerce-page .commerce-pack-price .commerce-price b{
  font-size:24px!important;
  line-height:1!important;
}
.commerce-page .commerce-pack-price .commerce-price span{
  padding:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
}
@media(max-width:650px){
  .commerce-page .commerce-pack-body{gap:12px!important;padding:11px 12px!important}
  .commerce-page .commerce-magic-orb{flex-basis:84px!important;width:84px!important;height:84px!important}
  .commerce-page .commerce-magic-orb strong{font-size:26px!important}
  .commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){font-size:12.5px!important}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:21px!important}
  .commerce-page .commerce-pack-price .commerce-price span{font-size:12px!important}
}
@media(max-width:390px){
  .commerce-page .commerce-pack-body{gap:10px!important;padding:10px!important}
  .commerce-page .commerce-magic-orb{flex-basis:80px!important;width:80px!important;height:80px!important}
  .commerce-page .commerce-magic-orb strong{font-size:24px!important}
  .commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){font-size:13px!important}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:19px!important}
}

/* v2.8.3.12.60b — keep price immediately beside the orb, centered as one unit */
.commerce-page .commerce-pack-body{justify-content:center!important}
.commerce-page .commerce-pack-price{
  flex:0 1 auto!important;
  min-width:132px!important;
  width:auto!important;
}
@media(max-width:650px){.commerce-page .commerce-pack-price{min-width:120px!important}}
@media(max-width:390px){.commerce-page .commerce-pack-price{min-width:112px!important}}

/* v2.8.3.12.62 — commerce mobile alignment, gift row, subscription grid, hero balance orb */
.commerce-page .commerce-side-account-orb{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.commerce-page .commerce-side-balance-card{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:18px 16px!important;
  border:1px solid rgba(255,171,92,.22)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,164,62,.06))!important;
  box-shadow:0 12px 34px rgba(255,122,0,.10)!important;
}
.commerce-page .commerce-side-balance-card small{font-size:13px!important;color:#a49b90!important}
.commerce-page .commerce-side-balance-card a{margin:0!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important;width:100%!important;text-align:center!important;font-size:13px!important}
.commerce-page .commerce-magic-orb-side{
  width:116px!important;height:116px!important;flex:0 0 116px!important;
}
.commerce-page .commerce-magic-orb-side strong{font-size:36px!important;margin-top:10px!important}
.commerce-page .commerce-magic-orb-side>span:not(.commerce-orb-wand){font-size:15px!important;font-weight:950!important}
.commerce-page .commerce-magic-orb-side .commerce-orb-wand{top:-16px!important;right:-9px!important;width:58px!important;height:58px!important}

.commerce-page .commerce-pack-card,
.commerce-page .commerce-plan-card{overflow:hidden!important}
.commerce-page .commerce-pack-title h3,
.commerce-page .commerce-plan-head h3{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.35!important;
  max-width:100%!important;
}
.commerce-page .commerce-pack-card form,
.commerce-page .commerce-plan-card form{margin-top:8px!important}
.commerce-page .commerce-pack-card form button{font-size:13px!important;font-weight:950!important}
.commerce-page .commerce-pack-card form button i,
.commerce-page .commerce-plan-card form button i{font-size:inherit!important}

.commerce-page .commerce-pack-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 98px!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:12px!important;
  direction:rtl!important;
}
.commerce-page .commerce-magic-orb{
  justify-self:end!important;
  align-self:center!important;
}
.commerce-page .commerce-pack-price{
  min-width:0!important;
  width:100%!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:right!important;
}
.commerce-page .commerce-pack-price>small{font-size:12px!important;margin:0 0 8px!important}
.commerce-page .commerce-pack-price .commerce-price{min-height:0!important}
.commerce-page .commerce-pack-price .commerce-price b{font-size:22px!important}
.commerce-page .commerce-pack-price .commerce-price span{font-size:13px!important}

.commerce-page .commerce-bonus{
  min-height:0!important;
  padding:10px 12px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
}
.commerce-page .commerce-bonus-gift{
  grid-column:1!important;
  grid-row:1!important;
  width:42px!important;height:42px!important;
  margin:0!important;
}
.commerce-page .commerce-bonus>div{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:right!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.commerce-page .commerce-bonus strong,
.commerce-page .commerce-bonus b{
  font-size:17px!important;
  line-height:1.25!important;
}
.commerce-page .commerce-bonus i{font-size:15px!important}

.commerce-page .plan-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:14px!important;
}
.commerce-page .commerce-plan-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  height:auto!important;
  min-height:0!important;
}
.commerce-page .commerce-plan-head{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:10px!important;align-items:start!important}
.commerce-page .commerce-plan-head h3{font-size:22px!important}
.commerce-page .commerce-plan-head p{font-size:12px!important;line-height:1.9!important;margin-top:4px!important}
.commerce-page .commerce-plan-card .commerce-features{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
.commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  min-height:104px!important;
  padding:11px 10px!important;
  border-radius:18px!important;
}
.commerce-page .commerce-plan-card .commerce-feature-copy small,
.commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:12px!important;line-height:1.8!important}
.commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:18px!important}
.commerce-page .commerce-plan-footer{
  margin-top:16px!important;
  padding-top:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.commerce-page .commerce-plan-footer .commerce-price{
  margin:0 auto!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
}
.commerce-page .commerce-plan-footer .commerce-price b{font-size:24px!important;line-height:1!important}
.commerce-page .commerce-plan-footer .commerce-price span{font-size:14px!important;line-height:1!important;padding:0!important}
.commerce-page .commerce-plan-footer form{margin:0!important}
.commerce-page .commerce-plan-footer form button{font-size:13px!important;font-weight:950!important}

@media(max-width:900px){
  .commerce-page .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .commerce-page .commerce-side-balance-card{padding:16px 14px!important;border-radius:22px!important}
  .commerce-page .commerce-magic-orb-side{width:100px!important;height:100px!important;flex-basis:100px!important}
  .commerce-page .commerce-magic-orb-side strong{font-size:31px!important}
  .commerce-page .commerce-magic-orb-side>span:not(.commerce-orb-wand){font-size:14px!important}
  .commerce-page .commerce-pack-title h3,
  .commerce-page .commerce-plan-head h3{font-size:clamp(17px,4.7vw,21px)!important}
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 90px!important;gap:10px!important;padding:10px 12px!important}
  .commerce-page .commerce-magic-orb{width:90px!important;height:90px!important;flex-basis:90px!important}
  .commerce-page .commerce-magic-orb strong{font-size:30px!important;margin-top:8px!important}
  .commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){font-size:14px!important}
  .commerce-page .commerce-orb-wand{top:-15px!important;right:-8px!important;width:54px!important;height:54px!important}
  .commerce-page .commerce-orb-wand svg{width:50px!important;height:50px!important}
  .commerce-page .commerce-pack-price .commerce-price b{font-size:20px!important}
  .commerce-page .commerce-pack-price .commerce-price span{font-size:13px!important}
  .commerce-page .commerce-bonus{padding:8px 10px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important}
  .commerce-page .commerce-bonus-gift{width:38px!important;height:38px!important;font-size:18px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:15px!important}
  .commerce-page .commerce-pack-card form{margin-top:6px!important}
  .commerce-page .commerce-pack-card form button{min-height:48px!important;font-size:13px!important}
  .commerce-page .plan-grid{grid-template-columns:1fr!important;gap:12px!important}
  .commerce-page .commerce-plan-head{grid-template-columns:minmax(0,1fr) 42px!important}
  .commerce-page .commerce-plan-head h3{font-size:18px!important}
  .commerce-page .commerce-plan-head p{font-size:12px!important}
  .commerce-page .commerce-plan-card .commerce-features{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{min-height:88px!important;padding:10px 8px!important}
  .commerce-page .commerce-plan-card .commerce-feature-copy small,
  .commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px!important}
  .commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:15px!important}
  .commerce-page .commerce-plan-footer{gap:8px!important}
  .commerce-page .commerce-plan-footer .commerce-price b{font-size:20px!important}
  .commerce-page .commerce-plan-footer .commerce-price span{font-size:13px!important}
  .commerce-page .commerce-plan-footer form button{min-height:48px!important;font-size:13px!important}
  .commerce-page .commerce-section#subscription-plans{overflow:hidden!important}
}
@media(max-width:390px){
  .commerce-page .commerce-pack-body{grid-template-columns:minmax(0,1fr) 84px!important}
  .commerce-page .commerce-magic-orb{width:84px!important;height:84px!important;flex-basis:84px!important}
  .commerce-page .commerce-magic-orb strong{font-size:27px!important}
  .commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){font-size:13px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:14px!important}
}

/* =========================================================
   v2.8.3.12.64 — commerce alignment & subscription rows
   ========================================================= */
.commerce-page .commerce-pack-body{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:10px 10px 10px 14px!important;
}
.commerce-page .commerce-pack-body .commerce-magic-orb{
  flex:0 0 88px!important;
  width:88px!important;
  height:88px!important;
  margin:0!important;
  align-self:center!important;
}
.commerce-page .commerce-pack-body .commerce-pack-price{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:88px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:right!important;
  margin:0!important;
  padding:0!important;
}
.commerce-page .commerce-pack-body .commerce-pack-price>small{
  margin:0 0 7px!important;
  font-size:12px!important;
}
.commerce-page .commerce-pack-body .commerce-price{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.commerce-page .commerce-pack-body .commerce-price b{font-size:22px!important;line-height:1!important}
.commerce-page .commerce-pack-body .commerce-price span{font-size:13px!important;line-height:1!important;padding:0!important}
.commerce-page .commerce-magic-orb>span:not(.commerce-orb-wand){font-size:14px!important;font-weight:950!important}
.commerce-page .commerce-orb-wand{top:-15px!important;right:-8px!important;width:54px!important;height:54px!important}
.commerce-page .commerce-orb-wand svg{width:50px!important;height:50px!important}

.commerce-page .commerce-bonus{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:0!important;
  padding:8px 10px!important;
}
.commerce-page .commerce-bonus-gift{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  margin:0!important;
  order:0!important;
}
.commerce-page .commerce-bonus>div{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  text-align:right!important;
  order:1!important;
}
.commerce-page .commerce-bonus strong,
.commerce-page .commerce-bonus b{font-size:16px!important;line-height:1.25!important}
.commerce-page .commerce-bonus i{font-size:14px!important}
.commerce-page .commerce-pack-card form button{font-size:13px!important;font-weight:950!important}

/* Three subscription rows: one plan card per row, no overflow into the next section. */
.commerce-page .plan-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-flow:row!important;
  gap:12px!important;
  align-items:start!important;
  overflow:visible!important;
}
.commerce-page .commerce-plan-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.1fr) minmax(260px,1fr) minmax(190px,.72fr)!important;
  grid-template-areas:"head features footer"!important;
  align-items:center!important;
  gap:16px!important;
  padding:16px 18px!important;
}
.commerce-page .commerce-plan-head{
  grid-area:head!important;
  margin:0!important;
  padding-inline-start:54px!important;
  min-width:0!important;
}
.commerce-page .commerce-plan-head h3{font-size:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.commerce-page .commerce-plan-head p{font-size:12px!important;line-height:1.85!important;min-height:0!important}
.commerce-page .commerce-plan-card .commerce-features{
  grid-area:features!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
}
.commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  min-width:0!important;
  min-height:82px!important;
  padding:9px!important;
  overflow:hidden!important;
}
.commerce-page .commerce-plan-card .commerce-feature-copy small,
.commerce-page .commerce-plan-card .commerce-feature-copy em{font-size:11.5px!important;line-height:1.65!important}
.commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:15px!important;white-space:nowrap!important}
.commerce-page .commerce-plan-footer{
  grid-area:footer!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  align-self:stretch!important;
  justify-content:center!important;
}
.commerce-page .commerce-plan-footer .commerce-price{margin:0!important;justify-content:center!important;align-items:center!important}
.commerce-page .commerce-plan-footer .commerce-price b{font-size:22px!important}
.commerce-page .commerce-plan-footer .commerce-price span{font-size:13px!important;padding:0!important;line-height:1!important}
.commerce-page .commerce-plan-footer form{margin:0!important}
.commerce-page .commerce-plan-footer form button{min-height:46px!important;font-size:13px!important;font-weight:950!important}
.commerce-page #subscription-plans{overflow:hidden!important}

/* Buy-page account balance: same circular Magic language as the plan/package cards. */
.commerce-page .commerce-side-account-orb{display:flex!important;align-items:center!important;justify-content:center!important}
.commerce-page .commerce-side-balance-card{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:9px!important;
  padding:14px!important;
  border:1px solid rgba(255,154,61,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,126,18,.05))!important;
}
.commerce-page .commerce-side-balance-card>small{font-size:12px!important}
.commerce-page .commerce-side-balance-card>a{width:100%!important;text-align:center!important;margin:0!important;padding-top:9px!important;font-size:12px!important}
.commerce-page .commerce-magic-orb-side{width:100px!important;height:100px!important;flex:0 0 100px!important}
.commerce-page .commerce-magic-orb-side strong{font-size:31px!important}
.commerce-page .commerce-magic-orb-side>span:not(.commerce-orb-wand){font-size:14px!important}

html[data-theme="light"] .commerce-page .commerce-side-balance-card{
  background:linear-gradient(145deg,#fffaf5,#fff)!important;
  border-color:rgba(226,116,28,.15)!important;
  box-shadow:0 10px 26px rgba(45,54,72,.04),0 6px 18px rgba(255,128,28,.04)!important;
}

@media(max-width:900px){
  .commerce-page .commerce-plan-card{
    grid-template-columns:1fr!important;
    grid-template-areas:"head" "features" "footer"!important;
    gap:11px!important;
  }
  .commerce-page .commerce-plan-head{padding-inline-start:52px!important}
}
@media(max-width:650px){
  .commerce-page .commerce-pack-body{
    gap:8px!important;
    padding:8px 8px 8px 10px!important;
  }
  .commerce-page .commerce-pack-body .commerce-magic-orb{flex-basis:84px!important;width:84px!important;height:84px!important}
  .commerce-page .commerce-pack-body .commerce-pack-price{min-height:84px!important}
  .commerce-page .commerce-pack-body .commerce-price b{font-size:20px!important}
  .commerce-page .commerce-pack-body .commerce-price span{font-size:12px!important}
  .commerce-page .commerce-bonus{padding:7px 9px!important;gap:8px!important}
  .commerce-page .commerce-bonus-gift{flex-basis:38px!important;width:38px!important;height:38px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:14.5px!important}
  .commerce-page .commerce-plan-card{padding:14px!important;border-radius:22px!important}
  .commerce-page .commerce-plan-card .commerce-features{grid-template-columns:1fr 1fr!important}
  .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{min-height:78px!important}
  .commerce-page .commerce-plan-head h3{font-size:18px!important}
  .commerce-page .commerce-plan-head p{font-size:12px!important}
  .commerce-page .commerce-plan-footer .commerce-price b{font-size:21px!important}
  .commerce-page .commerce-plan-footer form button{font-size:13px!important}
}
@media(max-width:390px){
  .commerce-page .commerce-pack-body .commerce-magic-orb{flex-basis:80px!important;width:80px!important;height:80px!important}
  .commerce-page .commerce-pack-body .commerce-pack-price{min-height:80px!important}
  .commerce-page .commerce-bonus strong,
  .commerce-page .commerce-bonus b{font-size:13.5px!important}
  .commerce-page .commerce-plan-card .commerce-feature-copy strong{font-size:14px!important}
}

/* v2.8.3.12.65 — subscription rows inset + mobile-safe spacing */
.commerce-page #subscription-plans .plan-grid{
  width:calc(100% - 36px)!important;
  max-width:calc(100% - 36px)!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}
.commerce-page #subscription-plans .commerce-plan-card{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  .commerce-page #subscription-plans .plan-grid{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }
}
@media(max-width:650px){
  .commerce-page #subscription-plans .plan-grid{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    gap:10px!important;
  }
  .commerce-page #subscription-plans .commerce-plan-card{
    padding-inline:12px!important;
  }
}
@media(max-width:390px){
  .commerce-page #subscription-plans .plan-grid{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
  }
}

/* =========================================================
   v2.8.3.12.66 — unified larger public brand header
   ========================================================= */
.v28-top{
  min-height:82px!important;
  height:82px!important;
  padding-inline:20px!important;
}
.v28-brand{
  gap:12px!important;
  min-width:0;
}
.v28-brand .studio-brand-mark{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
}
.v28-brand-copy{display:block;min-width:0}
.v28-brand-copy b{
  display:grid;
  gap:2px;
  line-height:1.15;
  text-align:right;
  white-space:nowrap;
}
.v28-brand-name{
  display:block;
  color:#f5f1eb;
  font-size:19px;
  font-weight:950;
  letter-spacing:-.35px;
  direction:ltr;
}
.v28-brand-name i{font-style:normal;color:#ff7a00}
.v28-brand-copy small{
  color:#9d978f;
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}
html[data-theme="light"] .v28-brand-name{color:#202838}
html[data-theme="light"] .v28-brand-name i{color:#df6810}
html[data-theme="light"] .v28-brand-copy small{color:#6f7784}
@media(max-width:760px){
  .v28-top{min-height:72px!important;height:72px!important;padding-inline:10px!important}
  .v28-brand{gap:8px!important}
  .v28-brand .studio-brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
  .v28-brand-name{font-size:16px!important}
  .v28-brand-copy small{font-size:12px!important}
}
@media(max-width:390px){
  .v28-brand .studio-brand-mark{width:39px!important;height:39px!important;flex-basis:39px!important}
  .v28-brand-name{font-size:14.5px!important}
  .v28-brand-copy small{font-size:12px!important;max-width:150px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:420px){
  .v28-top{padding-inline:7px!important}
  .v28-brand{gap:6px!important}
  .v28-brand .studio-brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  .v28-brand-copy{max-width:112px;overflow:hidden}
  .v28-brand-name{font-size:13.5px!important}
  .v28-brand-copy small{font-size:11.5px!important;max-width:110px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* =========================================================
   v2.8.3.12.68 — animated orange halo around Magic Studio logo
   ========================================================= */
.v28-brand .studio-brand-mark,
.studio-brand-mark{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
}
.v28-brand .studio-brand-mark::before,
.studio-brand-mark::before{
  content:"";
  position:absolute;
  inset:-16%;
  border-radius:50%;
  background:conic-gradient(from 0deg,
    rgba(255,154,60,0) 0deg 22deg,
    rgba(255,184,92,.95) 22deg 42deg,
    rgba(255,122,0,.24) 42deg 96deg,
    rgba(255,154,60,0) 96deg 152deg,
    rgba(255,163,71,.88) 152deg 174deg,
    rgba(255,122,0,.26) 174deg 210deg,
    rgba(255,154,60,0) 210deg 286deg,
    rgba(255,178,76,.9) 286deg 304deg,
    rgba(255,122,0,.3) 304deg 338deg,
    rgba(255,154,60,0) 338deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  box-shadow:0 0 18px rgba(255,132,27,.26),0 0 34px rgba(255,132,27,.18);
  opacity:.95;
  z-index:-1;
  animation:magicLogoHaloSpin 10s linear infinite;
}
.v28-brand .studio-brand-mark::after,
.studio-brand-mark::after{
  content:"";
  position:absolute;
  inset:-32%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,151,46,.18) 0,rgba(255,140,30,.10) 34%,rgba(255,140,30,0) 72%);
  filter:blur(8px);
  z-index:-2;
  pointer-events:none;
}
.v28-brand .studio-brand-mark .theme-brand-image,
.studio-brand-mark .theme-brand-image{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 5px 12px rgba(255,110,0,.22));
}
html[data-theme="light"] .v28-brand .studio-brand-mark::after,
html[data-theme="light"] .studio-brand-mark::after{
  background:radial-gradient(circle,rgba(255,150,35,.22) 0,rgba(255,150,35,.10) 34%,rgba(255,150,35,0) 72%);
}
@keyframes magicLogoHaloSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
  .v28-brand .studio-brand-mark::before,
  .studio-brand-mark::before{animation:none}
}


/* =========================================================
   v2.8.3.12.74 — payment follow-up returns to same product
   ========================================================= */
.commerce-followup-alert{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;border-color:rgba(255,135,32,.34)!important;background:linear-gradient(135deg,rgba(255,133,31,.12),rgba(255,107,0,.05))!important}.commerce-followup-alert b{font-size:13px;color:#ff8d2d}.commerce-followup-alert span{font-size:13px;color:var(--muted);line-height:1.8}.commerce-followup-target{position:relative;isolation:isolate;border-color:rgba(255,132,27,.62)!important;box-shadow:0 0 0 3px rgba(255,132,27,.10),0 20px 50px rgba(255,104,0,.14)!important;animation:commerceFollowupPulse 2.2s ease-in-out infinite}.commerce-followup-target:before{content:"خرید موردنظر";position:absolute;z-index:6;top:10px;right:10px;height:28px;padding:0 10px;display:flex;align-items:center;border-radius:999px;background:linear-gradient(145deg,#ff9d3e,#ff720d);color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(255,111,0,.22)}@keyframes commerceFollowupPulse{0%,100%{box-shadow:0 0 0 3px rgba(255,132,27,.08),0 20px 50px rgba(255,104,0,.10)}50%{box-shadow:0 0 0 6px rgba(255,132,27,.14),0 24px 58px rgba(255,104,0,.18)}}html[data-theme="light"] .commerce-followup-alert{background:linear-gradient(135deg,#fff8ef,#fff)!important}html[data-theme="light"] .commerce-followup-target{background:linear-gradient(145deg,#fffdf9,#fff8ef)!important}@media(prefers-reduced-motion:reduce){.commerce-followup-target{animation:none}}@media(max-width:650px){.commerce-followup-alert{align-items:flex-start;flex-direction:column}.commerce-followup-alert b{font-size:13px}.commerce-followup-alert span{font-size:13px}.commerce-followup-target:before{top:8px;right:8px}}

/* v2.8.3.12.76 — AI Chat + copyable Prompt result + prompt-to-image flow */
.studio-chat-card{margin:12px 0;padding:15px;border:1px solid rgba(255,139,45,.18);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(255,133,42,.09),transparent 38%),linear-gradient(145deg,#121310,#0d0e0c);box-shadow:0 18px 48px rgba(0,0,0,.20);overflow:hidden}.studio-chat-card.is-disabled{opacity:.7}.studio-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-chat-head>div:first-child{min-width:0}.studio-chat-head span{font-size:11.5px;letter-spacing:1.5px;font-weight:900;color:#ff9840}.studio-chat-head h2{margin:3px 0 2px;font-size:18px}.studio-chat-head p{margin:0;color:#8f8a83;font-size:12px;line-height:1.8}.studio-chat-price{flex:0 0 auto;min-width:74px;padding:8px 10px;border:1px solid rgba(255,139,45,.18);border-radius:13px;background:rgba(255,139,45,.06);display:grid;text-align:center}.studio-chat-price small{font-size:11.5px;color:#8f8a83}.studio-chat-price b{margin-top:2px;font-size:12px;color:#ff9c42}.studio-chat-thread{margin-top:12px;min-height:88px;max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(0,0,0,.14);scrollbar-width:thin}.studio-chat-bubble{max-width:min(82%,720px);display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:start}.studio-chat-bubble>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,139,45,.08);border:1px solid rgba(255,139,45,.15);color:#ff9c42;font-size:11.5px;font-weight:900}.studio-chat-bubble p{margin:0;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);white-space:pre-wrap;line-height:1.85;font-size:12px;color:#ddd7cf;unicode-bidi:plaintext}.studio-chat-bubble.user{align-self:flex-start;grid-template-columns:minmax(0,1fr) 28px}.studio-chat-bubble.user>span{grid-column:2;background:rgba(100,150,255,.08);border-color:rgba(100,150,255,.15);color:#a9c5ff}.studio-chat-bubble.user p{grid-column:1;grid-row:1;background:rgba(100,150,255,.055)}.studio-chat-bubble.pending p{color:#8c8780}.studio-chat-form{margin-top:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.studio-chat-form textarea{width:100%;min-height:48px;max-height:130px;resize:vertical;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090a09;color:#e5dfd8;padding:11px 12px;font:inherit;font-size:12px;outline:none}.studio-chat-form textarea:focus{border-color:rgba(255,139,45,.32);box-shadow:0 0 0 3px rgba(255,139,45,.05)}.studio-chat-form button{min-width:88px;border:1px solid rgba(255,139,45,.24);border-radius:14px;background:linear-gradient(145deg,rgba(255,148,55,.23),rgba(255,106,0,.10));color:#ffd9b7;font:inherit;font-size:12px;font-weight:900;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:7px}.studio-chat-form button:disabled{opacity:.5;cursor:not-allowed}.studio-chat-form button b{font-size:15px}.studio-chat-disabled-note{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(255,90,90,.05);color:#ffaaa3;font-size:11.5px}.studio-low-balance{margin:10px 0 14px;padding:11px 12px;border:1px solid rgba(255,180,45,.22);border-radius:16px;background:linear-gradient(145deg,rgba(255,161,45,.10),rgba(255,110,0,.045));display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-low-balance[hidden]{display:none!important}.studio-low-balance>div:first-child{display:flex;align-items:center;gap:9px}.studio-low-balance>div:first-child>span{font-size:18px}.studio-low-balance p{margin:0;display:grid}.studio-low-balance p b{font-size:12px;color:#ffd3a8}.studio-low-balance p small{margin-top:2px;font-size:11.5px;color:#9b8c7e}.studio-low-balance-actions{display:flex;gap:6px;flex:0 0 auto}.studio-low-balance-actions a{min-height:34px;padding:0 10px;display:flex;align-items:center;border-radius:10px;border:1px solid rgba(255,139,45,.20);background:rgba(255,139,45,.07);color:#ffb66f;text-decoration:none;font-size:11.5px;font-weight:900}.studio-low-balance.pulse{animation:studioLowPulse .75s ease}@keyframes studioLowPulse{0%{transform:scale(.985);opacity:.65}55%{transform:scale(1.01)}100%{transform:scale(1);opacity:1}}.studio-toast.warning{border-color:rgba(255,180,45,.24);background:rgba(31,24,11,.96);color:#ffd18d}.studio-output-box{padding:10px;background:#080908}.studio-output-box textarea{display:block;width:100%;min-height:280px;max-height:620px;resize:vertical;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0c0d0c;color:#ddd8d1;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.85;outline:none;white-space:pre-wrap}.studio-output-box textarea:focus{border-color:rgba(255,139,45,.28);box-shadow:0 0 0 3px rgba(255,139,45,.045)}.studio-next-actions{padding:12px;border-top:1px solid rgba(255,255,255,.055)}.studio-next-actions[hidden]{display:none!important}.studio-next-head span{font-size:11.5px;font-weight:900;letter-spacing:1.3px;color:#ff9740}.studio-next-head h3{margin:3px 0 2px;font-size:13px}.studio-next-head p{margin:0;color:#817d76;font-size:11.5px}.studio-next-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-next-card{min-height:76px;padding:10px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:right;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025);color:#ddd8d1;font:inherit;cursor:pointer}.studio-next-card.primary{border-color:rgba(255,139,45,.22);background:linear-gradient(145deg,rgba(255,139,45,.10),rgba(255,139,45,.035))}.studio-next-card>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,139,45,.075);font-style:normal;font-size:16px}.studio-next-card>span{min-width:0;display:grid}.studio-next-card b{font-size:12px}.studio-next-card small{margin-top:3px;color:#817d76;font-size:11.5px}.studio-next-card em{font-style:normal;color:#ff9c42;font-size:16px}.studio-upload-pro.needs-reference{border-color:rgba(255,139,45,.48)!important;box-shadow:0 0 0 3px rgba(255,139,45,.07),0 18px 40px rgba(255,100,0,.08)}
html[data-theme="light"] .studio-chat-card{background:radial-gradient(circle at 100% 0,rgba(255,122,0,.09),transparent 38%),linear-gradient(145deg,#fff,#fafbfc);border-color:rgba(255,122,0,.18);box-shadow:0 14px 38px rgba(35,45,66,.065)}html[data-theme="light"] .studio-chat-head h2{color:#263142}html[data-theme="light"] .studio-chat-thread{background:#f8fafc;border-color:rgba(25,35,52,.08)}html[data-theme="light"] .studio-chat-bubble p{background:#fff;color:#2d3747;border-color:rgba(25,35,52,.08)}html[data-theme="light"] .studio-chat-bubble.user p{background:#f1f6ff}html[data-theme="light"] .studio-chat-form textarea{background:#fff;color:#1d2736;border-color:rgba(25,35,52,.12)}html[data-theme="light"] .studio-low-balance{background:#fff9ef;border-color:rgba(255,150,30,.23)}html[data-theme="light"] .studio-low-balance p b{color:#9b530b}html[data-theme="light"] .studio-low-balance p small{color:#8c7761}html[data-theme="light"] .studio-output-box{background:#f8fafc}html[data-theme="light"] .studio-output-box textarea{background:#fff;color:#253041;border-color:rgba(25,35,52,.11)}html[data-theme="light"] .studio-next-card{background:#fff;color:#263142;border-color:rgba(25,35,52,.10)}html[data-theme="light"] .studio-next-card.primary{background:#fff7ee;border-color:rgba(255,122,0,.22)}html[data-theme="light"] .studio-toast.warning{background:#fff9ed;color:#9f610d}
@media(max-width:700px){.studio-chat-card{padding:12px;border-radius:19px}.studio-chat-head h2{font-size:16px}.studio-chat-head p{font-size:12px}.studio-chat-thread{max-height:300px}.studio-chat-bubble{max-width:92%}.studio-chat-form{grid-template-columns:1fr}.studio-chat-form button{min-height:46px}.studio-low-balance{align-items:stretch;flex-direction:column}.studio-low-balance-actions{display:grid;grid-template-columns:1fr 1fr}.studio-low-balance-actions a{justify-content:center}.studio-output-box textarea{min-height:330px;font-size:12px}.studio-next-grid{grid-template-columns:1fr}.studio-next-card{min-height:72px}.studio-output-actions #copyOutput{grid-column:1/-1;min-height:40px!important}}
@media(max-width:430px){.studio-usage-mini{grid-template-columns:repeat(2,1fr)}.studio-chat-head{display:grid;grid-template-columns:1fr auto}.studio-chat-price{grid-column:2;grid-row:1}.studio-chat-bubble{max-width:96%}.studio-low-balance-actions{grid-template-columns:1fr}.studio-next-card{grid-template-columns:34px minmax(0,1fr) auto}.studio-output-box{padding:7px}.studio-output-box textarea{min-height:360px;padding:12px}}

/* v2.8.3.12.77 — AI Studio navigation, readable chat typography and history actions */
.studio-global-header{gap:18px}.studio-top-nav{display:flex;align-items:center;justify-content:center;gap:5px;margin-inline:auto}.studio-top-nav a{min-height:38px;padding:0 11px;display:flex;align-items:center;border-radius:11px;color:#aaa49c;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:.18s ease}.studio-top-nav a:hover,.studio-top-nav a.active{color:#ffd6b0;background:rgba(255,139,45,.07);box-shadow:inset 0 0 0 1px rgba(255,139,45,.12)}.studio-header-login{min-height:38px;padding:0 12px;display:flex;align-items:center;border-radius:11px;border:1px solid rgba(255,139,45,.18);background:rgba(255,139,45,.06);color:#ffad65;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}
.studio-context-nav{position:sticky;top:72px;z-index:85;margin:10px 0 12px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(12,13,11,.88);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.13)}.studio-context-nav a{min-width:0;min-height:42px;padding:6px 8px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;color:#aaa49c;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap}.studio-context-nav a:hover{background:rgba(255,139,45,.07);color:#ffb36b}.studio-context-nav i{font-style:normal;font-size:14px}
/* Fix the chat send control: never let global button rules split or collapse it. */
.studio-chat-card{padding:18px}.studio-chat-head span{font-size:12px}.studio-chat-head h2{font-size:21px}.studio-chat-head p{font-size:13px;line-height:1.85}.studio-chat-price{min-width:86px;padding:10px 12px}.studio-chat-price small{font-size:12px}.studio-chat-price b{font-size:13px}.studio-chat-thread{min-height:120px;padding:12px;gap:10px}.studio-chat-bubble{grid-template-columns:34px minmax(0,1fr);gap:9px}.studio-chat-bubble>span{width:34px;height:34px;border-radius:11px;font-size:12px}.studio-chat-bubble p{padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.9}.studio-chat-bubble.user{grid-template-columns:minmax(0,1fr) 34px}.studio-chat-form{margin-top:11px;grid-template-columns:minmax(0,1fr) 116px;gap:9px;align-items:stretch}.studio-chat-form textarea{box-sizing:border-box;min-height:56px;padding:14px 15px;border-radius:15px;font-size:13px;line-height:1.8}.studio-chat-form button#studioChatSend{box-sizing:border-box!important;width:116px!important;min-width:116px!important;min-height:56px!important;height:auto!important;margin:0!important;padding:8px 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;overflow:hidden!important;white-space:nowrap!important;line-height:1!important;border-radius:15px!important;font-size:13px!important}.studio-chat-form button#studioChatSend span{display:inline!important;font-size:13px!important;line-height:1!important;color:#ffe4cb!important;letter-spacing:0!important}.studio-chat-form button#studioChatSend b{flex:0 0 28px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;font-size:18px!important;line-height:1!important;color:#ffb46f!important}.studio-chat-disabled-note{font-size:13px}.studio-low-balance p b{font-size:13px}.studio-low-balance p small{font-size:12px}.studio-low-balance-actions a{font-size:12px}
.studio-output-head small{font-size:12px}.studio-output-head b{font-size:13px}.studio-output-actions button,.studio-output-actions a{font-size:13px!important}.studio-output-box textarea{font-size:12.5px;line-height:1.9}.studio-next-head span{font-size:12px}.studio-next-head h3{font-size:15px}.studio-next-head p{font-size:12px}.studio-next-card b{font-size:13px}.studio-next-card small{font-size:12px}
.studio-history-actions{padding:8px 9px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid rgba(255,255,255,.05)}.studio-history-actions button,.studio-history-actions a{min-height:34px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#cfc8c0;text-decoration:none;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.studio-history-actions button:first-child,.studio-history-actions a:first-child{border-color:rgba(255,139,45,.18);color:#ffad62;background:rgba(255,139,45,.05)}.studio-history-text{font-size:12px;line-height:1.85}.studio-history-meta small{font-size:12px}.studio-history-meta b{font-size:11.5px}.studio-history-meta>span{font-size:12px}
html[data-theme="light"] .studio-top-nav a{color:#657081}html[data-theme="light"] .studio-top-nav a:hover,html[data-theme="light"] .studio-top-nav a.active{color:#a85610;background:#fff6ed;box-shadow:inset 0 0 0 1px rgba(255,122,0,.13)}html[data-theme="light"] .studio-context-nav{background:rgba(255,255,255,.9);border-color:rgba(25,35,52,.08);box-shadow:0 12px 34px rgba(35,45,66,.07)}html[data-theme="light"] .studio-context-nav a{color:#657081}html[data-theme="light"] .studio-context-nav a:hover{color:#a85610;background:#fff6ed}html[data-theme="light"] .studio-history-actions{border-color:rgba(25,35,52,.07)}html[data-theme="light"] .studio-history-actions button,html[data-theme="light"] .studio-history-actions a{background:#f8fafc;color:#4a5565;border-color:rgba(25,35,52,.09)}
@media(max-width:980px){.studio-top-nav{display:none}.studio-global-header{gap:8px}.studio-context-nav{top:72px}}
@media(max-width:700px){.studio-chat-card{padding:14px}.studio-chat-head h2{font-size:19px}.studio-chat-head p{font-size:13px}.studio-chat-thread{min-height:115px;max-height:360px}.studio-chat-bubble{max-width:94%}.studio-chat-bubble p{font-size:12.5px}.studio-chat-form{grid-template-columns:minmax(0,1fr) 96px}.studio-chat-form button#studioChatSend{width:96px!important;min-width:96px!important}.studio-context-nav{top:72px;margin:7px 0 9px;display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.studio-context-nav::-webkit-scrollbar{display:none}.studio-context-nav a{flex:0 0 auto;min-width:116px;font-size:12px}.studio-history-text{font-size:13px}.studio-history-actions button,.studio-history-actions a{font-size:12px}}
@media(max-width:480px){.studio-chat-head{grid-template-columns:minmax(0,1fr) auto}.studio-chat-head p{font-size:13px}.studio-chat-form{grid-template-columns:1fr}.studio-chat-form button#studioChatSend{width:100%!important;min-width:100%!important;min-height:50px!important}.studio-chat-form button#studioChatSend span{font-size:12.5px!important}.studio-context-nav a{min-width:108px}.studio-history-actions{grid-template-columns:1fr 1fr}}
/* v2.8.3.12.77 — slightly larger Studio copy throughout */
.studio-service-tab small{font-size:12px}.studio-service-tab b{font-size:14px}.studio-service-tab em{font-size:12px}.studio-service-tab>strong{font-size:13px}.studio-service-tab>strong i{font-size:11.5px}.studio-work-head span{font-size:12px}.studio-work-head p{font-size:13px}.studio-cost-badge small{font-size:12px}.studio-cost-badge b{font-size:13px}.studio-field>span{font-size:13px}.studio-field>small{font-size:12px}.studio-form textarea{font-size:13px}.studio-upload-copy b{font-size:12.5px}.studio-upload-copy small,.studio-upload-copy em{font-size:12px}.studio-limit-note span{font-size:12px}.studio-limit-note small{font-size:12px}.studio-guide-list b{font-size:13px}.studio-guide-list small{font-size:12px}.studio-provider-chip span,.studio-provider-chip b,.studio-side-buy span{font-size:12px}.studio-side-buy b{font-size:13px}
@media(max-width:700px){.studio-service-tab small{font-size:12px}.studio-service-tab b{font-size:13px}.studio-work-head p{font-size:13px}.studio-form textarea{font-size:12.5px}.studio-field>span{font-size:13px}}


/* =========================================================
   v2.8.3.12.79 — AI Studio warm light theme + orange actions
   ========================================================= */
html[data-theme="light"] body.v28-page.studio-page{
  background:
    radial-gradient(circle at 82% -8%,rgba(255,126,18,.18),transparent 30%),
    radial-gradient(circle at 8% 72%,rgba(255,175,79,.10),transparent 28%),
    #f5efe7!important;
}
html[data-theme="light"] .studio-pro-hero,
html[data-theme="light"] .studio-chat-card,
html[data-theme="light"] .studio-work-card,
html[data-theme="light"] .studio-side-card,
html[data-theme="light"] .studio-output-pro{
  background:linear-gradient(145deg,#fffaf3,#f8eee3)!important;
  border-color:rgba(218,112,15,.18)!important;
  box-shadow:0 16px 42px rgba(109,67,28,.09)!important;
}
html[data-theme="light"] .studio-service-tab{
  background:linear-gradient(145deg,#fff3e4,#ffe9d0)!important;
  border-color:rgba(238,120,16,.24)!important;
  color:#512a0b!important;
  box-shadow:0 10px 28px rgba(184,91,13,.08)!important;
}
html[data-theme="light"] .studio-service-tab:hover:not(:disabled){
  background:linear-gradient(145deg,#ffe9cd,#ffd9ae)!important;
  border-color:rgba(235,105,0,.42)!important;
  transform:translateY(-2px);
}
html[data-theme="light"] .studio-service-tab.active{
  background:linear-gradient(135deg,#ff9b38,#f36a00)!important;
  border-color:#ed7008!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(238,102,0,.24)!important;
}
html[data-theme="light"] .studio-service-tab.active small,
html[data-theme="light"] .studio-service-tab.active em,
html[data-theme="light"] .studio-service-tab.active>strong,
html[data-theme="light"] .studio-service-tab.active>strong i{color:#fff7ee!important;}
html[data-theme="light"] .studio-service-tab>strong{background:rgba(255,126,18,.12)!important;color:#a64f06!important;}
html[data-theme="light"] .service-icon{background:linear-gradient(145deg,#fff1dc,#ffd5aa)!important;border-color:rgba(238,112,10,.25)!important;color:#cf5d00!important;}
html[data-theme="light"] .studio-service-tab.active .service-icon{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important;}
html[data-theme="light"] .studio-chat-thread{background:#fff4e7!important;border-color:rgba(220,113,20,.14)!important;}
html[data-theme="light"] .studio-chat-bubble p{background:#fffaf5!important;border-color:rgba(204,112,31,.13)!important;}
html[data-theme="light"] .studio-chat-bubble.user p{background:#ffead3!important;}
html[data-theme="light"] .studio-chat-form textarea,
html[data-theme="light"] .studio-form textarea,
html[data-theme="light"] .studio-output-box textarea{background:#fffaf5!important;border-color:rgba(198,105,27,.18)!important;color:#3d2a1b!important;}
html[data-theme="light"] .studio-chat-form button#studioChatSend,
html[data-theme="light"] .studio-glass-btn,
html[data-theme="light"] .studio-next-card.primary,
html[data-theme="light"] .studio-history-actions button:first-child{
  background:linear-gradient(135deg,#ff9b38,#ef6500)!important;
  border-color:#e96a00!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(232,98,0,.22)!important;
}
html[data-theme="light"] .studio-chat-form button#studioChatSend span,
html[data-theme="light"] .studio-chat-form button#studioChatSend b,
html[data-theme="light"] .studio-next-card.primary b,
html[data-theme="light"] .studio-next-card.primary small,
html[data-theme="light"] .studio-next-card.primary em,
html[data-theme="light"] .studio-history-actions button:first-child{color:#fff!important;}
html[data-theme="light"] .studio-chat-form button#studioChatSend b{background:rgba(255,255,255,.20)!important;}
html[data-theme="light"] .studio-next-card:not(.primary),
html[data-theme="light"] .studio-history-actions button,
html[data-theme="light"] .studio-history-actions a,
html[data-theme="light"] .studio-context-nav a{
  background:#fff0df!important;
  border-color:rgba(218,112,15,.16)!important;
  color:#8d4308!important;
}
html[data-theme="light"] .studio-context-nav{background:rgba(255,247,238,.94)!important;border-color:rgba(218,112,15,.16)!important;}
html[data-theme="light"] .studio-context-nav a:hover,
html[data-theme="light"] .studio-top-nav a:hover,
html[data-theme="light"] .studio-top-nav a.active{background:#ffdfbd!important;color:#a64d05!important;}
html[data-theme="light"] .studio-upload-pro{background:linear-gradient(145deg,#fff2df,#ffe8cf)!important;border-color:rgba(234,116,13,.32)!important;}
html[data-theme="light"] .studio-limit-note,
html[data-theme="light"] .studio-provider-chip,
html[data-theme="light"] .studio-guide-list>div{background:#fff1df!important;border-color:rgba(218,112,15,.12)!important;}


/* v2.8.3.12.82 — AI Studio guest auth modal (standalone; no showcase.css dependency) */
.pbs-modal-open{overflow:hidden}.studio-auth-backdrop.pbs-auth-backdrop{position:fixed;inset:0;z-index:1600;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.74);backdrop-filter:blur(18px);overflow:auto}.studio-auth-backdrop.pbs-auth-backdrop.open{display:grid}.studio-auth-modal.pbs-auth-modal{position:relative;width:min(480px,100%);padding:26px;border:1px solid rgba(255,153,61,.18);border-radius:26px;background:linear-gradient(145deg,rgba(20,18,15,.98),rgba(10,10,9,.99));box-shadow:0 35px 100px rgba(0,0,0,.66),0 0 50px rgba(255,112,15,.09);color:#fff}.studio-auth-modal .pbs-auth-close{position:absolute;left:14px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#1a1916;color:#fff;font-size:20px;cursor:pointer}.studio-auth-modal .pbs-auth-head{display:flex;align-items:center;gap:12px;padding-left:36px}.studio-auth-modal .pbs-auth-head>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 30% 25%,#ffd17c,#ff7d15 50%,#7d2300);font-size:24px;box-shadow:0 12px 34px rgba(255,105,0,.24)}.studio-auth-modal .pbs-auth-head small{font-size:12px;color:#ff9d3d;font-weight:900;letter-spacing:.8px}.studio-auth-modal .pbs-auth-head h2{margin:2px 0;font-size:23px}.studio-auth-modal .pbs-auth-head p{margin:0;color:#9c958c;font-size:13px}.studio-auth-modal .pbs-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:18px;padding:5px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#0b0c0a}.studio-auth-modal .pbs-auth-tabs button{height:42px;border:0;border-radius:10px;background:none;color:#969088;cursor:pointer;font:inherit;font-size:13px;font-weight:850}.studio-auth-modal .pbs-auth-tabs button.active{background:linear-gradient(135deg,rgba(255,138,35,.18),rgba(255,95,0,.08));color:#ffad58}.studio-auth-modal .pbs-auth-form{display:none;gap:12px;margin-top:14px}.studio-auth-modal .pbs-auth-form.active{display:grid}.studio-auth-modal .pbs-auth-form label{display:grid;gap:5px}.studio-auth-modal .pbs-auth-form label span{font-size:13px;color:#aaa49b}.studio-auth-modal .pbs-auth-form input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0b0c0a;color:#fff;outline:0;font:inherit;font-size:14px}.studio-auth-modal .pbs-auth-form input:focus{border-color:rgba(255,137,40,.48);box-shadow:0 0 0 3px rgba(255,105,0,.08)}.studio-auth-modal .pbs-auth-form>button{height:49px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff972f,#ff710d 58%,#e95000);color:#fff;font:inherit;font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 12px 28px rgba(255,100,0,.23)}.studio-auth-modal .pbs-auth-form>button:disabled{opacity:.55}.studio-auth-modal .pbs-auth-message{min-height:24px;margin-top:8px;text-align:center;font-size:13px;color:#aaa49b}.studio-auth-modal .pbs-auth-message.ok{color:#72e1b9}.studio-auth-modal .pbs-auth-message.bad{color:#ff929b}.studio-auth-backdrop+.pbs-toast,.pbs-toast{position:fixed;z-index:1700;right:50%;bottom:24px;transform:translate(50%,15px);max-width:calc(100% - 30px);padding:10px 14px;border:1px solid rgba(71,219,168,.25);border-radius:11px;background:#121411;color:#72e1b9;font-size:13px;opacity:0;pointer-events:none;transition:.22s}.pbs-toast.show{opacity:1;transform:translate(50%,0)}.pbs-toast.bad{color:#ff929b;border-color:rgba(255,69,88,.25)}.studio-auth-modal .pbs-google-auth{display:grid;gap:12px;margin-top:18px}.studio-auth-modal .pbs-google-btn{position:relative;min-height:60px;padding:8px 13px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055);color:#fff;text-decoration:none}.studio-auth-modal .pbs-google-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff}.studio-auth-modal .pbs-google-g{width:23px;height:23px}.studio-auth-modal .pbs-google-copy{display:grid;gap:2px}.studio-auth-modal .pbs-google-copy b{font-size:13px}.studio-auth-modal .pbs-google-copy small{font-size:12px;color:#999}.studio-auth-modal .pbs-google-arrow{font-size:18px}.studio-auth-modal .pbs-auth-divider{display:flex;align-items:center;gap:10px;color:#77736d;font-size:12px;white-space:nowrap}.studio-auth-modal .pbs-auth-divider:before,.studio-auth-modal .pbs-auth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10))}.studio-auth-modal .pbs-auth-divider:after{background:linear-gradient(90deg,rgba(255,255,255,.10),transparent)}
html[data-theme="light"] .studio-auth-backdrop.pbs-auth-backdrop{background:rgba(38,45,56,.30)}html[data-theme="light"] .studio-auth-modal.pbs-auth-modal{background:linear-gradient(145deg,#fffdfa,#fff6ec);border-color:rgba(231,119,25,.20);color:#202938;box-shadow:0 28px 82px rgba(48,54,66,.17),0 0 40px rgba(255,125,24,.08)}html[data-theme="light"] .studio-auth-modal .pbs-auth-close{background:#fff7ef;color:#3c4654;border-color:rgba(35,45,62,.10)}html[data-theme="light"] .studio-auth-modal .pbs-auth-head p,html[data-theme="light"] .studio-auth-modal .pbs-auth-form label span{color:#6e7784}html[data-theme="light"] .studio-auth-modal .pbs-auth-tabs{background:#fff7ef;border-color:rgba(44,52,66,.10)}html[data-theme="light"] .studio-auth-modal .pbs-auth-tabs button{color:#7c8490}html[data-theme="light"] .studio-auth-modal .pbs-auth-tabs button.active{background:linear-gradient(135deg,#fff0df,#ffe2c2);color:#b65308}html[data-theme="light"] .studio-auth-modal .pbs-auth-form input{background:#fff;color:#26303d;border-color:rgba(44,52,66,.12)}html[data-theme="light"] .studio-auth-modal .pbs-google-btn{background:#fff;color:#222b38;border-color:rgba(37,48,64,.10)}
.studio-login-alert button{border:0;background:none;color:#ff9a3d;font:inherit;font-weight:900;cursor:pointer;padding:0}.studio-header-login[type="button"]{cursor:pointer}
@media(max-width:760px){.studio-auth-backdrop.pbs-auth-backdrop{padding:10px;align-items:end}.studio-auth-modal.pbs-auth-modal{padding:20px 15px 16px;border-radius:22px;max-height:calc(100dvh - 20px);overflow:auto}.studio-auth-modal .pbs-auth-head h2{font-size:20px}.studio-auth-modal .pbs-auth-head p{font-size:12px}.studio-auth-modal .pbs-auth-form input,.studio-auth-modal .pbs-auth-form>button{height:46px}}

/* =========================================================
   v2.8.3.12.83 — AI Studio final services, pro chat, history + ledger
   ========================================================= */
.studio-service-picker-final{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:2px}.studio-wizard-grid[hidden]{display:none!important}.studio-wizard-grid .studio-field{margin:0}.studio-field-wide{grid-column:1/-1}.studio-field input,.studio-field select{box-sizing:border-box;width:100%;min-height:48px;padding:0 13px;border:1px solid #292a27;border-radius:14px;background:#090a09;color:#f6f4ef;font:inherit;font-size:13px;outline:none}.studio-field select{cursor:pointer}.studio-field input:focus,.studio-field select:focus{border-color:rgba(255,137,38,.48);box-shadow:0 0 0 4px rgba(255,122,0,.055)}

.studio-chat-form-pro{position:relative;align-items:stretch}.studio-chat-input-shell{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:end;gap:6px;min-height:62px;padding:7px 9px 7px 8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,#090a09,#0e0f0d);box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.10);transition:.18s}.studio-chat-input-shell:focus-within{border-color:rgba(255,139,45,.40);box-shadow:0 0 0 4px rgba(255,122,0,.055),0 10px 30px rgba(0,0,0,.12)}.studio-chat-input-icon{width:28px;height:28px;display:grid;place-items:center;margin-bottom:5px;border-radius:9px;background:rgba(255,132,25,.09);color:#ff9a40;font-size:13px}.studio-chat-input-shell textarea{min-height:48px!important;max-height:150px!important;margin:0!important;padding:8px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;resize:none!important}.studio-chat-input-shell>small{padding:0 2px 6px;color:#665f58;font-size:11.5px;white-space:nowrap}.studio-chat-form-pro #studioChatSend{border:1px solid rgba(255,184,100,.38)!important;background:linear-gradient(135deg,#ff9730,#ee5f00)!important;color:#fff!important;box-shadow:0 13px 30px rgba(255,88,0,.18),inset 0 1px rgba(255,255,255,.20)!important}.studio-chat-form-pro #studioChatSend span{color:#fff!important;font-weight:900}.studio-chat-form-pro #studioChatSend b{color:#fff!important;background:rgba(255,255,255,.14)!important}
.studio-chat-message{position:relative;min-width:0}.studio-chat-message>p{padding-bottom:34px}.studio-chat-bubble.user .studio-chat-message>p{padding-bottom:11px}.studio-chat-copy{position:absolute;right:9px;bottom:7px;min-width:62px;height:26px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.035);color:#89837c;font:inherit;font-size:11.5px;font-weight:850;cursor:pointer;transition:.16s}.studio-chat-copy:hover,.studio-chat-copy.copied{border-color:rgba(255,139,45,.22);background:rgba(255,139,45,.07);color:#ffad62}.studio-chat-copy svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.studio-ledger{margin-top:26px;padding-bottom:8px}.studio-ledger-list{display:grid;gap:8px}.studio-ledger-row{min-height:66px;padding:10px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#121310,#0d0e0c)}.studio-ledger-sign{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;font-size:18px;font-weight:900}.studio-ledger-sign.credit{background:rgba(50,200,140,.09);border:1px solid rgba(50,200,140,.18);color:#57d7a4}.studio-ledger-sign.debit{background:rgba(255,123,35,.08);border:1px solid rgba(255,123,35,.17);color:#ff9b49}.studio-ledger-row>div{min-width:0;display:grid}.studio-ledger-row>div b{font-size:13px}.studio-ledger-row>div small{margin-top:3px;color:#746f68;font-size:12px;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-ledger-row>strong{font-size:13px;white-space:nowrap}.studio-ledger-row>strong.credit{color:#57d7a4}.studio-ledger-row>strong.debit{color:#ff9b49}.studio-ledger-row>strong i{font-style:normal;font-size:11.5px;color:#736e67}.studio-ledger-empty{padding:26px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:12px}.studio-pagination{margin:14px 0 0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.studio-pagination a{min-width:35px;height:35px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#11120f;color:#9c968f;text-decoration:none;font-size:12px;font-weight:900}.studio-pagination a.active{background:linear-gradient(135deg,#ff9730,#ee6200);border-color:#e96800;color:#fff;box-shadow:0 8px 20px rgba(255,91,0,.18)}

html[data-theme="light"] .studio-field input,html[data-theme="light"] .studio-field select{background:#fffaf5;border-color:rgba(198,105,27,.18);color:#3d2a1b}html[data-theme="light"] .studio-chat-input-shell{background:linear-gradient(145deg,#fffaf5,#fff1e1);border-color:rgba(198,105,27,.18);box-shadow:0 9px 25px rgba(130,76,28,.06)}html[data-theme="light"] .studio-chat-input-shell>small{color:#8d745f}html[data-theme="light"] .studio-chat-copy{background:#fff4e7;border-color:rgba(198,105,27,.14);color:#8d603c}html[data-theme="light"] .studio-chat-copy:hover,html[data-theme="light"] .studio-chat-copy.copied{background:#ffe5c7;color:#a94e05}html[data-theme="light"] .studio-ledger-row{background:linear-gradient(145deg,#fff,#fff8f0);border-color:rgba(218,112,15,.13);box-shadow:0 9px 26px rgba(112,69,27,.045)}html[data-theme="light"] .studio-ledger-row>div b{color:#3b2d21}html[data-theme="light"] .studio-ledger-row>div small{color:#897564}html[data-theme="light"] .studio-pagination a{background:#fff4e7;border-color:rgba(218,112,15,.14);color:#8d4308}

@media(max-width:820px){.studio-wizard-grid{grid-template-columns:1fr}.studio-field-wide{grid-column:auto}.studio-service-picker-final{grid-template-columns:1fr}.studio-service-picker-final .studio-service-tab{min-height:100px}.studio-ledger-row{grid-template-columns:36px minmax(0,1fr) auto}}
@media(max-width:520px){.studio-chat-input-shell{grid-template-columns:25px minmax(0,1fr);padding:6px 8px}.studio-chat-input-shell>small{display:none}.studio-chat-input-icon{width:25px;height:25px}.studio-chat-message>p{padding-bottom:36px}.studio-chat-copy{height:27px;right:8px}.studio-ledger-row{grid-template-columns:34px minmax(0,1fr);gap:9px}.studio-ledger-row>strong{grid-column:2;justify-self:start;font-size:13px}.studio-ledger-row>div small{white-space:normal}.studio-history-grid{grid-template-columns:1fr!important}}
/* v2.8.3.12.83 — wallet ledger balance-after */
.studio-ledger-row strong{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.studio-ledger-balance{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.studio-ledger-row strong i{font-style:normal}
/* v2.8.3.12.83 — progressive Studio wizard */
.studio-wizard-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:15px 0 4px;padding:9px 10px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent)}.studio-wizard-nav>span{text-align:center;color:var(--muted);font-size:12px;font-weight:800}.studio-wizard-nav>span b{color:var(--orange-2);font-size:13px}.studio-wizard-nav button{min-height:38px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.18s ease}.studio-wizard-nav button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-hot);color:var(--orange-2)}.studio-wizard-nav .studio-wizard-next{background:linear-gradient(135deg,rgba(255,138,37,.18),rgba(255,92,0,.08));border-color:var(--border-hot);color:var(--orange-2)}.studio-wizard-nav button:disabled{opacity:.35;cursor:not-allowed}.studio-wizard-form [data-wizard-step][hidden]{display:none!important}.studio-generate[hidden]{display:none!important}
html[data-theme="light"] .studio-wizard-nav{background:#fff8f1}
@media(max-width:620px){.studio-wizard-nav{grid-template-columns:1fr 1fr}.studio-wizard-nav>span{grid-column:1/-1;grid-row:1}.studio-wizard-nav button{width:100%}}

/* =========================================================
   v2.8.3.12.83 HF1 — AI Studio auth modal visual repair
   ========================================================= */
.studio-auth-backdrop.pbs-auth-backdrop{background:radial-gradient(circle at 72% 16%,rgba(255,115,20,.10),transparent 28%),rgba(0,0,0,.78);backdrop-filter:blur(22px) saturate(115%)}
.studio-auth-modal.pbs-auth-modal{box-sizing:border-box;width:min(530px,calc(100vw - 32px));padding:30px 30px 24px;border:1px solid rgba(255,147,53,.24);border-radius:28px;background:radial-gradient(circle at 88% 0,rgba(255,127,31,.10),transparent 31%),linear-gradient(155deg,rgba(23,21,18,.985),rgba(9,10,9,.995) 68%);box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.018) inset,0 0 70px rgba(255,105,0,.07);overflow:hidden}
.studio-auth-modal.pbs-auth-modal:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,191,128,.48),transparent);pointer-events:none}
.studio-auth-modal.pbs-auth-modal:after{content:"";position:absolute;width:190px;height:190px;right:-105px;top:-110px;border-radius:50%;background:rgba(255,111,16,.075);filter:blur(12px);pointer-events:none}
.studio-auth-modal .pbs-auth-close{z-index:2;display:grid;place-items:center;width:40px;height:40px;border-color:rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.045);color:#d9d3cc;line-height:1;transition:transform .18s,border-color .18s,background .18s,color .18s}
.studio-auth-modal .pbs-auth-close:hover{transform:rotate(5deg);border-color:rgba(255,142,46,.34);background:rgba(255,132,28,.10);color:#fff}
.studio-auth-modal .pbs-auth-head{position:relative;z-index:1;gap:14px;padding-left:42px}.studio-auth-modal .pbs-auth-head>span{width:58px;height:58px;border:1px solid rgba(255,206,142,.25);border-radius:19px;background:radial-gradient(circle at 32% 24%,#ffe0a3 0,#ffad4b 25%,#ff7514 58%,#b83900 100%);font-size:27px;box-shadow:0 14px 38px rgba(255,96,0,.27),inset 0 1px rgba(255,255,255,.42)}
.studio-auth-modal .pbs-auth-head small{font-size:12px;letter-spacing:1px}.studio-auth-modal .pbs-auth-head h2{margin:3px 0 2px;font-size:24px;letter-spacing:-.25px}.studio-auth-modal .pbs-auth-head p{font-size:13px;line-height:1.8}
.studio-auth-modal .pbs-google-auth{position:relative;z-index:1;gap:13px;margin-top:20px}.studio-auth-modal .pbs-google-btn{box-sizing:border-box;min-height:66px;padding:9px 13px 9px 14px;grid-template-columns:44px minmax(0,1fr) 30px;gap:12px;border-color:rgba(255,255,255,.105);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.028));box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.studio-auth-modal .pbs-google-btn:hover{transform:translateY(-1px);border-color:rgba(255,156,69,.26);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,132,28,.04));box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)}
.studio-auth-modal .pbs-google-logo{width:42px;height:42px;border-radius:13px;box-shadow:0 5px 16px rgba(0,0,0,.16)}.studio-auth-modal .pbs-google-copy b{font-size:13px}.studio-auth-modal .pbs-google-copy small{margin-top:1px;font-size:12px;color:#817c75}.studio-auth-modal .pbs-google-arrow{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);font-size:15px;color:#b9b2aa}
.studio-auth-modal .pbs-auth-divider{color:#68645f;font-size:12px}.studio-auth-modal .pbs-auth-tabs{position:relative;z-index:1;box-sizing:border-box;gap:4px;margin-top:17px;padding:4px;border-color:rgba(255,255,255,.075);border-radius:15px;background:rgba(5,6,5,.68);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.studio-auth-modal .pbs-auth-tabs button{height:44px;border:1px solid transparent;border-radius:11px;color:#88827b;font-size:13px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.studio-auth-modal .pbs-auth-tabs button:hover{color:#c8c1b9}.studio-auth-modal .pbs-auth-tabs button.active{border-color:rgba(255,145,48,.15);background:linear-gradient(135deg,rgba(255,139,39,.18),rgba(255,91,0,.07));color:#ffb064;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.studio-auth-modal .pbs-auth-form{position:relative;z-index:1;gap:13px;margin-top:16px}.studio-auth-modal .pbs-auth-form label{gap:7px}.studio-auth-modal .pbs-auth-form label>span{padding:0 2px;color:#a49e96;font-size:13px;font-weight:750}
.studio-auth-modal .pbs-auth-form input{box-sizing:border-box;width:100%;height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.095);border-radius:14px;background:linear-gradient(145deg,#11120f,#0d0e0c);color:#f4f1ed;caret-color:#ff9132;font-size:13px;box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .18s,box-shadow .18s,background .18s}.studio-auth-modal .pbs-auth-form input:hover{border-color:rgba(255,255,255,.14)}.studio-auth-modal .pbs-auth-form input:focus{border-color:rgba(255,143,50,.48);background:#11120f;box-shadow:0 0 0 4px rgba(255,112,0,.065),inset 0 1px rgba(255,255,255,.025)}
.studio-auth-modal .pbs-auth-form input:-webkit-autofill,.studio-auth-modal .pbs-auth-form input:-webkit-autofill:hover,.studio-auth-modal .pbs-auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#f4f1ed!important;caret-color:#ff9132!important;-webkit-box-shadow:0 0 0 1000px #11120f inset,0 0 0 4px rgba(255,112,0,.035)!important;border-color:rgba(255,143,50,.30)!important;transition:background-color 9999s ease-out 0s}
.studio-password-wrap{position:relative;width:100%}.studio-password-wrap input{padding-left:58px!important}.studio-password-toggle{position:absolute;z-index:2;left:7px;top:50%;transform:translateY(-50%);width:39px;height:39px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.035);color:#817c75;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}.studio-password-toggle:hover{border-color:rgba(255,151,56,.25);background:rgba(255,132,28,.075);color:#ffad62}.studio-password-toggle:active{transform:translateY(-50%) scale(.96)}.studio-password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.studio-password-toggle .eye-closed{display:none}.studio-password-wrap.is-visible .studio-password-toggle{border-color:rgba(255,151,56,.24);background:rgba(255,132,28,.08);color:#ffad62}.studio-password-wrap.is-visible .eye-open{display:none}.studio-password-wrap.is-visible .eye-closed{display:block}
.studio-auth-modal .pbs-auth-form>button{position:relative;isolation:isolate;box-sizing:border-box;height:54px;margin-top:2px;overflow:hidden;border:1px solid rgba(255,190,111,.28);border-radius:15px;background:linear-gradient(110deg,#ff9b36 0,#ff7513 46%,#ed5100 100%);color:#fff;font-size:13px;font-weight:950;letter-spacing:-.1px;box-shadow:0 13px 32px rgba(255,87,0,.24),inset 0 1px rgba(255,255,255,.30);transition:transform .18s,box-shadow .18s,filter .18s}.studio-auth-modal .pbs-auth-form>button:before{content:"✦";display:inline-grid;place-items:center;width:25px;height:25px;margin-left:8px;border-radius:8px;background:rgba(255,255,255,.15);vertical-align:middle}.studio-auth-modal .pbs-auth-form>button:after{content:"";position:absolute;z-index:-1;top:-60%;bottom:-60%;width:54px;left:-75px;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:left .48s ease}.studio-auth-modal .pbs-auth-form>button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 16px 38px rgba(255,87,0,.30),inset 0 1px rgba(255,255,255,.32)}.studio-auth-modal .pbs-auth-form>button:hover:after{left:110%}.studio-auth-modal .pbs-auth-form>button:active{transform:translateY(0) scale(.995)}.studio-auth-modal .pbs-auth-form>button:disabled{filter:grayscale(.3);cursor:wait}.studio-auth-modal .pbs-auth-message{min-height:20px;margin-top:7px;font-size:13px}
html[data-theme="light"] .studio-auth-modal .pbs-auth-form input:-webkit-autofill,html[data-theme="light"] .studio-auth-modal .pbs-auth-form input:-webkit-autofill:hover,html[data-theme="light"] .studio-auth-modal .pbs-auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#26303d!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}.studio-auth-modal .pbs-auth-form input::-ms-reveal,.studio-auth-modal .pbs-auth-form input::-ms-clear{display:none}
@media(max-width:760px){.studio-auth-modal.pbs-auth-modal{width:100%;padding:22px 16px 17px;border-radius:23px}.studio-auth-modal .pbs-auth-head{padding-left:39px;gap:11px}.studio-auth-modal .pbs-auth-head>span{width:50px;height:50px;border-radius:16px;font-size:23px}.studio-auth-modal .pbs-auth-head h2{font-size:20px}.studio-auth-modal .pbs-google-btn{min-height:60px;border-radius:16px}.studio-auth-modal .pbs-auth-tabs button{height:41px}.studio-auth-modal .pbs-auth-form input{height:49px}.studio-auth-modal .pbs-auth-form>button{height:51px}.studio-password-toggle{width:37px;height:37px}}


.studio-history-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.studio-filter-group{display:grid;gap:6px}.studio-filter-group>small{color:#9e988f;font-size:11.5px;font-weight:900;letter-spacing:.08em}.studio-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.studio-filter-pills button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);color:#cfc8c0;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.studio-filter-pills button.active{border-color:rgba(255,139,45,.25);background:linear-gradient(135deg,rgba(255,145,50,.20),rgba(238,93,0,.16));color:#ffb56f;box-shadow:0 8px 18px rgba(255,102,0,.10)}
.studio-history-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-history-actions .danger{border-color:rgba(255,92,92,.18)!important;background:rgba(255,92,92,.05)!important;color:#ffb1ab!important}
html[data-theme="light"] .studio-history-filter{background:linear-gradient(145deg,#fff,#fafbfc);border-color:rgba(25,35,52,.10);box-shadow:0 14px 38px rgba(35,45,66,.06)}html[data-theme="light"] .studio-filter-group>small{color:#7b8695}html[data-theme="light"] .studio-filter-pills button{background:#f8fafc;color:#516071;border-color:rgba(25,35,52,.09)}html[data-theme="light"] .studio-filter-pills button.active{background:linear-gradient(135deg,#fff2e5,#fff7ef);color:#bd6516;border-color:rgba(255,122,0,.18)}
@media(max-width:700px){.studio-history-filter{grid-template-columns:1fr;padding:10px}.studio-history-actions{grid-template-columns:1fr 1fr}}


/* v2.8.3.12.83-HF5 — server-side history tabs + Vazir typography */
.studio-page,.studio-page button,.studio-page input,.studio-page select,.studio-page textarea,.studio-page a,.studio-page small,.studio-page b,.studio-page p,.studio-page h1,.studio-page h2,.studio-page h3,.studio-page span{font-family:Vazir,Vazirmatn,Tahoma,sans-serif}
.studio-top-nav,.studio-top-nav a,.studio-context-nav,.studio-context-nav a,.studio-section-head,.studio-history-pro{font-family:Vazir,Vazirmatn,Tahoma,sans-serif!important}
.studio-history-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 12px;padding:6px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.studio-history-tabs a{min-height:44px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;color:#8f8a83;text-decoration:none;font-size:12px;font-weight:900;transition:.18s}
.studio-history-tabs a b{min-width:26px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.045);font-size:11.5px;color:#aaa49b}
.studio-history-tabs a.active{border-color:rgba(255,139,45,.22);background:linear-gradient(135deg,rgba(255,145,51,.15),rgba(238,94,0,.07));color:#ffad62}.studio-history-tabs a.active b{background:rgba(255,139,45,.13);color:#ffc38e}
.studio-history-list{display:flex;flex-direction:column;gap:8px}.studio-history-row{position:relative!important;display:grid!important;grid-template-columns:70px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin:0!important;padding:10px 12px!important;min-height:94px;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(145deg,#121310,#0d0e0c)!important;overflow:hidden}
.studio-history-row.is-text{grid-template-columns:46px minmax(0,1fr) auto!important}.studio-history-thumb{position:relative;width:70px;height:70px;border-radius:12px;overflow:hidden;background:#070807;display:block}.studio-history-thumb img{width:100%;height:100%;object-fit:cover;display:block}.studio-history-thumb span{position:absolute;left:5px;bottom:5px;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(0,0,0,.62);color:#fff;font-size:12px}.studio-history-type-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,139,45,.18);border-radius:12px;background:rgba(255,139,45,.06);color:#ff9c42;font-size:17px}.studio-history-main{min-width:0}.studio-history-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.studio-history-title b{font-size:13px;color:#e4ddd5}.studio-history-title small{font-size:11.5px;color:#746f68}.studio-history-main p{margin:5px 0 0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#aaa49c;font-family:Vazir,Vazirmatn,Tahoma,sans-serif!important;font-size:12px;line-height:1.9;unicode-bidi:plaintext}.studio-history-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:280px}.studio-history-row-actions button,.studio-history-row-actions a{min-height:34px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);color:#d4cdc5;text-decoration:none;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.studio-history-row-actions .danger{border-color:rgba(255,86,86,.20);background:rgba(255,86,86,.05);color:#ffaaa4}.studio-history-cost{position:absolute;left:9px;top:8px;padding:3px 6px;border-radius:7px;background:rgba(255,122,0,.055);color:#ff9d45;font-size:11.5px}.studio-history-filter,.studio-filter-group{display:none!important}
.studio-history-text,.studio-output-box textarea{font-family:Vazir,Vazirmatn,Tahoma,sans-serif!important}
html[data-theme="light"] .studio-history-tabs{background:#fff;border-color:rgba(25,35,52,.10)}html[data-theme="light"] .studio-history-tabs a{color:#687486}html[data-theme="light"] .studio-history-tabs a.active{background:#fff3e8;color:#ad5a10;border-color:rgba(255,122,0,.18)}html[data-theme="light"] .studio-history-row{background:linear-gradient(145deg,#fff,#fafbfc)!important;border-color:rgba(25,35,52,.10)!important;box-shadow:0 10px 28px rgba(35,45,66,.055)}html[data-theme="light"] .studio-history-title b{color:#253041}html[data-theme="light"] .studio-history-main p{color:#657183}html[data-theme="light"] .studio-history-row-actions button,html[data-theme="light"] .studio-history-row-actions a{background:#f8fafc;color:#4b586a;border-color:rgba(25,35,52,.09)}
@media(max-width:700px){.studio-history-row,.studio-history-row.is-text{grid-template-columns:54px minmax(0,1fr)!important;gap:9px!important;padding:9px!important}.studio-history-thumb{width:54px;height:54px}.studio-history-type-icon{width:40px;height:40px}.studio-history-row-actions{grid-column:1/-1;width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,1fr)}.studio-history-row-actions button,.studio-history-row-actions a{padding:0 5px;font-size:11.5px}.studio-history-cost{top:7px;left:7px}.studio-history-main p{-webkit-line-clamp:3;font-size:12px}.studio-history-tabs a{min-height:42px}}

/* v2.8.3.12.83 HF8 — restore single-page Studio, stable loader, Vazir UI */
.studio-page,.studio-page *{font-family:Vazir,Vazirmatn,Tahoma,Arial,sans-serif}
.studio-page code,.studio-page pre,.studio-page .studio-output-box textarea{font-family:Vazir,Vazirmatn,Tahoma,Arial,sans-serif}
.studio-global-header,.studio-top-nav,.studio-context-nav,.studio-service-picker,.studio-workspace,.studio-side-card,.studio-history,.studio-ledger,.v28-bottom{font-family:Vazir,Vazirmatn,Tahoma,Arial,sans-serif!important}
.studio-global-header a,.studio-context-nav a,.studio-service-tab,.studio-field input,.studio-field select,.studio-field textarea,.studio-generate,.studio-history-tabs a,.studio-history-row button,.studio-history-row a{font-family:inherit!important}
.studio-progress-pro[hidden]{display:none!important}
.studio-wizard-nav{display:none!important}
.studio-wizard-form [data-wizard-step][hidden]{display:block!important}
.studio-wizard-grid [data-wizard-step].studio-field-wide[hidden]{display:grid!important}
#studioChat,#studioWorkspace,#studioOutput,#history,#magicLedger{scroll-margin-top:150px}
.studio-field select{appearance:none;-webkit-appearance:none;min-height:52px;padding:0 15px 0 46px;border:1px solid rgba(255,151,61,.18);border-radius:15px;background-color:#0b0c0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff9b42' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,132,25,.025));background-repeat:no-repeat,no-repeat;background-position:left 14px center,center;background-size:19px,100% 100%;color:#f3eee8;box-shadow:inset 0 1px rgba(255,255,255,.025);cursor:pointer;font-size:13px;font-weight:700;transition:.18s ease}
.studio-field select:hover{border-color:rgba(255,151,61,.34);background-color:#0e0f0d}.studio-field select:focus{border-color:rgba(255,151,61,.55);box-shadow:0 0 0 4px rgba(255,126,19,.07),inset 0 1px rgba(255,255,255,.03)}.studio-field select option{font-family:Vazir,Vazirmatn,Tahoma,Arial,sans-serif;background:#11120f;color:#f5f0e9;padding:10px}
.studio-form-section-title{font-family:inherit}.studio-form-section-title b{font-size:13px}.studio-form-section-title small{font-size:12px}
html[data-theme="light"] .studio-field select{background-color:#fffaf5;color:#3d2a1b;border-color:rgba(198,105,27,.18);color-scheme:light}html[data-theme="light"] .studio-field select option{background:#fff;color:#3d2a1b}
@media(max-width:700px){#studioChat,#studioWorkspace,#studioOutput,#history,#magicLedger{scroll-margin-top:142px}.studio-field select{min-height:52px;font-size:13px}}


/* HF10 — readable AI prompt result card */
.studio-output-box.studio-prompt-result{padding:14px;background:radial-gradient(circle at 100% 0,rgba(255,132,35,.075),transparent 34%),linear-gradient(145deg,#10110f,#090a09);border-top:1px solid rgba(255,255,255,.05)}
.studio-prompt-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding:0 3px}.studio-prompt-result-head span{font-size:11.5px;font-weight:950;letter-spacing:.13em;color:#ff9e48}.studio-prompt-result-head small{font-size:12px;color:#888178}.studio-prompt-result-body{position:relative;border:1px solid rgba(255,145,55,.14);border-radius:17px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.14);overflow:hidden}.studio-prompt-result-body:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#ff9b42,#f06700);opacity:.9}.studio-prompt-result-body pre{margin:0;padding:16px 18px;max-height:520px;overflow:auto;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;unicode-bidi:plaintext;text-align:start;color:#eee7df;font-family:Vazir,Vazirmatn,Tahoma,sans-serif!important;font-size:12.5px;line-height:2.05;scrollbar-width:thin;direction:auto}.studio-prompt-result>textarea[hidden]{display:none!important}
html[data-theme="light"] .studio-output-box.studio-prompt-result{background:linear-gradient(145deg,#fffaf5,#fff)}html[data-theme="light"] .studio-prompt-result-body{background:#fff;border-color:rgba(198,105,27,.16);box-shadow:0 12px 30px rgba(38,45,62,.06)}html[data-theme="light"] .studio-prompt-result-body pre{color:#34281f}
@media(max-width:700px){.studio-output-pro{overflow:hidden}.studio-output-head{padding:12px!important}.studio-output-box.studio-prompt-result{padding:9px}.studio-prompt-result-head{margin-bottom:7px}.studio-prompt-result-body{border-radius:14px}.studio-prompt-result-body pre{padding:14px 13px 16px;max-height:none;min-height:180px;font-size:13px;line-height:2;overflow:visible}.studio-output-actions{gap:6px}.studio-output-actions button,.studio-output-actions a{min-height:39px!important;border-radius:10px!important}}
@media(max-width:430px){.studio-output-head>div:first-child{align-items:center}.studio-output-head b{font-size:13px}.studio-output-actions{grid-template-columns:1fr 1fr!important}.studio-output-actions #copyOutput{grid-column:1/-1}.studio-prompt-result-head small{font-size:11.5px}.studio-prompt-result-body pre{font-size:13px;padding:13px 12px 15px}}

/* HF25 — premium image gallery + lightbox + Magic Remix */
.studio-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);font-family:Vazir,Vazirmatn,Tahoma,sans-serif}
.studio-gallery-toolbar>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.studio-gallery-toolbar span{font-size:11.5px;color:#777169;margin-inline-end:2px}.studio-gallery-toolbar a{min-height:31px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.02);color:#aaa49c;text-decoration:none;font-size:12px;font-weight:900}.studio-gallery-toolbar a.active{border-color:rgba(255,137,41,.24);background:rgba(255,132,31,.10);color:#ffad66}
.studio-history-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-gallery-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#121310,#0d0e0c);box-shadow:0 16px 40px rgba(0,0,0,.10)}
.studio-gallery-media{position:relative;width:100%;aspect-ratio:4/5;padding:0;border:0;background:#070807;display:block;overflow:hidden;cursor:zoom-in}.studio-gallery-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}.studio-gallery-media:hover img{transform:scale(1.025)}.studio-gallery-media span{position:absolute;left:9px;bottom:9px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(5,5,5,.62);backdrop-filter:blur(12px);color:#fff;font-size:15px}
.studio-gallery-card-body{padding:10px 11px 6px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.studio-gallery-card-body>div{min-width:0;display:grid;gap:3px}.studio-gallery-card-body b{font-size:12px;color:#eee6de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-gallery-card-body small{font-size:11.5px;color:#716c65}.studio-gallery-card-body em{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:rgba(255,126,22,.07);color:#ff9d46;font-style:normal;font-size:11.5px;font-weight:900}.studio-gallery-card>p{min-height:38px;margin:0;padding:0 11px 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#908a82;font-size:12px;line-height:1.8;font-family:Vazir,Vazirmatn,Tahoma,sans-serif}
.studio-gallery-actions{display:grid;grid-template-columns:1.15fr .95fr .75fr;gap:6px;padding:9px;border-top:1px solid rgba(255,255,255,.055)}.studio-gallery-actions button,.studio-gallery-actions a{min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#d5cec6;text-decoration:none;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.studio-gallery-actions .remix{border-color:rgba(255,136,39,.25);background:linear-gradient(135deg,rgba(255,143,45,.15),rgba(244,93,0,.06));color:#ffb36d}.studio-gallery-actions .danger{border-color:rgba(255,86,86,.18);background:rgba(255,86,86,.045);color:#ffaaa4}
body.studio-modal-open{overflow:hidden}.studio-media-modal[hidden]{display:none!important}.studio-media-modal{position:fixed;z-index:10080;inset:0;display:grid;place-items:center;padding:18px}.studio-media-modal-backdrop{position:absolute;inset:0;background:rgba(3,4,3,.82);backdrop-filter:blur(18px)}.studio-modal-close{position:absolute;z-index:3;top:10px;left:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(10,10,10,.64);color:#fff;font-size:23px;cursor:pointer}
.studio-lightbox-card{position:relative;z-index:1;max-width:min(940px,94vw);max-height:92vh;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0c0d0b;box-shadow:0 40px 120px rgba(0,0,0,.55)}.studio-lightbox-card img{display:block;max-width:100%;max-height:78vh;border-radius:15px;object-fit:contain}.studio-lightbox-card>a{min-height:42px;margin-top:9px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,136,38,.20);border-radius:12px;background:rgba(255,136,38,.08);color:#ffb16c;text-decoration:none;font-size:12px;font-weight:900}
.studio-remix-card{position:relative;z-index:1;width:min(820px,94vw);max-height:92vh;overflow:auto;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,#11120f,#0a0b09);box-shadow:0 40px 120px rgba(0,0,0,.58)}.studio-remix-preview{position:relative;min-height:520px;background:#060706}.studio-remix-preview img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.studio-remix-preview span{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.60);color:#ffad63;font-size:11.5px;font-weight:900;letter-spacing:.08em}.studio-remix-body{padding:28px 24px}.studio-remix-body>small{color:#ff9c43;font-size:11.5px;font-weight:950}.studio-remix-body h3{margin:5px 0 6px;font-size:22px}.studio-remix-body>p{margin:0 0 14px;color:#8d877f;font-size:12px;line-height:1.9}.studio-remix-body textarea{width:100%;min-height:122px;resize:vertical;padding:13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#0a0b09;color:#eee8e1;font-family:Vazir,Vazirmatn,Tahoma,sans-serif;font-size:13px;line-height:1.9;outline:none;box-sizing:border-box}.studio-remix-body textarea:focus{border-color:rgba(255,132,31,.34);box-shadow:0 0 0 3px rgba(255,132,31,.06)}.studio-remix-body label{margin-top:10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.studio-remix-body label span{font-size:12px;color:#8d877f}.studio-remix-body select{min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#0a0b09;color:#eee;font:inherit}.studio-remix-body>button[type=submit]{width:100%;min-height:48px;margin-top:14px;border:1px solid rgba(255,137,39,.25);border-radius:13px;background:linear-gradient(135deg,#ff8b27,#e85c00);color:#fff;font:inherit;font-size:13px;font-weight:950;cursor:pointer}.studio-remix-body>button[disabled]{opacity:.62;cursor:wait}.studio-remix-result{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.studio-remix-result img{width:100%;max-height:420px;object-fit:contain;border-radius:14px;background:#070807}.studio-remix-result a{min-height:40px;margin-top:8px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.04);color:#ffc18c;text-decoration:none;font-size:12px;font-weight:900}
html[data-theme="light"] .studio-gallery-toolbar{background:#fff;border-color:rgba(25,35,52,.09)}html[data-theme="light"] .studio-gallery-toolbar a{background:#f8fafc;color:#607083;border-color:rgba(25,35,52,.08)}html[data-theme="light"] .studio-gallery-toolbar a.active{background:#fff3e8;color:#b45d11;border-color:rgba(255,122,0,.18)}html[data-theme="light"] .studio-gallery-card{background:#fff;border-color:rgba(25,35,52,.10);box-shadow:0 12px 32px rgba(35,45,66,.07)}html[data-theme="light"] .studio-gallery-card-body b{color:#253041}html[data-theme="light"] .studio-gallery-card>p{color:#6f7988}html[data-theme="light"] .studio-gallery-actions{border-color:rgba(25,35,52,.07)}html[data-theme="light"] .studio-gallery-actions button,html[data-theme="light"] .studio-gallery-actions a{background:#f8fafc;color:#4a5666;border-color:rgba(25,35,52,.09)}html[data-theme="light"] .studio-gallery-actions .remix{background:#fff3e8;color:#b75e10}.studio-remix-card,html[data-theme="light"] .studio-lightbox-card{font-family:Vazir,Vazirmatn,Tahoma,sans-serif}html[data-theme="light"] .studio-remix-card{background:#fff;color:#253041;border-color:rgba(25,35,52,.10)}html[data-theme="light"] .studio-remix-body textarea,html[data-theme="light"] .studio-remix-body select{background:#f8fafc;color:#253041;border-color:rgba(25,35,52,.10)}
@media(max-width:980px){.studio-history-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-remix-card{grid-template-columns:1fr}.studio-remix-preview{min-height:280px;max-height:340px}.studio-remix-preview img{position:relative;height:320px}.studio-remix-body{padding:20px}}
@media(max-width:620px){.studio-gallery-toolbar{align-items:stretch;flex-direction:column}.studio-gallery-toolbar>div{overflow-x:auto;flex-wrap:nowrap}.studio-history-gallery{grid-template-columns:1fr}.studio-gallery-media{aspect-ratio:4/5}.studio-gallery-actions{grid-template-columns:1.15fr .9fr .7fr}.studio-media-modal{padding:8px}.studio-remix-card{width:100%;max-height:94vh;border-radius:18px}.studio-remix-preview img{height:255px}.studio-remix-preview{min-height:255px}.studio-remix-body{padding:17px 14px}.studio-remix-body h3{font-size:19px}.studio-remix-body label{grid-template-columns:1fr}.studio-lightbox-card{max-width:98vw;border-radius:17px}.studio-lightbox-card img{max-height:80vh}}

/* =========================================================
   HF28.17 — SUPER PREMIUM GLASS AUTH MODAL (SITE-WIDE)
   Header-safe, no top clipping, Dark + Light, Mobile-first.
   ========================================================= */
.site-glass-auth-backdrop.pbs-auth-backdrop{
  --site-auth-offset:var(--pbs-site-header-offset,74px);
  position:fixed!important;
  inset:var(--site-auth-offset) 0 0!important;
  z-index:16000!important;
  display:none!important;
  place-items:center!important;
  padding:clamp(10px,2.2vw,24px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:
    radial-gradient(circle at 82% 12%,rgba(255,121,16,.16),transparent 31%),
    radial-gradient(circle at 10% 92%,rgba(100,118,255,.08),transparent 32%),
    rgba(3,5,5,.70)!important;
  -webkit-backdrop-filter:blur(24px) saturate(122%)!important;
  backdrop-filter:blur(24px) saturate(122%)!important;
  opacity:0;
  transition:opacity .22s ease;
  box-sizing:border-box;
}
.site-glass-auth-backdrop.pbs-auth-backdrop.open{display:grid!important;opacity:1}
.site-glass-auth-backdrop.pbs-auth-backdrop:before{
  content:"";position:fixed;inset:var(--site-auth-offset) 0 0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 28%,rgba(255,119,0,.025) 72%,transparent);
}
.site-glass-auth-modal.pbs-auth-modal{
  position:relative!important;
  isolation:isolate;
  box-sizing:border-box;
  width:min(590px,calc(100vw - 32px))!important;
  max-height:calc(var(--pbs-auth-vh,100dvh) - var(--site-auth-offset) - 24px)!important;
  margin:auto!important;
  padding:22px 28px 18px!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,133,34,.36) transparent;
  border:1px solid rgba(255,164,77,.26)!important;
  border-radius:30px!important;
  color:#f7f4ef!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015)) padding-box,
    radial-gradient(circle at 78% -8%,rgba(255,134,29,.17),transparent 34%),
    radial-gradient(circle at 6% 88%,rgba(255,119,0,.055),transparent 31%),
    rgba(12,14,13,.91)!important;
  -webkit-backdrop-filter:blur(34px) saturate(128%)!important;
  backdrop-filter:blur(34px) saturate(128%)!important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 0 74px rgba(255,111,0,.10)!important;
  transform:translateY(12px) scale(.985);
  transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .25s ease,border-color .25s ease;
}
.site-glass-auth-backdrop.open .site-glass-auth-modal{transform:none}
.site-glass-auth-modal::-webkit-scrollbar{width:6px}.site-glass-auth-modal::-webkit-scrollbar-track{background:transparent}.site-glass-auth-modal::-webkit-scrollbar-thumb{background:rgba(255,133,34,.30);border-radius:99px}
.site-glass-auth-modal:before{
  content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(120deg,rgba(255,255,255,.08),transparent 20%,transparent 74%,rgba(255,128,24,.05)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.009) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 42px);
  mask-image:linear-gradient(#000,rgba(0,0,0,.45));
}
.site-glass-auth-modal:after{
  content:"";position:absolute;z-index:-1;top:0;right:12%;left:12%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,193,128,.72),transparent);box-shadow:0 0 18px rgba(255,126,20,.30)
}
.site-auth-ambient{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(54px);opacity:.55}
.site-auth-ambient-a{width:200px;height:160px;right:-70px;top:-75px;background:rgba(255,105,0,.22)}
.site-auth-ambient-b{width:160px;height:140px;left:-75px;bottom:-70px;background:rgba(255,150,64,.08)}
.site-auth-close.pbs-auth-close{
  position:absolute!important;top:15px!important;left:15px!important;z-index:8!important;
  width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;
  background:rgba(255,255,255,.045)!important;color:#d8d3cc!important;
  font:300 24px/1 Arial!important;cursor:pointer!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease!important;
}
.site-auth-close.pbs-auth-close:hover{transform:rotate(5deg);color:#fff!important;border-color:rgba(255,147,55,.34)!important;background:rgba(255,133,31,.10)!important}
.site-auth-theme{position:absolute;top:15px;right:15px;z-index:8}.site-auth-theme .pbui-theme-btn{width:40px!important;height:40px!important;border-radius:13px!important}
.site-auth-brand{position:relative;width:84px;height:84px;margin:2px auto 9px;display:grid;place-items:center}
.site-auth-logo{position:relative;z-index:3;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 12px 24px rgba(255,101,0,.26));animation:siteAuthFloat 4.8s ease-in-out infinite}
.site-auth-logo img{width:100%;height:100%;object-fit:contain}
.site-auth-orbit{position:absolute;inset:5px;border:1px solid rgba(255,146,47,.18);border-radius:50%;animation:siteAuthOrbit 9s linear infinite}.site-auth-orbit.orbit-two{inset:-5px;border-style:dashed;border-color:rgba(255,179,91,.12);animation-duration:15s;animation-direction:reverse}
.site-auth-orbit:before,.site-auth-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ff942e;box-shadow:0 0 12px rgba(255,124,18,.75)}.site-auth-orbit:before{top:3px;left:14px}.site-auth-orbit:after{right:0;bottom:18px}
@keyframes siteAuthOrbit{to{transform:rotate(360deg)}}@keyframes siteAuthFloat{50%{transform:translateY(-3px) scale(1.015)}}
.site-auth-head.pbs-auth-head{display:block!important;padding:0 54px!important;text-align:center!important}
.site-auth-head.pbs-auth-head>div{width:100%}.site-auth-head small{display:block!important;color:#ff963c!important;font-size:12px!important;font-weight:950!important;letter-spacing:1.65px!important;direction:ltr!important}
.site-auth-head h2{margin:5px 0 2px!important;color:#f8f5f0!important;font-size:clamp(22px,2.1vw,27px)!important;line-height:1.55!important;letter-spacing:-.45px!important}.site-auth-head h2 strong{color:#ff8421;font-weight:950}
.site-auth-head p{max-width:440px;margin:2px auto 0!important;color:#96918a!important;font-size:13px!important;line-height:1.9!important}
.site-glass-auth-modal .pbs-google-auth{min-height:0!important;margin:14px 0 0!important;padding:0!important;gap:9px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.site-glass-auth-modal .pbs-google-auth:hover{transform:none!important;background:none!important;border:0!important}
.site-glass-auth-modal .pbs-google-btn{min-height:56px!important;padding:7px 11px!important;grid-template-columns:40px minmax(0,1fr) 30px!important;gap:10px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.027))!important;color:#f6f2ec!important;box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.045)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.site-glass-auth-modal .pbs-google-btn:hover{transform:translateY(-1px)!important;border-color:rgba(255,148,51,.27)!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,132,28,.045))!important;box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 25px rgba(255,121,20,.07)!important}
.site-glass-auth-modal .pbs-google-logo{width:38px!important;height:38px!important;border-radius:12px!important}.site-glass-auth-modal .pbs-google-copy b{font-size:12.5px!important}.site-glass-auth-modal .pbs-google-copy small{font-size:12px!important;color:#817c75!important}.site-glass-auth-modal .pbs-google-arrow{font-size:15px!important;color:#aaa49c!important}
.site-glass-auth-modal .pbs-auth-divider{font-size:12px!important;color:#716d67!important;gap:9px!important}.site-glass-auth-modal .pbs-auth-divider:before,.site-glass-auth-modal .pbs-auth-divider:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09))!important}.site-glass-auth-modal .pbs-auth-divider:after{background:linear-gradient(90deg,rgba(255,255,255,.09),transparent)!important}
.site-auth-tabs.pbs-auth-tabs{box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin-top:12px!important;padding:4px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;background:rgba(4,6,5,.56)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.site-auth-tabs.pbs-auth-tabs button{height:42px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#858078!important;font-size:13px!important;font-weight:850!important;transition:.18s ease!important}.site-auth-tabs.pbs-auth-tabs button:hover{color:#c8c1b8!important}.site-auth-tabs.pbs-auth-tabs button.active{color:#ffb069!important;border-color:rgba(255,145,48,.14)!important;background:linear-gradient(135deg,rgba(255,139,39,.18),rgba(255,91,0,.065))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.site-auth-form.pbs-auth-form{gap:10px!important;margin-top:13px!important}.site-auth-form.pbs-auth-form label{gap:5px!important}.site-auth-form.pbs-auth-form label>span{padding:0 2px!important;color:#a49e96!important;font-size:13px!important;font-weight:800!important}
.site-auth-input-shell{position:relative;box-sizing:border-box;width:100%;height:48px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.095);border-radius:14px;background:linear-gradient(145deg,rgba(17,19,17,.94),rgba(10,12,11,.94));box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}
.site-auth-input-shell:hover{border-color:rgba(255,255,255,.145)}.site-auth-input-shell:focus-within{border-color:rgba(255,143,50,.48);background:rgba(17,19,17,.98);box-shadow:0 0 0 4px rgba(255,112,0,.065),0 10px 26px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.025)}
.site-auth-input-shell>i{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.025);color:#ff9d4d;font-size:13px;font-style:normal;font-weight:900}
.site-auth-form.pbs-auth-form input,.site-auth-form.pbs-auth-form input:focus,.site-auth-form.pbs-auth-form input:hover{box-sizing:border-box!important;width:100%!important;height:46px!important;min-width:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;color:#f4f1ed!important;-webkit-text-fill-color:#f4f1ed!important;caret-color:#ff9132!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important}
.site-auth-form.pbs-auth-form input::placeholder{color:#66645f!important;opacity:1}.site-auth-form.pbs-auth-form input::selection{background:rgba(255,126,24,.26);color:#fff}
.site-auth-form .pbs-password-wrap,.site-auth-form .studio-password-wrap{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-width:0!important}.site-auth-form .pbs-password-wrap input,.site-auth-form .studio-password-wrap input{padding-left:43px!important}.site-auth-form .pbs-password-toggle,.site-auth-form .studio-password-toggle{left:1px!important;width:34px!important;height:34px!important;border-color:rgba(255,255,255,.07)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#99938b!important}.site-auth-form .pbs-password-toggle:hover,.site-auth-form .studio-password-toggle:hover,.site-auth-form .is-visible .pbs-password-toggle,.site-auth-form .is-visible .studio-password-toggle{color:#ffac61!important;border-color:rgba(255,139,43,.23)!important;background:rgba(255,139,43,.08)!important}
.site-auth-form.pbs-auth-form input:-webkit-autofill,.site-auth-form.pbs-auth-form input:-webkit-autofill:hover,.site-auth-form.pbs-auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#f4f1ed!important;caret-color:#ff9132!important;-webkit-box-shadow:0 0 0 1000px #111411 inset!important;box-shadow:0 0 0 1000px #111411 inset!important;border:0!important;transition:background-color 9999s ease-out 0s!important}
.site-auth-submit.pbs-auth-form>button,.site-auth-form.pbs-auth-form>button.site-auth-submit{position:relative!important;isolation:isolate;box-sizing:border-box!important;height:52px!important;margin-top:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;overflow:hidden!important;border:1px solid rgba(255,190,111,.28)!important;border-radius:15px!important;background:linear-gradient(110deg,#ff9a35 0,#ff7412 48%,#ef5200 100%)!important;color:#fff!important;font-size:12.5px!important;font-weight:950!important;box-shadow:0 13px 32px rgba(255,87,0,.24),inset 0 1px rgba(255,255,255,.30)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.site-auth-submit:before{content:"";position:absolute;z-index:-1;top:-70%;bottom:-70%;width:56px;left:-80px;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transition:left .5s ease}.site-auth-submit:hover{transform:translateY(-1px)!important;filter:saturate(1.08);box-shadow:0 16px 38px rgba(255,87,0,.30),inset 0 1px rgba(255,255,255,.32)!important}.site-auth-submit:hover:before{left:115%}.site-auth-submit i{font-style:normal;font-size:15px}.site-auth-submit:disabled{opacity:.58;cursor:wait!important}
.site-auth-message.pbs-auth-message{min-height:18px!important;margin-top:5px!important;font-size:12px!important}.site-auth-foot{margin-top:5px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.05);color:#6f6b66;font-size:12px}.site-auth-foot b{color:#a98464;font-size:11.5px;letter-spacing:1.2px}

html[data-theme="light"] .site-glass-auth-backdrop.pbs-auth-backdrop{
  background:
    radial-gradient(circle at 83% 10%,rgba(255,126,20,.17),transparent 31%),
    radial-gradient(circle at 7% 92%,rgba(78,111,178,.07),transparent 30%),
    rgba(222,225,228,.60)!important;
  -webkit-backdrop-filter:blur(25px) saturate(118%)!important;backdrop-filter:blur(25px) saturate(118%)!important;
}
html[data-theme="light"] .site-glass-auth-modal.pbs-auth-modal{
  color:#202938!important;border-color:rgba(236,122,29,.28)!important;
  background:
    radial-gradient(circle at 82% -8%,rgba(255,137,39,.18),transparent 35%),
    radial-gradient(circle at 8% 92%,rgba(255,173,93,.09),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,250,246,.88))!important;
  -webkit-backdrop-filter:blur(35px) saturate(118%)!important;backdrop-filter:blur(35px) saturate(118%)!important;
  box-shadow:0 30px 90px rgba(48,58,72,.22),0 0 0 1px rgba(255,255,255,.86) inset,0 0 70px rgba(255,122,18,.12)!important;
}
html[data-theme="light"] .site-glass-auth-modal:before{background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 23%,transparent 72%,rgba(255,126,20,.045)),repeating-linear-gradient(90deg,rgba(44,53,67,.018) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(44,53,67,.014) 0 1px,transparent 1px 42px)}
html[data-theme="light"] .site-auth-close.pbs-auth-close{background:rgba(255,255,255,.76)!important;color:#526071!important;border-color:rgba(36,46,61,.10)!important;box-shadow:0 8px 24px rgba(44,54,68,.07)}html[data-theme="light"] .site-auth-close.pbs-auth-close:hover{color:#bf5c0b!important;background:#fff7ef!important;border-color:rgba(255,126,18,.24)!important}
html[data-theme="light"] .site-auth-head h2{color:#222d3d!important}html[data-theme="light"] .site-auth-head p{color:#77818f!important}html[data-theme="light"] .site-auth-head small{color:#ed781c!important}
html[data-theme="light"] .site-glass-auth-modal .pbs-google-btn{color:#26303d!important;border-color:rgba(37,48,64,.10)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,248,241,.72))!important;box-shadow:0 10px 26px rgba(45,55,70,.07),inset 0 1px rgba(255,255,255,.95)!important}html[data-theme="light"] .site-glass-auth-modal .pbs-google-btn:hover{background:linear-gradient(145deg,#fff,#fff6ee)!important;border-color:rgba(255,126,18,.22)!important;box-shadow:0 14px 30px rgba(45,55,70,.09),0 0 25px rgba(255,122,18,.08)!important}html[data-theme="light"] .site-glass-auth-modal .pbs-google-copy small{color:#8a929c!important}
html[data-theme="light"] .site-glass-auth-modal .pbs-auth-divider{color:#939aa4!important}html[data-theme="light"] .site-glass-auth-modal .pbs-auth-divider:before,html[data-theme="light"] .site-glass-auth-modal .pbs-auth-divider:after{background:linear-gradient(90deg,transparent,rgba(35,45,62,.11))!important}html[data-theme="light"] .site-glass-auth-modal .pbs-auth-divider:after{background:linear-gradient(90deg,rgba(35,45,62,.11),transparent)!important}
html[data-theme="light"] .site-auth-tabs.pbs-auth-tabs{border-color:rgba(35,45,62,.09)!important;background:rgba(239,242,246,.74)!important;box-shadow:inset 0 1px rgba(255,255,255,.94)!important}html[data-theme="light"] .site-auth-tabs.pbs-auth-tabs button{color:#7b8592!important}html[data-theme="light"] .site-auth-tabs.pbs-auth-tabs button.active{color:#bf5d0c!important;border-color:rgba(255,126,18,.15)!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,239,224,.90))!important;box-shadow:0 7px 18px rgba(42,51,65,.05),inset 0 1px #fff!important}
html[data-theme="light"] .site-auth-form.pbs-auth-form label>span{color:#687383!important}html[data-theme="light"] .site-auth-input-shell{border-color:rgba(35,45,62,.11);background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,249,244,.84));box-shadow:0 7px 22px rgba(48,57,70,.035),inset 0 1px #fff}html[data-theme="light"] .site-auth-input-shell:hover{border-color:rgba(255,126,18,.22)}html[data-theme="light"] .site-auth-input-shell:focus-within{border-color:rgba(255,126,18,.45);background:#fff;box-shadow:0 0 0 4px rgba(255,126,18,.075),0 10px 28px rgba(48,57,70,.06),inset 0 1px #fff}html[data-theme="light"] .site-auth-input-shell>i{border-color:rgba(35,45,62,.07);background:rgba(255,246,237,.88);color:#dc6a11}
html[data-theme="light"] .site-auth-form.pbs-auth-form input,html[data-theme="light"] .site-auth-form.pbs-auth-form input:focus,html[data-theme="light"] .site-auth-form.pbs-auth-form input:hover{background:transparent!important;color:#26303d!important;-webkit-text-fill-color:#26303d!important;box-shadow:none!important}html[data-theme="light"] .site-auth-form.pbs-auth-form input::placeholder{color:#abb2bd!important}html[data-theme="light"] .site-auth-form.pbs-auth-form input:-webkit-autofill,html[data-theme="light"] .site-auth-form.pbs-auth-form input:-webkit-autofill:hover,html[data-theme="light"] .site-auth-form.pbs-auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#26303d!important;-webkit-box-shadow:0 0 0 1000px #fffdfb inset!important;box-shadow:0 0 0 1000px #fffdfb inset!important;caret-color:#d96b13!important}
html[data-theme="light"] .site-auth-form .pbs-password-toggle,html[data-theme="light"] .site-auth-form .studio-password-toggle{background:rgba(247,249,251,.94)!important;color:#718092!important;border-color:rgba(35,45,62,.09)!important}html[data-theme="light"] .site-auth-form .pbs-password-toggle:hover,html[data-theme="light"] .site-auth-form .studio-password-toggle:hover,html[data-theme="light"] .site-auth-form .is-visible .pbs-password-toggle,html[data-theme="light"] .site-auth-form .is-visible .studio-password-toggle{background:#fff2e6!important;color:#bd6214!important;border-color:rgba(255,126,18,.20)!important}
html[data-theme="light"] .site-auth-foot{border-top-color:rgba(35,45,62,.07);color:#9199a4}html[data-theme="light"] .site-auth-foot b{color:#d27324}

@media(max-width:760px){
  .site-glass-auth-backdrop.pbs-auth-backdrop{place-items:end center!important;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important}
  .site-glass-auth-modal.pbs-auth-modal{width:100%!important;max-height:calc(var(--pbs-auth-vh,100dvh) - var(--site-auth-offset) - 10px)!important;padding:18px 15px 15px!important;border-radius:25px 25px 18px 18px!important}
  .site-auth-close.pbs-auth-close,.site-auth-theme{top:11px!important}.site-auth-close.pbs-auth-close{left:11px!important}.site-auth-theme{right:11px!important}.site-auth-close.pbs-auth-close,.site-auth-theme .pbui-theme-btn{width:38px!important;height:38px!important;border-radius:12px!important}
  .site-auth-brand{width:70px;height:70px;margin-top:0;margin-bottom:6px}.site-auth-logo{width:54px;height:54px}.site-auth-head.pbs-auth-head{padding:0 42px!important}.site-auth-head h2{font-size:21px!important;line-height:1.5!important}.site-auth-head p{font-size:12px!important;line-height:1.8!important}.site-auth-head small{font-size:11.5px!important;letter-spacing:1.35px!important}
  .site-glass-auth-modal .pbs-google-auth{margin-top:11px!important;gap:7px!important}.site-glass-auth-modal .pbs-google-btn{min-height:52px!important;border-radius:15px!important;grid-template-columns:37px minmax(0,1fr) 27px!important}.site-glass-auth-modal .pbs-google-logo{width:35px!important;height:35px!important}.site-glass-auth-modal .pbs-google-copy b{font-size:13px!important}.site-glass-auth-modal .pbs-google-copy small{font-size:12px!important}
  .site-auth-tabs.pbs-auth-tabs{margin-top:9px!important}.site-auth-tabs.pbs-auth-tabs button{height:40px!important;font-size:13px!important}.site-auth-form.pbs-auth-form{gap:9px!important;margin-top:10px!important}.site-auth-form.pbs-auth-form label>span{font-size:12px!important}.site-auth-input-shell{height:46px;border-radius:13px}.site-auth-form.pbs-auth-form input,.site-auth-form.pbs-auth-form input:focus,.site-auth-form.pbs-auth-form input:hover{height:44px!important;font-size:16px!important}.site-auth-submit.pbs-auth-form>button,.site-auth-form.pbs-auth-form>button.site-auth-submit{height:49px!important;border-radius:14px!important;font-size:13px!important}.site-auth-foot{display:none}
  .site-glass-auth-backdrop.keyboard-open{padding-bottom:4px!important}.site-glass-auth-backdrop.keyboard-open .site-auth-brand{display:none}.site-glass-auth-backdrop.keyboard-open .site-auth-head p{display:none}.site-glass-auth-backdrop.keyboard-open .site-auth-head h2{font-size:18px!important;margin-bottom:1px!important}.site-glass-auth-backdrop.keyboard-open .pbs-google-auth{display:none!important}
}
@media(max-width:390px){.site-glass-auth-modal.pbs-auth-modal{padding-inline:12px!important}.site-auth-head h2{font-size:19px!important}.site-auth-head p{font-size:12px!important}.site-auth-brand{width:66px;height:66px}.site-auth-logo{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.site-auth-logo,.site-auth-orbit{animation:none!important}.site-glass-auth-modal,.site-auth-submit,.site-glass-auth-modal .pbs-google-btn{transition:none!important}}

/* ========================================================================
   HF28.18 — Compact Jewel Glass Auth
   The public-site auth modal keeps HF28.17's header-safe placement and auth
   behavior, but is deliberately tighter, calmer and more jewel-like.
   ======================================================================== */
@media (min-width:761px){
  .site-glass-auth-modal.pbs-auth-modal{
    width:min(520px,calc(100vw - 40px))!important;
    padding:18px 22px 14px!important;
    border-radius:25px!important;
    border-color:rgba(255,158,67,.25)!important;
    box-shadow:
      0 28px 86px rgba(0,0,0,.56),
      0 0 0 1px rgba(255,255,255,.026) inset,
      0 1px 0 rgba(255,255,255,.11) inset,
      0 0 52px rgba(255,111,0,.09)!important;
  }
  .site-auth-close.pbs-auth-close{top:12px!important;left:12px!important;width:36px!important;height:36px!important;border-radius:11px!important;font-size:21px!important}
  .site-auth-theme{top:12px!important;right:12px!important}.site-auth-theme .pbui-theme-btn{width:36px!important;height:36px!important;border-radius:11px!important}
  .site-auth-brand{width:68px;height:68px;margin:0 auto 5px!important}
  .site-auth-logo{width:51px;height:51px;filter:drop-shadow(0 9px 19px rgba(255,101,0,.25))}
  .site-auth-orbit{inset:4px}.site-auth-orbit.orbit-two{inset:-4px}
  .site-auth-orbit:before,.site-auth-orbit:after{width:4px;height:4px}
  .site-auth-head.pbs-auth-head{padding:0 45px!important}
  .site-auth-head small{font-size:11.5px!important;letter-spacing:1.45px!important}
  .site-auth-head h2{margin:3px 0 1px!important;font-size:clamp(20px,1.8vw,23px)!important;line-height:1.48!important;letter-spacing:-.35px!important}
  .site-auth-head p{max-width:390px;margin-top:0!important;font-size:12px!important;line-height:1.72!important}
  .site-glass-auth-modal .pbs-google-auth{margin-top:10px!important;gap:6px!important}
  .site-glass-auth-modal .pbs-google-btn{min-height:49px!important;padding:5px 9px!important;grid-template-columns:35px minmax(0,1fr) 26px!important;gap:8px!important;border-radius:14px!important}
  .site-glass-auth-modal .pbs-google-logo{width:33px!important;height:33px!important;border-radius:10px!important}
  .site-glass-auth-modal .pbs-google-copy b{font-size:13px!important}.site-glass-auth-modal .pbs-google-copy small{font-size:11.5px!important}.site-glass-auth-modal .pbs-google-arrow{font-size:13px!important}
  .site-glass-auth-modal .pbs-auth-divider{font-size:11.5px!important;gap:7px!important}
  .site-auth-tabs.pbs-auth-tabs{margin-top:8px!important;padding:3px!important;border-radius:13px!important}
  .site-auth-tabs.pbs-auth-tabs button{height:37px!important;border-radius:9px!important;font-size:13px!important}
  .site-auth-form.pbs-auth-form{gap:7px!important;margin-top:9px!important}
  .site-auth-form.pbs-auth-form label{gap:3px!important}.site-auth-form.pbs-auth-form label>span{font-size:12px!important}
  .site-auth-input-shell{height:43px!important;gap:7px!important;padding:0 8px!important;border-radius:12px!important}
  .site-auth-input-shell:focus-within{box-shadow:0 0 0 3px rgba(255,112,0,.06),0 8px 22px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.025)!important}
  .site-auth-input-shell>i{width:25px;height:25px;flex-basis:25px;border-radius:8px;font-size:13px}
  .site-auth-form.pbs-auth-form input,.site-auth-form.pbs-auth-form input:focus,.site-auth-form.pbs-auth-form input:hover{height:41px!important;font-size:12.7px!important}
  .site-auth-form .pbs-password-toggle,.site-auth-form .studio-password-toggle{width:31px!important;height:31px!important;border-radius:9px!important}
  .site-auth-form .pbs-password-wrap input,.site-auth-form .studio-password-wrap input{padding-left:38px!important}
  .site-auth-submit.pbs-auth-form>button,.site-auth-form.pbs-auth-form>button.site-auth-submit{height:46px!important;margin-top:1px!important;border-radius:13px!important;font-size:13px!important;box-shadow:0 11px 27px rgba(255,87,0,.22),inset 0 1px rgba(255,255,255,.30)!important}
  .site-auth-submit:hover{box-shadow:0 13px 30px rgba(255,87,0,.28),inset 0 1px rgba(255,255,255,.32)!important}
  .site-auth-message.pbs-auth-message{min-height:15px!important;margin-top:3px!important;font-size:12px!important}
  .site-auth-foot{margin-top:2px;padding-top:7px;font-size:11.5px}.site-auth-foot b{font-size:11.5px}

  html[data-theme="light"] .site-glass-auth-modal.pbs-auth-modal{
    border-color:rgba(234,119,27,.25)!important;
    box-shadow:0 25px 72px rgba(48,58,72,.20),0 0 0 1px rgba(255,255,255,.90) inset,0 0 48px rgba(255,122,18,.10)!important;
  }
}

/* Smaller phones keep the premium character without consuming the viewport. */
@media (max-width:760px){
  .site-glass-auth-modal.pbs-auth-modal{padding:15px 13px 12px!important;border-radius:22px 22px 16px 16px!important}
  .site-auth-brand{width:62px;height:62px;margin-bottom:3px!important}.site-auth-logo{width:47px;height:47px}
  .site-auth-head h2{font-size:19.5px!important}.site-auth-head p{font-size:12px!important}
  .site-glass-auth-modal .pbs-google-btn{min-height:48px!important}.site-glass-auth-modal .pbs-google-logo{width:32px!important;height:32px!important}
  .site-auth-tabs.pbs-auth-tabs button{height:38px!important}
  .site-auth-form.pbs-auth-form{gap:7px!important;margin-top:8px!important}
  .site-auth-input-shell{height:44px!important}.site-auth-form.pbs-auth-form input,.site-auth-form.pbs-auth-form input:focus,.site-auth-form.pbs-auth-form input:hover{height:42px!important}
  .site-auth-submit.pbs-auth-form>button,.site-auth-form.pbs-auth-form>button.site-auth-submit{height:46px!important}
}

/* ========================================================================
   HF28.19 — No-scroll Login / Register-only Scroll
   Login is a fixed compact jewel card. Registration alone may scroll.
   ======================================================================== */
.site-glass-auth-backdrop.pbs-auth-backdrop{overflow:hidden!important}
.site-glass-auth-backdrop[data-auth-mode="login"] .site-glass-auth-modal.pbs-auth-modal{overflow:hidden!important;overscroll-behavior:none!important;scrollbar-width:none!important}
.site-glass-auth-backdrop[data-auth-mode="login"] .site-glass-auth-modal.pbs-auth-modal::-webkit-scrollbar{display:none!important}
.site-glass-auth-backdrop[data-auth-mode="register"] .site-glass-auth-modal.pbs-auth-modal{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}

@media (min-width:761px){
  .site-glass-auth-modal.pbs-auth-modal{width:min(500px,calc(100vw - 40px))!important;padding:16px 20px 13px!important;border-radius:24px!important}
  .site-auth-brand{width:64px;height:64px;margin-bottom:4px!important}.site-auth-logo{width:48px;height:48px}
  .site-auth-head.pbs-auth-head{padding:0 43px!important}.site-auth-head h2{font-size:clamp(19px,1.7vw,22px)!important;margin:2px 0 0!important}.site-auth-head p{font-size:12px!important;line-height:1.65!important}
  .site-glass-auth-modal .pbs-google-auth{margin-top:8px!important;gap:5px!important}.site-glass-auth-modal .pbs-google-btn{min-height:46px!important;padding:4px 8px!important;grid-template-columns:32px minmax(0,1fr) 24px!important;border-radius:13px!important}.site-glass-auth-modal .pbs-google-logo{width:30px!important;height:30px!important}
  .site-auth-tabs.pbs-auth-tabs{margin-top:7px!important}.site-auth-tabs.pbs-auth-tabs button{height:35px!important}
  .site-auth-form.pbs-auth-form{gap:6px!important;margin-top:8px!important}.site-auth-input-shell{height:41px!important}.site-auth-form.pbs-auth-form input,.site-auth-form.pbs-auth-form input:focus,.site-auth-form.pbs-auth-form input:hover{height:39px!important;font-size:12.8px!important}
  .site-auth-submit.pbs-auth-form>button,.site-auth-form.pbs-auth-form>button.site-auth-submit{height:43px!important}
  .site-auth-message.pbs-auth-message{min-height:13px!important;margin-top:2px!important}.site-auth-foot{padding-top:6px!important;margin-top:1px!important}
}

/* Short desktop/laptop viewports: compress login instead of introducing scroll. */
@media (min-width:761px) and (max-height:720px){
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-glass-auth-modal.pbs-auth-modal{padding:12px 18px 10px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-brand{width:54px;height:54px;margin-bottom:1px!important}.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-logo{width:41px;height:41px}
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-head small{display:none!important}.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-head h2{font-size:18.5px!important;line-height:1.35!important}.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-head p{display:none!important}
  .site-glass-auth-backdrop[data-auth-mode="login"] .pbs-google-auth{margin-top:6px!important}.site-glass-auth-backdrop[data-auth-mode="login"] .pbs-google-btn{min-height:42px!important}.site-glass-auth-backdrop[data-auth-mode="login"] .pbs-auth-divider{display:none!important}
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-tabs.pbs-auth-tabs{margin-top:5px!important}.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-tabs.pbs-auth-tabs button{height:32px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-form.pbs-auth-form{gap:5px!important;margin-top:6px!important}.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-input-shell{height:39px!important}.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-form.pbs-auth-form input{height:37px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-submit.pbs-auth-form>button,.site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-form.pbs-auth-form>button.site-auth-submit{height:41px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-auth-foot{display:none!important}
}

@media (max-width:760px){
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-glass-auth-modal.pbs-auth-modal{overflow:hidden!important}
  .site-glass-auth-backdrop[data-auth-mode="register"] .site-glass-auth-modal.pbs-auth-modal{overflow-y:auto!important}
  .site-glass-auth-backdrop[data-auth-mode="login"].keyboard-open .site-auth-tabs.pbs-auth-tabs{margin-top:4px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"].keyboard-open .site-auth-form.pbs-auth-form{margin-top:5px!important;gap:5px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"].keyboard-open .site-auth-input-shell{height:41px!important}.site-glass-auth-backdrop[data-auth-mode="login"].keyboard-open .site-auth-form.pbs-auth-form input{height:39px!important}
  .site-glass-auth-backdrop[data-auth-mode="login"].keyboard-open .site-auth-message.pbs-auth-message{min-height:10px!important;margin-top:1px!important}
}


/* ========================================================================
   HF28.20 — Header-hugging Jewel Auth + Visible Bottom Curve
   Desktop auth now starts just below the live header instead of vertically
   centering in the remaining viewport. This removes the oversized top gap
   while preserving HF28.19's no-scroll Login / scrollable Register split.
   The lower rim is also strengthened so the full rounded bottom edge stays
   visually clear in both Dark and Light themes.
   ======================================================================== */
@media (min-width:761px){
  .site-glass-auth-backdrop.pbs-auth-backdrop{
    place-items:start center!important;
    padding:5px clamp(10px,1.8vw,20px) 7px!important;
  }
  .site-glass-auth-modal.pbs-auth-modal{
    margin:0 auto!important;
    max-height:calc(var(--pbs-auth-vh,100dvh) - var(--site-auth-offset) - 12px)!important;
    border-bottom-color:rgba(255,157,65,.38)!important;
    box-shadow:
      0 24px 76px rgba(0,0,0,.54),
      0 0 0 1px rgba(255,255,255,.026) inset,
      0 1px 0 rgba(255,255,255,.11) inset,
      0 -1px 0 rgba(255,145,47,.16) inset,
      0 0 46px rgba(255,111,0,.085)!important;
  }
  .site-glass-auth-backdrop[data-auth-mode="login"] .site-glass-auth-modal.pbs-auth-modal{
    align-self:start!important;
  }
  .site-glass-auth-backdrop[data-auth-mode="register"] .site-glass-auth-modal.pbs-auth-modal{
    align-self:start!important;
  }
  html[data-theme="light"] .site-glass-auth-modal.pbs-auth-modal{
    border-bottom-color:rgba(231,116,26,.36)!important;
    box-shadow:
      0 22px 66px rgba(48,58,72,.18),
      0 0 0 1px rgba(255,255,255,.92) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(230,115,25,.18) inset,
      0 0 42px rgba(255,122,18,.095)!important;
  }
}


/* =========================================================
   HF28.21 — Remix Result-In-Place UX
   Result replaces the reference image; actions live directly below it.
   ========================================================= */
.studio-remix-visual{
  min-width:0;
  display:flex;
  flex-direction:column;
  background:#060706;
  border-inline-end:1px solid rgba(255,255,255,.055);
}
.studio-remix-visual .studio-remix-preview{
  flex:1 1 auto;
  min-height:460px;
  overflow:hidden;
}
.studio-remix-preview-actions[hidden]{display:none!important}
.studio-remix-preview-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px;
  border-top:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,132,31,.035));
}
.studio-remix-preview-actions a,.studio-remix-preview-actions button{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:12px;
  font:inherit;
  font-size:12px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.studio-remix-preview-actions a{
  color:#ffd0a6;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(12px);
}
.studio-remix-preview-actions button{
  color:#fff;
  border-color:rgba(255,145,52,.42);
  background:linear-gradient(135deg,#ff922f,#eb5d00);
  box-shadow:0 10px 26px rgba(232,92,0,.20);
}
.studio-remix-preview-actions a:hover,.studio-remix-preview-actions button:hover{transform:translateY(-1px)}
.studio-remix-preview-actions button:hover{box-shadow:0 13px 30px rgba(232,92,0,.28)}
.studio-remix-preview-actions button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.studio-remix-card.has-remix-result .studio-remix-preview img{animation:studioRemixReveal .42s ease both}
.studio-remix-card.has-remix-result .studio-remix-preview span{
  background:rgba(10,54,34,.82);
  border:1px solid rgba(74,222,128,.22);
  color:#9ef0bb;
  backdrop-filter:blur(12px);
}
@keyframes studioRemixReveal{from{opacity:.42;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
html[data-theme="light"] .studio-remix-visual{
  background:#f8fafc;
  border-color:rgba(25,35,52,.08);
}
html[data-theme="light"] .studio-remix-preview-actions{
  border-color:rgba(25,35,52,.08);
  background:linear-gradient(180deg,#fff,rgba(255,132,31,.045));
}
html[data-theme="light"] .studio-remix-preview-actions a{
  color:#9c4e0e;
  border-color:rgba(25,35,52,.09);
  background:rgba(255,255,255,.88);
  box-shadow:0 7px 20px rgba(36,44,61,.055);
}
html[data-theme="light"] .studio-remix-card.has-remix-result .studio-remix-preview span{
  background:rgba(235,255,243,.92);
  border-color:rgba(22,163,74,.18);
  color:#137638;
}
@media(max-width:980px){
  .studio-remix-visual{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .studio-remix-visual .studio-remix-preview{min-height:300px;max-height:none}
  .studio-remix-visual .studio-remix-preview img{position:relative;height:330px}
  html[data-theme="light"] .studio-remix-visual{border-bottom-color:rgba(25,35,52,.08)}
}
@media(max-width:620px){
  .studio-remix-visual .studio-remix-preview{min-height:255px}
  .studio-remix-visual .studio-remix-preview img{height:285px}
  .studio-remix-preview-actions{padding:8px;gap:7px}
  .studio-remix-preview-actions a,.studio-remix-preview-actions button{min-height:41px;border-radius:11px;font-size:12px}
}

/* =========================================================
   v2.8.3.12.83 HF28.22 — Image Edit + image-first history + mobile nav
   ========================================================= */
.studio-context-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.studio-history-row.is-image{grid-template-columns:70px minmax(0,1fr) auto!important}
.studio-history-row-actions .remix{border-color:rgba(255,136,39,.25);background:linear-gradient(135deg,rgba(255,143,45,.15),rgba(244,93,0,.06));color:#ffb36d}
html[data-theme="light"] .studio-history-row-actions .remix{background:#fff3e8;color:#b75e10;border-color:rgba(255,122,0,.18)}

.studio-image-edit-modal .studio-image-edit-card{width:min(900px,calc(100vw - 28px));grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr)}
.studio-image-edit-drop{position:relative;min-height:430px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:26px;border:1px dashed rgba(255,146,49,.28);border-radius:20px;background:radial-gradient(circle at 50% 24%,rgba(255,130,26,.10),transparent 38%),#090a08;cursor:pointer;overflow:hidden;text-align:center}
.studio-image-edit-drop:focus-visible{outline:2px solid rgba(255,143,47,.52);outline-offset:3px}
.studio-image-edit-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,148,49,.22);border-radius:19px;background:rgba(255,128,22,.08);font-size:28px;box-shadow:0 16px 38px rgba(255,95,0,.09)}
.studio-image-edit-drop>b{font-size:15px;color:#eee7df}.studio-image-edit-drop>small{font-size:12px;color:#777169}.studio-image-edit-drop>em{display:none;position:absolute;right:12px;bottom:12px;z-index:3;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(6,7,6,.66);backdrop-filter:blur(12px);color:#fff;font-style:normal;font-size:12px;font-weight:900}
.studio-image-edit-drop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050605}.studio-image-edit-drop.has-image>.studio-image-edit-icon,.studio-image-edit-drop.has-image>b,.studio-image-edit-drop.has-image>small{opacity:0}.studio-image-edit-drop.has-image>em{display:block}.studio-image-edit-drop.has-result{border-style:solid;border-color:rgba(69,217,164,.25);box-shadow:inset 0 0 0 1px rgba(69,217,164,.04)}
.studio-image-edit-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-image-edit-options label{min-width:0}.studio-image-edit-body>button{margin-top:2px}
.studio-image-edit-visual{display:flex;flex-direction:column;gap:9px;padding:14px;background:linear-gradient(145deg,#0c0d0b,#080908)}
.studio-image-edit-visual .studio-remix-preview-actions{padding:0;border:0;background:transparent}
html[data-theme="light"] .studio-image-edit-visual{background:linear-gradient(145deg,#fffaf6,#f5f7fa)}
html[data-theme="light"] .studio-image-edit-drop{background:radial-gradient(circle at 50% 22%,rgba(255,131,31,.12),transparent 40%),#fff;border-color:rgba(255,122,0,.24);box-shadow:inset 0 1px rgba(255,255,255,.8)}
html[data-theme="light"] .studio-image-edit-drop>b{color:#263140}html[data-theme="light"] .studio-image-edit-drop>small{color:#798392}html[data-theme="light"] .studio-image-edit-drop>em{background:rgba(255,255,255,.82);color:#a9530d;border-color:rgba(255,122,0,.18)}

@media(max-width:980px){.studio-image-edit-modal .studio-image-edit-card{grid-template-columns:1fr}.studio-image-edit-drop{min-height:300px;max-height:340px}.studio-image-edit-visual{padding:12px}}
@media(max-width:700px){
  .studio-global-header{height:60px!important;padding:0 8px!important;gap:6px!important}
  .studio-global-header .v28-brand{min-width:0;max-width:48%;gap:5px!important}.studio-global-header .v28-brand-copy{min-width:0;max-width:128px}.studio-global-header .v28-brand-name{font-size:13px!important}.studio-global-header .v28-brand-copy small{font-size:11.5px!important;max-width:125px!important}.studio-global-header .studio-brand-mark{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .studio-global-header .v28-top-actions{margin-inline-start:auto;gap:4px!important;min-width:0}.studio-global-header .pbui-token-pill{height:34px!important;padding-inline:7px!important}.studio-global-header .pbui-crown-btn,.studio-global-header .pbui-theme-global{width:34px!important;height:34px!important}.studio-global-header .pbui-token-pill small{display:none!important}
  .studio-context-nav{position:sticky;top:66px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:6px!important;border-radius:15px!important}
  .studio-context-nav a{min-width:0!important;width:auto!important;min-height:39px!important;padding:5px 4px!important;gap:5px!important;font-size:12px!important;white-space:nowrap!important}.studio-context-nav i{font-size:13px!important}
  #studioChat,#studioWorkspace,#studioOutput,#imageEdit,#history,#magicLedger{scroll-margin-top:160px!important}
  .studio-history-row.is-image,.studio-history-row.is-text{grid-template-columns:58px minmax(0,1fr)!important;gap:9px!important}.studio-history-thumb{width:58px;height:58px}.studio-history-row-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)!important}.studio-history-row-actions button,.studio-history-row-actions a{min-height:36px!important;font-size:12px!important}
  .studio-image-edit-modal{padding:8px!important}.studio-image-edit-modal .studio-image-edit-card{width:100%;max-height:94dvh;border-radius:18px}.studio-image-edit-visual{padding:9px}.studio-image-edit-drop{min-height:230px;max-height:270px;border-radius:15px}.studio-image-edit-options{grid-template-columns:1fr}.studio-image-edit-body{padding:15px 13px!important}.studio-image-edit-body h3{font-size:19px!important}
}
@media(max-width:390px){.studio-global-header .v28-brand-copy{max-width:100px}.studio-global-header .v28-brand-copy small{display:none}.studio-context-nav a{font-size:11.5px!important;gap:3px!important}.studio-context-nav i{font-size:13px!important}}

/* =========================================================
   HF28.24 — AI Studio quick-nav jewel + premium form controls
   - richer SVG quick menu with readable mobile labels
   - compact, premium inputs/textarea/select without shrinking type
   ========================================================= */
.studio-image-edit-anchor{position:relative;display:block;height:0;scroll-margin-top:150px}
.studio-context-nav{
  position:relative;
  isolation:isolate;
  gap:7px!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(17,18,16,.94),rgba(10,11,9,.95))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px) saturate(125%);
}
.studio-context-nav:before{
  content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 72% 0,rgba(255,128,27,.10),transparent 34%);
}
.studio-context-nav .studio-context-link{
  position:relative;min-width:0;min-height:48px;padding:7px 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid transparent!important;border-radius:13px!important;
  background:rgba(255,255,255,.018)!important;color:#d5d0c9!important;
  text-decoration:none!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.studio-context-nav .studio-context-link:hover,
.studio-context-nav .studio-context-link:focus-visible{
  transform:translateY(-1px);color:#fff!important;border-color:rgba(255,145,49,.23)!important;
  background:linear-gradient(145deg,rgba(255,143,45,.10),rgba(255,255,255,.025))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.025)!important;
  outline:none;
}
.studio-context-nav .studio-context-link>i{
  width:31px;height:31px;flex:0 0 31px;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,148,53,.16);border-radius:10px;background:rgba(255,126,22,.055);
  color:#ff9d47;font-style:normal!important;box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.studio-context-nav .studio-context-link>i svg{
  width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.studio-context-nav .studio-context-edit{
  border-color:rgba(255,139,41,.15)!important;
  background:linear-gradient(145deg,rgba(255,128,25,.085),rgba(255,255,255,.015))!important;
  color:#ffbd82!important;
}
.studio-context-nav .studio-context-edit>i{background:linear-gradient(145deg,rgba(255,148,51,.18),rgba(235,82,0,.08));border-color:rgba(255,148,51,.29);box-shadow:0 0 22px rgba(255,105,0,.08)}

/* Builder controls — slim frame, unchanged readable type */
.studio-field{gap:8px!important}
.studio-field>span{font-size:13px!important;font-weight:900!important;letter-spacing:-.05px;color:#e9e4dc}
.studio-field>small{font-size:12px!important;line-height:1.75!important;color:#807a72!important}
.studio-field input,
.studio-field select,
.studio-form .studio-field textarea{
  width:100%;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(13,15,13,.98),rgba(8,10,9,.98))!important;
  color:#f2eee8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 20px rgba(0,0,0,.055)!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease!important;
}
.studio-field input{min-height:46px!important;padding:0 13px!important;font-size:13px!important;font-weight:650!important}
.studio-field select{
  min-height:46px!important;padding-top:0!important;padding-bottom:0!important;padding-right:13px!important;padding-left:43px!important;
  font-size:12.5px!important;font-weight:700!important;background-color:#0b0d0b!important;
  background-position:left 12px center,center!important;background-size:17px,100% 100%!important;
}
.studio-form .studio-field textarea{
  min-height:112px!important;padding:12px 13px!important;resize:vertical!important;
  font-size:13px!important;font-weight:600!important;line-height:1.95!important;
}
.studio-form .studio-field textarea[rows="4"]{min-height:124px!important}
.studio-field input:hover,.studio-field select:hover,.studio-form .studio-field textarea:hover{border-color:rgba(255,146,50,.23)!important}
.studio-field input:focus,.studio-field select:focus,.studio-form .studio-field textarea:focus{
  border-color:rgba(255,142,44,.52)!important;
  background:linear-gradient(145deg,rgba(16,18,15,.99),rgba(10,11,10,.99))!important;
  box-shadow:0 0 0 3px rgba(255,117,15,.065),0 11px 28px rgba(0,0,0,.09),inset 0 1px rgba(255,255,255,.035)!important;
}
.studio-field input::placeholder,.studio-form .studio-field textarea::placeholder{color:#68655f!important;opacity:1}
.studio-form-section-title{margin-top:3px!important;padding:7px 2px 5px!important}
.studio-form-section-title>span{font-size:17px!important;line-height:1!important;color:#ff9d47!important}
.studio-form-section-title b{font-size:13px!important;line-height:1.75!important}.studio-form-section-title small{font-size:12px!important;line-height:1.75!important}

html[data-theme="light"] .studio-context-nav{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,247,239,.94))!important;
  border-color:rgba(197,98,16,.14)!important;
  box-shadow:0 12px 34px rgba(90,61,34,.07),inset 0 1px #fff!important;
}
html[data-theme="light"] .studio-context-nav .studio-context-link{
  color:#4b5564!important;background:rgba(255,255,255,.62)!important;border-color:rgba(40,50,67,.055)!important;
}
html[data-theme="light"] .studio-context-nav .studio-context-link:hover,
html[data-theme="light"] .studio-context-nav .studio-context-link:focus-visible{
  color:#a84e08!important;border-color:rgba(255,126,18,.20)!important;
  background:linear-gradient(145deg,#fff7ef,#fff)!important;box-shadow:0 8px 22px rgba(97,60,27,.07)!important;
}
html[data-theme="light"] .studio-context-nav .studio-context-link>i{background:#fff5e9;border-color:rgba(255,125,18,.17);color:#d8660d}
html[data-theme="light"] .studio-context-nav .studio-context-edit{color:#ad540d!important;background:linear-gradient(145deg,#fff2e3,#fffaf5)!important;border-color:rgba(255,122,0,.19)!important}
html[data-theme="light"] .studio-field>span{color:#2d3746!important}
html[data-theme="light"] .studio-field>small{color:#768292!important}
html[data-theme="light"] .studio-field input,
html[data-theme="light"] .studio-field select,
html[data-theme="light"] .studio-form .studio-field textarea{
  background:linear-gradient(145deg,#fff,#fffaf5)!important;color:#293444!important;
  border-color:rgba(194,103,26,.15)!important;
  box-shadow:0 7px 20px rgba(75,54,35,.035),inset 0 1px #fff!important;
}
html[data-theme="light"] .studio-field input:hover,
html[data-theme="light"] .studio-field select:hover,
html[data-theme="light"] .studio-form .studio-field textarea:hover{border-color:rgba(238,111,12,.25)!important}
html[data-theme="light"] .studio-field input:focus,
html[data-theme="light"] .studio-field select:focus,
html[data-theme="light"] .studio-form .studio-field textarea:focus{
  background:#fff!important;border-color:rgba(235,105,8,.42)!important;
  box-shadow:0 0 0 3px rgba(255,122,18,.07),0 12px 28px rgba(74,52,31,.055),inset 0 1px #fff!important;
}
html[data-theme="light"] .studio-field input::placeholder,
html[data-theme="light"] .studio-form .studio-field textarea::placeholder{color:#a7afb9!important}

@media(max-width:700px){
  .studio-context-nav{
    top:64px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px!important;border-radius:17px!important;
  }
  .studio-context-nav .studio-context-link{
    min-height:51px!important;padding:6px 5px!important;gap:6px!important;font-size:13px!important;line-height:1.25!important;
  }
  .studio-context-nav .studio-context-link>i{width:29px;height:29px;flex-basis:29px;border-radius:9px}
  .studio-context-nav .studio-context-link>i svg{width:16px;height:16px}
  #studioChat,#studioWorkspace,#studioOutput,#imageEdit,#history,#magicLedger{scroll-margin-top:184px!important}
  .studio-field{gap:7px!important}.studio-field>span{font-size:13px!important}.studio-field>small{font-size:12px!important}
  .studio-field input{min-height:44px!important;font-size:13px!important}
  .studio-field select{min-height:44px!important;font-size:12.5px!important}
  .studio-form .studio-field textarea{min-height:104px!important;padding:11px 12px!important;font-size:13px!important;line-height:1.9!important}
  .studio-form .studio-field textarea[rows="4"]{min-height:116px!important}
  .studio-form-section-title{padding-top:5px!important}.studio-form-section-title>span{font-size:16px!important}.studio-form-section-title b{font-size:13px!important}.studio-form-section-title small{font-size:12px!important}
}
@media(max-width:390px){
  .studio-context-nav .studio-context-link{font-size:12px!important;gap:4px!important;padding-inline:3px!important}
  .studio-context-nav .studio-context-link>i{width:27px;height:27px;flex-basis:27px}.studio-context-nav .studio-context-link>i svg{width:15px;height:15px}
}

/* =========================================================
   HF28.25 — Image Edit Studio / semantic preset repair
   - edit-first defaults: preserve original style + original framing
   - custom premium choice grids instead of native selects
   - compact balanced desktop modal / polished light + dark / mobile-first
   ========================================================= */
.studio-image-edit-modal{padding:18px!important}
.studio-image-edit-modal .studio-image-edit-card{
  width:min(980px,calc(100vw - 36px))!important;
  max-height:min(760px,calc(100dvh - 38px))!important;
  overflow:hidden!important;
  grid-template-columns:minmax(340px,.92fr) minmax(460px,1.08fr)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:27px!important;
  background:
    radial-gradient(circle at 82% 0,rgba(255,126,20,.075),transparent 30%),
    linear-gradient(145deg,#10110f 0%,#0b0c0a 52%,#0a0b09 100%)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.64),0 0 0 1px rgba(255,133,34,.035),inset 0 1px rgba(255,255,255,.035)!important;
}
.studio-image-edit-modal .studio-modal-close{top:14px!important;left:14px!important;width:40px!important;height:40px!important;border-radius:12px!important;z-index:8!important;background:rgba(8,9,8,.72)!important;backdrop-filter:blur(14px);border-color:rgba(255,255,255,.10)!important}
.studio-image-edit-visual{
  min-width:0;padding:14px!important;gap:10px!important;
  background:linear-gradient(160deg,rgba(14,15,13,.98),rgba(7,8,7,.98))!important;
  border-left:1px solid rgba(255,255,255,.055);
}
.studio-image-edit-visual-head{min-height:42px;padding:2px 5px 2px 2px;display:flex;align-items:center;gap:9px;direction:rtl;text-align:right}
.studio-image-edit-visual-head>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,143,42,.22);border-radius:10px;background:rgba(255,127,21,.08);color:#ff9b43;font:900 9px/1 Arial}
.studio-image-edit-visual-head>div{display:grid;gap:1px}.studio-image-edit-visual-head b{font-size:13px;color:#ede8e1}.studio-image-edit-visual-head small{font-size:12px;color:#777169}
.studio-image-edit-drop{
  flex:1;min-height:390px!important;height:auto!important;padding:26px!important;gap:8px!important;
  border:1px dashed rgba(255,144,45,.27)!important;border-radius:20px!important;
  background:radial-gradient(circle at 50% 30%,rgba(255,128,24,.105),transparent 37%),linear-gradient(145deg,#0b0c0a,#080907)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 42px rgba(0,0,0,.10);
}
.studio-image-edit-icon{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,146,47,.16),rgba(226,77,0,.055))!important;color:#ff9a41!important;box-shadow:0 18px 42px rgba(255,92,0,.08)!important}
.studio-image-edit-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.studio-image-edit-drop>b{font-size:14px!important;font-weight:950!important}.studio-image-edit-drop>small{font-size:12px!important;line-height:1.7!important}
.studio-image-edit-upload-cta{margin-top:3px;min-height:34px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid rgba(255,145,43,.20);border-radius:10px;background:rgba(255,127,21,.075);color:#ffad68;font-size:12px;font-weight:900}
.studio-image-edit-drop.has-image .studio-image-edit-upload-cta{opacity:0}.studio-image-edit-drop>img{object-fit:contain!important;background:#060706!important}
.studio-image-edit-filemeta{min-height:30px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#827b73;font-size:12px}.studio-image-edit-filemeta[hidden]{display:none}.studio-image-edit-filemeta span{padding:5px 8px;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(255,255,255,.022)}

.studio-image-edit-body{min-width:0;padding:24px 22px 18px!important;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,132,30,.30) transparent}
.studio-image-edit-body::-webkit-scrollbar{width:5px}.studio-image-edit-body::-webkit-scrollbar-thumb{background:rgba(255,132,30,.28);border-radius:99px}
.studio-image-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-left:46px;margin-bottom:14px}
.studio-image-edit-head>div{min-width:0}.studio-image-edit-head>div>small{display:block;color:#ff9540;font-size:11.5px;font-weight:950;letter-spacing:.10em}.studio-image-edit-head h3{margin:4px 0 4px!important;font-size:23px!important;line-height:1.5!important;color:#f3eee8}.studio-image-edit-head p{max-width:510px;margin:0!important;color:#8b847c!important;font-size:12px!important;line-height:1.9!important}
.studio-image-edit-cost{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,145,44,.19);border-radius:17px;background:linear-gradient(145deg,rgba(255,136,30,.12),rgba(255,255,255,.018));box-shadow:0 14px 34px rgba(255,85,0,.055)}.studio-image-edit-cost b{color:#ff963b;font:950 17px/1 Arial}.studio-image-edit-cost small{margin-top:4px;color:#8d8176;font-size:11.5px;font-weight:900}
.studio-image-edit-prompt{margin:0!important;display:block!important}.studio-image-edit-prompt>span{margin:0 2px 7px;display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-image-edit-prompt>span b{font-size:13px;color:#ddd7cf}.studio-image-edit-prompt>span em{font-style:normal;color:#6f6a64;font:700 8px Arial}.studio-image-edit-prompt>span em i{font-style:normal;color:#ff9b45}
.studio-image-edit-body .studio-image-edit-prompt textarea{min-height:108px!important;height:108px!important;resize:none!important;padding:12px 13px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:linear-gradient(145deg,#0b0d0b,#090a09)!important;color:#eee9e3!important;font-family:Vazir,Vazirmatn,Tahoma,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.95!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
.studio-image-edit-body .studio-image-edit-prompt textarea:focus{border-color:rgba(255,142,44,.43)!important;box-shadow:0 0 0 3px rgba(255,118,16,.055),0 10px 28px rgba(0,0,0,.07)!important}
.studio-image-edit-body .studio-image-edit-prompt textarea::placeholder{color:#66625d!important}
.studio-image-edit-section{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}
.studio-image-edit-section-title{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-image-edit-section-title b{color:#dad5ce;font-size:13px}.studio-image-edit-section-title small{color:#716c65;font-size:11.5px}
.studio-image-edit-choice-grid{display:grid;gap:6px}.studio-image-edit-choice-grid.style{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-image-edit-choice-grid.aspect{grid-template-columns:repeat(4,minmax(0,1fr))}
.studio-image-edit-choice-grid button{min-width:0;min-height:42px;padding:6px 5px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.018);color:#a7a099;font-family:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:.16s ease;white-space:nowrap}
.studio-image-edit-choice-grid button:hover{transform:translateY(-1px);border-color:rgba(255,140,42,.19);color:#e9e3dc;background:rgba(255,132,27,.045)}
.studio-image-edit-choice-grid button.active{border-color:rgba(255,143,43,.33);background:linear-gradient(145deg,rgba(255,145,43,.15),rgba(229,79,0,.055));color:#ffc28d;box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 22px rgba(255,87,0,.055)}
.studio-image-edit-choice-grid button>i{width:19px;height:19px;display:grid;place-items:center;color:#ff9840;font-style:normal;font-size:13px}.studio-image-edit-choice-grid button>span{overflow:hidden;text-overflow:ellipsis}.studio-image-edit-choice-grid button>small{color:#7e7770;font:800 7px Arial}
.studio-image-edit-choice-grid.aspect button{min-height:46px;flex-wrap:wrap;column-gap:6px;row-gap:0}.studio-image-edit-choice-grid.aspect button>span{font-size:12px}.studio-image-edit-choice-grid.aspect button.active>small{color:#d89a65}
.studio-image-edit-choice-grid .ratio{width:auto!important;height:auto!important;border:1.5px solid currentColor;border-radius:2px;opacity:.85}.studio-image-edit-choice-grid .ratio.r916{width:7px!important;height:13px!important}.studio-image-edit-choice-grid .ratio.r45{width:9px!important;height:12px!important}.studio-image-edit-choice-grid .ratio.r11{width:10px!important;height:10px!important}.studio-image-edit-choice-grid .ratio.r169{width:14px!important;height:8px!important}.studio-image-edit-choice-grid .ratio.r23{width:8px!important;height:12px!important}.studio-image-edit-choice-grid .ratio.r32{width:13px!important;height:9px!important}
.studio-image-edit-body>#studioImageEditSubmit{min-height:48px!important;margin-top:15px!important;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,160,68,.25)!important;border-radius:14px!important;background:linear-gradient(135deg,#ff922f 0%,#ff7214 48%,#e95000 100%)!important;color:#fff!important;box-shadow:0 14px 32px rgba(218,71,0,.15),inset 0 1px rgba(255,255,255,.25);font-size:13px!important;font-weight:950!important;letter-spacing:-.1px;overflow:hidden;position:relative}
.studio-image-edit-body>#studioImageEditSubmit:after{content:"";position:absolute;inset:-120% auto -120% -35%;width:24%;transform:rotate(14deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .35s ease}.studio-image-edit-body>#studioImageEditSubmit:hover:after{left:115%}.studio-image-edit-body>#studioImageEditSubmit b{font-size:15px}.studio-image-edit-spinner{animation:studioImageEditSpin 1.1s linear infinite}@keyframes studioImageEditSpin{to{transform:rotate(360deg)}}
.studio-image-edit-footnote{display:block;margin-top:8px;text-align:center;color:#6f6962!important;font-size:11.5px!important;line-height:1.7}

html[data-theme="light"] .studio-image-edit-modal .studio-image-edit-card{background:radial-gradient(circle at 82% 0,rgba(255,138,43,.13),transparent 30%),linear-gradient(145deg,#fffdfb,#f8fafc)!important;border-color:rgba(179,98,31,.15)!important;box-shadow:0 38px 110px rgba(50,40,31,.20),0 0 0 1px rgba(255,126,21,.04),inset 0 1px #fff!important}
html[data-theme="light"] .studio-image-edit-visual{background:linear-gradient(160deg,#fff9f3,#f5f7fa)!important;border-left-color:rgba(35,45,60,.07)}
html[data-theme="light"] .studio-image-edit-visual-head b,html[data-theme="light"] .studio-image-edit-head h3{color:#283342}html[data-theme="light"] .studio-image-edit-visual-head small,html[data-theme="light"] .studio-image-edit-head p{color:#75808e!important}
html[data-theme="light"] .studio-image-edit-drop{background:radial-gradient(circle at 50% 28%,rgba(255,136,38,.13),transparent 38%),linear-gradient(145deg,#fff,#fffaf5)!important;border-color:rgba(229,111,18,.25)!important;box-shadow:inset 0 1px #fff,0 15px 38px rgba(90,59,32,.055)}
html[data-theme="light"] .studio-image-edit-drop>img{background:#f6f7f9!important}html[data-theme="light"] .studio-image-edit-filemeta span{background:#fff;border-color:rgba(40,50,66,.08);color:#75808e}
html[data-theme="light"] .studio-image-edit-body .studio-image-edit-prompt textarea{background:linear-gradient(145deg,#fff,#fffaf5)!important;color:#2d3745!important;border-color:rgba(185,98,28,.16)!important;box-shadow:0 8px 24px rgba(71,52,35,.035),inset 0 1px #fff!important}html[data-theme="light"] .studio-image-edit-body .studio-image-edit-prompt textarea::placeholder{color:#9aa2ad!important}
html[data-theme="light"] .studio-image-edit-section{border-color:rgba(35,45,60,.07)}html[data-theme="light"] .studio-image-edit-prompt>span b,html[data-theme="light"] .studio-image-edit-section-title b{color:#364252}html[data-theme="light"] .studio-image-edit-section-title small{color:#87919e}
html[data-theme="light"] .studio-image-edit-choice-grid button{background:#fff;border-color:rgba(39,49,65,.075);color:#687382;box-shadow:0 5px 16px rgba(54,45,37,.025)}html[data-theme="light"] .studio-image-edit-choice-grid button:hover{border-color:rgba(239,113,14,.20);background:#fff8f1;color:#a85510}html[data-theme="light"] .studio-image-edit-choice-grid button.active{border-color:rgba(239,111,12,.27);background:linear-gradient(145deg,#fff0e0,#fffaf5);color:#af570f;box-shadow:0 8px 22px rgba(175,81,13,.06),inset 0 1px #fff}
html[data-theme="light"] .studio-image-edit-cost{background:linear-gradient(145deg,#fff2e5,#fff);border-color:rgba(239,111,12,.20)}
html[data-theme="light"] .studio-image-edit-modal .studio-modal-close{background:rgba(255,255,255,.78)!important;color:#556170!important;border-color:rgba(35,45,60,.09)!important}

@media(max-width:980px){
  .studio-image-edit-modal{padding:10px!important}.studio-image-edit-modal .studio-image-edit-card{width:min(720px,calc(100vw - 20px))!important;max-height:94dvh!important;overflow:auto!important;grid-template-columns:1fr!important}.studio-image-edit-visual{border-left:0;border-bottom:1px solid rgba(255,255,255,.055)}.studio-image-edit-drop{min-height:270px!important;max-height:320px!important}.studio-image-edit-body{overflow:visible}.studio-image-edit-choice-grid.style{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-image-edit-choice-grid.aspect{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:620px){
  .studio-image-edit-modal{align-items:flex-end!important;padding:6px!important}.studio-image-edit-modal .studio-image-edit-card{width:100%!important;max-height:96dvh!important;border-radius:22px 22px 15px 15px!important}.studio-image-edit-visual{padding:9px!important}.studio-image-edit-visual-head{min-height:34px}.studio-image-edit-drop{min-height:205px!important;max-height:245px!important;padding:18px!important}.studio-image-edit-icon{width:48px!important;height:48px!important}.studio-image-edit-drop>b{font-size:13px!important}.studio-image-edit-body{padding:15px 12px 13px!important}.studio-image-edit-head{margin-bottom:11px;padding-left:39px}.studio-image-edit-head h3{font-size:20px!important}.studio-image-edit-head p{font-size:12px!important}.studio-image-edit-cost{width:48px;height:48px;flex-basis:48px;border-radius:14px}.studio-image-edit-body .studio-image-edit-prompt textarea{height:96px!important;min-height:96px!important;font-size:13px!important}.studio-image-edit-section{margin-top:11px;padding-top:10px}.studio-image-edit-section-title{align-items:flex-start;flex-direction:column;gap:2px}.studio-image-edit-choice-grid.style{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-image-edit-choice-grid.aspect{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-image-edit-choice-grid button{min-height:40px;font-size:12px}.studio-image-edit-choice-grid.aspect button{min-height:42px}.studio-image-edit-body>#studioImageEditSubmit{min-height:47px!important}.studio-image-edit-filemeta{padding:0 2px}
}

/* =========================================================
   HF28.26 — AI Studio quick-nav header docking
   Fix HF28.24 relative-position offset that visually pushed the
   quick navigation ~one header-height below the global header.
   Keep the jewel menu sticky, docked immediately below header.
   ========================================================= */
.studio-page .studio-context-nav{
  position:sticky!important;
  top:86px!important;
  z-index:112!important;
  margin:4px 0 12px!important;
  transform:none!important;
}
@media(max-width:700px){
  .studio-page .studio-context-nav{
    top:63px!important;
    margin:3px 0 9px!important;
  }
}


/* =========================================================
   HF28.29 — Prompt Builder direct-to-image + simple Image→Prompt
   ========================================================= */
.studio-hidden-file{position:fixed!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset:auto!important}
.studio-direct-image-actions{background:linear-gradient(180deg,rgba(255,137,38,.025),rgba(255,255,255,.006));}
.studio-direct-image-actions.is-busy{opacity:.72;pointer-events:none}
.studio-direct-image-actions .studio-next-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.studio-direct-image-actions .studio-next-card:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(255,145,48,.34);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.studio-direct-image-actions .studio-next-card:disabled{opacity:.58;cursor:wait}
.studio-image-prompt-note{margin-top:8px!important}
.studio-image-prompt-note .studio-field{padding:11px 12px 10px;border:1px solid rgba(255,145,48,.12);border-radius:15px;background:rgba(255,145,48,.025)}
.studio-image-prompt-note .studio-field>span{display:flex;align-items:center;gap:7px}
.studio-optional-chip{font-style:normal;font-size:12px;font-weight:900;color:#ff9d49;padding:3px 7px;border:1px solid rgba(255,145,48,.18);border-radius:999px;background:rgba(255,145,48,.06)}
.studio-form .studio-image-prompt-note textarea#studioImagePromptInstructions{min-height:76px!important;max-height:150px!important;resize:vertical!important;padding:11px 12px!important}
html[data-theme="light"] .studio-image-prompt-note .studio-field{background:linear-gradient(145deg,#fffaf5,#fff5e9);border-color:rgba(224,111,18,.14)}
html[data-theme="light"] .studio-direct-image-actions{background:linear-gradient(180deg,rgba(255,137,38,.045),rgba(255,255,255,.5))}
@media(max-width:700px){
  .studio-direct-image-actions{padding:11px!important}
  .studio-direct-image-actions .studio-next-head p{line-height:1.7}
  .studio-direct-image-actions .studio-next-card{min-height:68px!important}
  .studio-form .studio-image-prompt-note textarea#studioImagePromptInstructions{min-height:68px!important}
}


/* HF28.30 — Prompt Builder reference leak + direct image repeat actions */
#referenceBox[hidden],.studio-upload-pro[hidden]{display:none!important}
.studio-direct-image-actions.is-result{
  padding:10px 12px 12px!important;
  background:linear-gradient(180deg,rgba(255,137,38,.035),rgba(255,255,255,.008));
  border-top:1px solid rgba(255,145,48,.14);
}
.studio-direct-image-actions.is-result .studio-next-head{display:none!important}
.studio-direct-image-actions.is-result .studio-next-grid{margin-top:0}
.studio-direct-image-actions.is-result .studio-next-card{
  min-height:62px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}
.studio-direct-image-actions.is-result .studio-next-card.primary{
  background:linear-gradient(145deg,rgba(255,145,48,.14),rgba(255,110,0,.055));
}
html[data-theme="light"] .studio-direct-image-actions.is-result{
  background:linear-gradient(180deg,rgba(255,132,26,.055),rgba(255,255,255,.72));
  border-top-color:rgba(255,132,26,.18);
}
html[data-theme="light"] .studio-direct-image-actions.is-result .studio-next-card{
  background:#fff;
  box-shadow:0 8px 24px rgba(40,48,64,.055);
}
html[data-theme="light"] .studio-direct-image-actions.is-result .studio-next-card.primary{
  background:linear-gradient(145deg,#fff8ef,#fff);
}
@media(max-width:700px){
  .studio-direct-image-actions.is-result{padding:9px!important}
  .studio-direct-image-actions.is-result .studio-next-grid{grid-template-columns:1fr 1fr;gap:7px}
  .studio-direct-image-actions.is-result .studio-next-card{
    min-height:66px!important;
    grid-template-columns:30px minmax(0,1fr);
    gap:7px;
    padding:8px!important;
  }
  .studio-direct-image-actions.is-result .studio-next-card>i{width:30px;height:30px;border-radius:9px;font-size:14px}
  .studio-direct-image-actions.is-result .studio-next-card em{display:none}
  .studio-direct-image-actions.is-result .studio-next-card b{font-size:13px}
  .studio-direct-image-actions.is-result .studio-next-card small{font-size:12px;line-height:1.55}
}
@media(max-width:390px){
  .studio-direct-image-actions.is-result .studio-next-grid{grid-template-columns:1fr}
}

/* HF28.31 — AJAX history + direct prompt→image action */
#history{position:relative}
#history.is-ajax-loading{pointer-events:none;user-select:none}
#history.is-ajax-loading>*{opacity:.46;filter:saturate(.72);transition:opacity .16s ease,filter .16s ease}
#history.is-ajax-loading::after{content:"";position:absolute;z-index:8;inset:70px 12px auto 12px;height:64px;border:1px solid rgba(255,139,45,.18);border-radius:16px;background:linear-gradient(135deg,rgba(21,18,14,.82),rgba(12,12,11,.72));backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);box-shadow:0 16px 44px rgba(0,0,0,.24),0 0 30px rgba(255,120,28,.07);animation:studioHistoryAjaxPulse 1s ease-in-out infinite alternate}
#history.is-ajax-loading::before{content:"در حال بروزرسانی خروجی‌ها…";position:absolute;z-index:9;top:91px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffad66;font-size:12px;font-weight:900;letter-spacing:-.1px}
@keyframes studioHistoryAjaxPulse{from{box-shadow:0 16px 44px rgba(0,0,0,.20),0 0 18px rgba(255,120,28,.04)}to{box-shadow:0 16px 48px rgba(0,0,0,.28),0 0 34px rgba(255,120,28,.14)}}
.studio-history-row-actions .history-image{border-color:rgba(255,139,45,.28)!important;background:linear-gradient(135deg,rgba(255,145,50,.19),rgba(236,91,0,.08))!important;color:#ffb36d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.studio-history-row-actions .history-image:hover{transform:translateY(-1px);border-color:rgba(255,156,70,.43)!important;box-shadow:0 7px 18px rgba(255,104,22,.11)}
.studio-history-row-actions .history-image.is-busy{opacity:.58;cursor:wait;transform:none}
html[data-theme="light"] #history.is-ajax-loading::after{border-color:rgba(220,115,20,.18);background:linear-gradient(135deg,rgba(255,252,248,.92),rgba(255,244,231,.88));box-shadow:0 16px 38px rgba(112,69,27,.09),0 0 30px rgba(255,130,28,.08)}
html[data-theme="light"] #history.is-ajax-loading::before{color:#b85d12}
html[data-theme="light"] .studio-history-row-actions .history-image{background:linear-gradient(135deg,#fff3e7,#ffead4)!important;color:#b65b0d!important;border-color:rgba(224,117,24,.22)!important}
@media(max-width:700px){
  .studio-history-row.is-text .studio-history-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #history.is-ajax-loading::after{inset:66px 4px auto 4px;height:58px;border-radius:14px}
  #history.is-ajax-loading::before{top:84px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#history.is-ajax-loading::after{animation:none}.studio-history-row-actions .history-image{transition:none}}

/* HF28.32 — live Magic ledger balance synchronization */
#magicLedger{position:relative}
#magicLedger.is-ajax-loading{pointer-events:none;user-select:none}
#magicLedger.is-ajax-loading .studio-ledger-list,
#magicLedger.is-ajax-loading .studio-pagination{opacity:.48;filter:saturate(.72);transition:opacity .16s ease,filter .16s ease}
#magicLedger.is-ajax-loading::after{content:"";position:absolute;z-index:8;inset:74px 14px auto 14px;height:56px;border:1px solid rgba(255,139,45,.18);border-radius:15px;background:linear-gradient(135deg,rgba(21,18,14,.82),rgba(12,12,11,.72));backdrop-filter:blur(15px) saturate(1.16);-webkit-backdrop-filter:blur(15px) saturate(1.16);box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 26px rgba(255,120,28,.07)}
#magicLedger.is-ajax-loading::before{content:"همگام‌سازی گردش مجیک…";position:absolute;z-index:9;top:94px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffad66;font-size:12px;font-weight:900}
html[data-theme="light"] #magicLedger.is-ajax-loading::after{border-color:rgba(220,115,20,.18);background:linear-gradient(135deg,rgba(255,252,248,.94),rgba(255,244,231,.9));box-shadow:0 14px 34px rgba(112,69,27,.08),0 0 26px rgba(255,130,28,.07)}
html[data-theme="light"] #magicLedger.is-ajax-loading::before{color:#b85d12}
@media(max-width:820px){#magicLedger.is-ajax-loading::after{inset:68px 6px auto 6px;height:52px;border-radius:13px}#magicLedger.is-ajax-loading::before{top:86px;font-size:12px}}


/* =========================================================
   v2.8.3.12.83 — HF28.33.5
   Premium light buy-page card halo
   - each pack/plan card gets its own soft orange glow behind the card
   - keeps dark mode unchanged
   - hover glow slightly stronger
   ========================================================= */
html[data-theme="light"] .commerce-page .commerce-grid,
html[data-theme="light"] .commerce-page #token-packs,
html[data-theme="light"] .commerce-page #subscription-plans{
  overflow:visible!important;
}
html[data-theme="light"] .commerce-page .commerce-pack-card,
html[data-theme="light"] .commerce-page .commerce-plan-card{
  position:relative!important;
  z-index:0!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#fffefd 0%,#fffaf5 100%)!important;
  border:1px solid rgba(239,137,34,.18)!important;
  box-shadow:
    0 14px 30px rgba(46,56,75,.06),
    0 5px 14px rgba(255,145,24,.05),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
  filter:drop-shadow(0 10px 20px rgba(255,145,24,.08)) drop-shadow(0 0 24px rgba(255,164,61,.14));
}
html[data-theme="light"] .commerce-page .commerce-pack-card::before,
html[data-theme="light"] .commerce-page .commerce-plan-card::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:34px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,168,58,.24) 0%, rgba(255,154,38,.16) 26%, rgba(255,145,22,.10) 44%, rgba(255,145,22,0) 74%);
  filter:blur(22px);
  opacity:.98;
}
html[data-theme="light"] .commerce-page .commerce-pack-card::after,
html[data-theme="light"] .commerce-page .commerce-plan-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 85% 18%, rgba(255,176,76,.10) 0%, rgba(255,176,76,.04) 20%, rgba(255,255,255,0) 44%);
}
html[data-theme="light"] .commerce-page .commerce-pack-card:hover,
html[data-theme="light"] .commerce-page .commerce-plan-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 18px 34px rgba(46,56,75,.07),
    0 8px 18px rgba(255,145,24,.08),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  filter:drop-shadow(0 14px 26px rgba(255,145,24,.11)) drop-shadow(0 0 30px rgba(255,164,61,.18));
}
html[data-theme="light"] .commerce-page .commerce-pack-card:hover::before,
html[data-theme="light"] .commerce-page .commerce-plan-card:hover::before{
  background:
    radial-gradient(circle at 50% 36%, rgba(255,168,58,.28) 0%, rgba(255,154,38,.18) 28%, rgba(255,145,22,.12) 48%, rgba(255,145,22,0) 76%);
  filter:blur(24px);
}
html[data-theme="light"] .commerce-page .commerce-pack-body,
html[data-theme="light"] .commerce-page .commerce-bonus,
html[data-theme="light"] .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  background:linear-gradient(180deg,#fffdfa 0%,#fff8f1 100%)!important;
  border-color:rgba(239,137,34,.13)!important;
  box-shadow:0 8px 18px rgba(46,56,75,.035),0 2px 10px rgba(255,145,24,.035),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
@media(max-width:650px){
  html[data-theme="light"] .commerce-page .commerce-pack-card::before,
  html[data-theme="light"] .commerce-page .commerce-plan-card::before{
    inset:-12px;
    filter:blur(16px);
    opacity:.9;
  }
  html[data-theme="light"] .commerce-page .commerce-pack-card,
  html[data-theme="light"] .commerce-page .commerce-plan-card{
    filter:drop-shadow(0 8px 18px rgba(255,145,24,.07)) drop-shadow(0 0 18px rgba(255,164,61,.11));
  }
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.6
   Stronger inner light glow for buy-page plan cards + magic orb glow
   ========================================================= */
html[data-theme="light"] .commerce-page .commerce-pack-card,
html[data-theme="light"] .commerce-page .commerce-plan-card{
  background:linear-gradient(180deg,#fffefd 0%,#fffaf4 100%)!important;
  box-shadow:
    0 16px 34px rgba(46,56,75,.06),
    0 8px 18px rgba(255,145,24,.06),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 0 0 1px rgba(255,168,58,.08),
    inset 0 0 48px rgba(255,176,76,.08)!important;
  filter:drop-shadow(0 14px 24px rgba(255,145,24,.10)) drop-shadow(0 0 28px rgba(255,164,61,.16));
}
html[data-theme="light"] .commerce-page .commerce-pack-card::before,
html[data-theme="light"] .commerce-page .commerce-plan-card::before{
  inset:-20px;
  border-radius:36px;
  background:radial-gradient(circle at 50% 40%, rgba(255,170,60,.30) 0%, rgba(255,154,38,.20) 28%, rgba(255,145,22,.13) 48%, rgba(255,145,22,0) 76%);
  filter:blur(24px);
  opacity:1;
}
html[data-theme="light"] .commerce-page .commerce-pack-card::after,
html[data-theme="light"] .commerce-page .commerce-plan-card::after{
  inset:0;
  border-radius:inherit;
  z-index:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,192,108,.12) 0%, rgba(255,192,108,.05) 18%, rgba(255,255,255,0) 42%),
    radial-gradient(circle at 82% 16%, rgba(255,176,76,.14) 0%, rgba(255,176,76,.05) 20%, rgba(255,255,255,0) 44%),
    linear-gradient(180deg, rgba(255,190,120,.05), rgba(255,255,255,0));
}
html[data-theme="light"] .commerce-page .commerce-pack-card>* ,
html[data-theme="light"] .commerce-page .commerce-plan-card>*{
  position:relative;
  z-index:1;
}
html[data-theme="light"] .commerce-page .commerce-pack-card:hover,
html[data-theme="light"] .commerce-page .commerce-plan-card:hover{
  box-shadow:
    0 20px 38px rgba(46,56,75,.07),
    0 10px 22px rgba(255,145,24,.09),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 0 0 1px rgba(255,168,58,.10),
    inset 0 0 56px rgba(255,176,76,.10)!important;
  filter:drop-shadow(0 16px 28px rgba(255,145,24,.12)) drop-shadow(0 0 34px rgba(255,164,61,.22));
}
html[data-theme="light"] .commerce-page .commerce-pack-card:hover::before,
html[data-theme="light"] .commerce-page .commerce-plan-card:hover::before{
  background:radial-gradient(circle at 50% 40%, rgba(255,170,60,.35) 0%, rgba(255,154,38,.24) 30%, rgba(255,145,22,.16) 50%, rgba(255,145,22,0) 78%);
  filter:blur(26px);
}
html[data-theme="light"] .commerce-page .commerce-pack-body,
html[data-theme="light"] .commerce-page .commerce-bonus,
html[data-theme="light"] .commerce-page .commerce-plan-card .commerce-features>.commerce-feature{
  background:linear-gradient(180deg,#fffdfa 0%,#fff8f0 100%)!important;
  border-color:rgba(239,137,34,.15)!important;
  box-shadow:
    0 8px 18px rgba(46,56,75,.035),
    0 2px 10px rgba(255,145,24,.04),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 0 24px rgba(255,188,110,.05)!important;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side{
  position:relative!important;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.98) 0%, rgba(255,249,239,.97) 36%, rgba(255,241,220,.96) 70%, rgba(255,232,202,.94) 100%)!important;
  border:1px solid rgba(255,168,58,.22)!important;
  box-shadow:
    0 0 0 8px rgba(255,170,60,.06),
    0 0 0 16px rgba(255,170,60,.035),
    0 16px 28px rgba(255,145,24,.12),
    0 0 26px rgba(255,160,45,.18),
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -8px 18px rgba(255,175,70,.08)!important;
  filter:drop-shadow(0 8px 16px rgba(255,145,24,.10));
}
html[data-theme="light"] .commerce-page .commerce-magic-orb::before,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,168,58,.28) 0%, rgba(255,168,58,.14) 34%, rgba(255,168,58,.06) 52%, rgba(255,168,58,0) 74%);
  filter:blur(14px);
  z-index:-1;
  pointer-events:none;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb::after,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side::after{
  inset:6px!important;
  border-color:rgba(255,176,76,.20)!important;
  box-shadow:inset 0 0 18px rgba(255,176,76,.08)!important;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb strong,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side strong{
  color:#ef7608!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65), 0 0 14px rgba(255,168,58,.18);
}
@media(max-width:650px){
  html[data-theme="light"] .commerce-page .commerce-pack-card::before,
  html[data-theme="light"] .commerce-page .commerce-plan-card::before{
    inset:-14px;
    filter:blur(18px);
  }
  html[data-theme="light"] .commerce-page .commerce-magic-orb::before,
  html[data-theme="light"] .commerce-page .commerce-magic-orb-side::before{
    inset:-8px;
    filter:blur(10px);
  }
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.7
   Stronger orange glow for buy-page token orbs + hero balance orb
   ========================================================= */
html[data-theme="light"] .commerce-page .commerce-magic-orb,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side{
  background:radial-gradient(circle at 32% 24%, rgba(255,255,255,1) 0%, rgba(255,248,237,.99) 32%, rgba(255,236,208,.98) 68%, rgba(255,224,185,.96) 100%)!important;
  border:1px solid rgba(255,160,40,.28)!important;
  box-shadow:
    0 0 0 10px rgba(255,156,32,.09),
    0 0 0 20px rgba(255,156,32,.05),
    0 18px 34px rgba(255,140,18,.16),
    0 0 34px rgba(255,160,40,.24),
    inset 0 2px 0 rgba(255,255,255,1),
    inset 0 -10px 24px rgba(255,170,58,.12),
    inset 0 0 30px rgba(255,183,88,.10)!important;
  filter:drop-shadow(0 10px 22px rgba(255,145,24,.15)) drop-shadow(0 0 18px rgba(255,166,52,.18));
}
html[data-theme="light"] .commerce-page .commerce-magic-orb::before,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side::before{
  inset:-16px!important;
  background:radial-gradient(circle, rgba(255,168,58,.38) 0%, rgba(255,168,58,.22) 32%, rgba(255,168,58,.11) 52%, rgba(255,168,58,0) 76%)!important;
  filter:blur(18px)!important;
  opacity:1!important;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb::after,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side::after{
  inset:5px!important;
  border-color:rgba(255,174,74,.28)!important;
  box-shadow:inset 0 0 22px rgba(255,176,76,.12)!important;
}
html[data-theme="light"] .commerce-page .commerce-magic-orb strong,
html[data-theme="light"] .commerce-page .commerce-magic-orb-side strong{
  color:#f07400!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8),0 0 16px rgba(255,168,58,.28)!important;
}
html[data-theme="light"] .commerce-page .commerce-side-balance-card{
  box-shadow:0 12px 28px rgba(45,54,72,.05), 0 8px 22px rgba(255,128,28,.07), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
@media(max-width:650px){
  html[data-theme="light"] .commerce-page .commerce-magic-orb::before,
  html[data-theme="light"] .commerce-page .commerce-magic-orb-side::before{
    inset:-10px!important;
    filter:blur(12px)!important;
  }
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.12
   AI Studio account card: wider plan + dashboard-style Magic orb
   ========================================================= */
@media(min-width:901px){
  .studio-pro-hero{grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr)!important}
  .studio-account-panel{min-width:340px!important;padding:17px!important}
}
.studio-account-grid{grid-template-columns:minmax(126px,.82fr) minmax(180px,1.18fr)!important;gap:9px!important}
.studio-account-grid>a{min-height:92px!important}
.studio-plan-account-card{padding:14px 15px!important;align-content:center!important}
.studio-plan-account-card small{font-size:12px!important}
.studio-plan-account-card b{font-size:16px!important;line-height:1.55!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.studio-plan-account-card em{font-size:12px!important}
.studio-wallet-orb-card{display:grid!important;place-items:center!important;padding:8px!important;overflow:visible!important;background:transparent!important;border-color:rgba(255,144,45,.12)!important}
.studio-wallet-orb{position:relative;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;overflow:visible;background:radial-gradient(circle at 34% 24%,rgba(255,203,145,.16),transparent 35%),linear-gradient(145deg,rgba(255,142,34,.13),rgba(255,255,255,.025));border:1px solid rgba(255,143,42,.18);box-shadow:0 0 0 7px rgba(255,132,24,.045),0 12px 26px rgba(0,0,0,.16),0 0 24px rgba(255,132,24,.10),inset 0 1px 0 rgba(255,255,255,.07)}
.studio-wallet-orb>svg{position:absolute;top:-8px;right:-7px;width:31px;height:31px;z-index:2;stroke:#ff8a1a;filter:drop-shadow(0 6px 10px rgba(255,113,0,.24))}
.studio-wallet-orb>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1;text-align:center;margin-top:4px}
.studio-wallet-orb b{font-size:22px!important;line-height:1!important;font-weight:950!important;overflow:visible!important;text-overflow:clip!important}
.studio-wallet-orb small{font-size:12px!important;line-height:1!important;color:#ff9537!important;font-weight:900!important}
html[data-theme="light"] .studio-wallet-orb-card{background:transparent!important}
html[data-theme="light"] .studio-wallet-orb{background:radial-gradient(circle at 34% 24%,#fff7ea 0%,#fff0dc 30%,#ffe4be 64%,#ffd7a8 100%);border-color:rgba(226,112,18,.28);box-shadow:0 0 0 8px rgba(255,132,24,.07),0 10px 24px rgba(45,54,72,.08),0 8px 20px rgba(229,112,18,.10),0 0 22px rgba(255,145,24,.12),inset 0 1px 0 #fff}
html[data-theme="light"] .studio-wallet-orb b{color:#202838!important}
@media(max-width:900px){.studio-account-grid{grid-template-columns:minmax(118px,.75fr) minmax(170px,1.25fr)!important}.studio-wallet-orb{width:76px;height:76px}.studio-wallet-orb b{font-size:20px!important}}
@media(max-width:430px){.studio-account-grid{grid-template-columns:118px minmax(0,1fr)!important}.studio-account-grid>a{min-height:86px!important}.studio-wallet-orb{width:70px;height:70px}.studio-wallet-orb>svg{width:27px;height:27px;top:-6px;right:-5px}.studio-wallet-orb b{font-size:18px!important}.studio-plan-account-card b{font-size:14px!important}}


/* =========================================================
   v2.8.3.12.83 — HF28.33.13
   AI Studio Smart Tools Dock
   Full quick-nav at top -> animated floating icon after scroll -> click to expand.
   ========================================================= */
.studio-context-toggle{
  display:none;
  border:0;
  font:inherit;
  cursor:pointer;
  color:#ffab61;
  -webkit-tap-highlight-color:transparent;
}
.studio-context-toggle>span{
  width:38px;height:38px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(145deg,rgba(255,145,43,.18),rgba(255,105,0,.07));
  border:1px solid rgba(255,151,59,.26);
  box-shadow:0 8px 20px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.05);
}
.studio-context-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-context-toggle small{display:none}
.studio-context-placeholder{height:0;min-height:0;pointer-events:none;transition:height .24s ease}

.studio-page .studio-context-nav.is-collapsed{
  position:fixed!important;
  top:98px!important;
  left:18px!important;
  right:auto!important;
  z-index:1250!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  border-radius:19px!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:left top!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 28px rgba(255,120,20,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .24s ease,box-shadow .24s ease,background .24s ease!important;
  animation:studioToolsDockIn .32s cubic-bezier(.16,1,.3,1) both;
}
.studio-page .studio-context-nav.is-collapsed>.studio-context-link{
  position:absolute!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-8px) scale(.94)!important;
  transition:opacity .14s ease,transform .18s ease,visibility 0s linear .18s!important;
}
.studio-page .studio-context-nav.is-collapsed>.studio-context-toggle{
  position:absolute;
  inset:0;
  width:58px;height:58px;
  padding:0;
  display:grid;
  place-items:center;
  background:transparent;
  border-radius:19px;
  z-index:4;
}
.studio-page .studio-context-nav.is-collapsed>.studio-context-toggle>span{
  width:42px;height:42px;border-radius:14px;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;
}
.studio-page .studio-context-nav.is-collapsed>.studio-context-toggle:hover>span{transform:scale(1.06);box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 22px rgba(255,119,15,.14),inset 0 1px 0 rgba(255,255,255,.06)}

.studio-page .studio-context-nav.is-collapsed.is-flyout-open{
  width:min(640px,calc(100vw - 36px))!important;
  height:132px!important;
  padding:10px 68px 10px 10px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:7px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(17,18,16,.97),rgba(9,10,8,.98))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 38px rgba(255,115,12,.12),inset 0 1px rgba(255,255,255,.035)!important;
}
.studio-page .studio-context-nav.is-collapsed.is-flyout-open>.studio-context-link{
  position:relative!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  min-height:48px!important;
  transition:opacity .2s ease .08s,transform .22s ease .06s,background .18s ease,border-color .18s ease!important;
}
.studio-page .studio-context-nav.is-collapsed.is-flyout-open>.studio-context-toggle{
  top:9px;left:9px;right:auto;bottom:auto;
  width:48px;height:48px;border-radius:15px;
}
.studio-page .studio-context-nav.is-collapsed.is-flyout-open>.studio-context-toggle>span{width:38px;height:38px;transform:rotate(45deg)}

html[data-theme="light"] .studio-page .studio-context-nav.is-collapsed{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,244,233,.97))!important;
  border-color:rgba(221,110,18,.20)!important;
  box-shadow:0 16px 38px rgba(49,58,73,.13),0 0 30px rgba(255,131,25,.15),inset 0 1px #fff!important;
}
html[data-theme="light"] .studio-context-toggle{color:#d8660d}
html[data-theme="light"] .studio-context-toggle>span{background:linear-gradient(145deg,#fff2e3,#ffe5c8);border-color:rgba(226,112,18,.22);box-shadow:0 8px 18px rgba(75,54,35,.08),0 0 18px rgba(255,137,30,.10),inset 0 1px #fff}
html[data-theme="light"] .studio-page .studio-context-nav.is-collapsed.is-flyout-open{background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(255,247,239,.98))!important;box-shadow:0 22px 52px rgba(49,58,73,.15),0 0 34px rgba(255,131,25,.13),inset 0 1px #fff!important}

@keyframes studioToolsDockIn{
  from{opacity:.35;transform:translate3d(-16px,-5px,0) scale(.82)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media(max-width:700px){
  .studio-page .studio-context-nav.is-collapsed{
    top:72px!important;left:10px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:17px!important;
  }
  .studio-page .studio-context-nav.is-collapsed>.studio-context-toggle{width:54px;height:54px;border-radius:17px}
  .studio-page .studio-context-nav.is-collapsed>.studio-context-toggle>span{width:40px;height:40px;border-radius:13px}
  .studio-page .studio-context-nav.is-collapsed.is-flyout-open{
    width:calc(100vw - 20px)!important;height:202px!important;left:10px!important;
    padding:10px 60px 10px 10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,1fr)!important;
    gap:6px!important;border-radius:19px!important;
  }
  .studio-page .studio-context-nav.is-collapsed.is-flyout-open>.studio-context-link{min-height:54px!important;font-size:12px!important}
  .studio-page .studio-context-nav.is-collapsed.is-flyout-open>.studio-context-toggle{top:8px;left:8px;width:44px;height:44px}
}
@media(max-width:390px){
  .studio-page .studio-context-nav.is-collapsed.is-flyout-open{height:194px!important;padding-left:56px!important}
  .studio-page .studio-context-nav.is-collapsed.is-flyout-open>.studio-context-link{font-size:12px!important;gap:4px!important}
}
@media(prefers-reduced-motion:reduce){
  .studio-page .studio-context-nav.is-collapsed{animation:none!important;transition:none!important}
  .studio-page .studio-context-nav.is-collapsed>*{transition:none!important}
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.26
   Special offer overlay + premium discount badge on token packs
   ========================================================= */
.commerce-page .commerce-pack-card{overflow:visible!important}
.commerce-page .commerce-pack-card:after{
  content:"";
  position:absolute;
  inset:auto 22px -12px 22px;
  height:28px;
  border-radius:999px;
  background:radial-gradient(circle at center,rgba(255,153,51,.16),rgba(255,153,51,0) 72%);
  filter:blur(12px);
  pointer-events:none;
  opacity:.7;
}
.commerce-page .commerce-offer-ribbon{
  position:absolute;
  top:-12px;
  right:18px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px 8px 13px;
  border-radius:999px;
  border:1px solid rgba(255,173,76,.42);
  background:linear-gradient(135deg,rgba(255,132,14,.96),rgba(255,96,0,.93));
  color:#fff8ef;
  box-shadow:0 16px 34px rgba(255,107,0,.26),0 0 0 1px rgba(255,255,255,.10) inset;
  overflow:hidden;
}
.commerce-page .commerce-offer-ribbon:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.27),rgba(255,255,255,0) 48%);
  pointer-events:none;
}
.commerce-page .commerce-offer-ribbon:after{
  content:"✦";
  position:relative;
  z-index:1;
  font-size:13px;
  line-height:1;
  color:#fff3d8;
  text-shadow:0 0 12px rgba(255,255,255,.55);
  animation:commerceOfferTwinkle 2.1s ease-in-out infinite;
}
.commerce-page .commerce-offer-ribbon-glow{
  position:absolute;
  inset:auto auto -14px 22px;
  width:54px;
  height:20px;
  border-radius:50%;
  background:rgba(255,222,165,.5);
  filter:blur(14px);
  opacity:.7;
  pointer-events:none;
}
.commerce-page .commerce-offer-ribbon-text{
  position:relative;
  z-index:1;
  font-size:13px;
  font-weight:950;
  letter-spacing:.01em;
  white-space:nowrap;
}
.commerce-page .commerce-badges{align-items:flex-start!important}
.commerce-page .commerce-discount-badge{
  display:inline-grid!important;
  justify-items:center;
  align-content:center;
  gap:1px;
  min-width:80px;
  min-height:60px;
  padding:10px 11px 9px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,180,102,.34)!important;
  background:linear-gradient(160deg,rgba(255,251,244,.16),rgba(255,143,41,.10))!important;
  box-shadow:0 14px 28px rgba(255,122,0,.16), inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:#ffb15e!important;
  font-style:normal!important;
}
.commerce-page .commerce-discount-badge .commerce-discount-value{
  display:block;
  font-size:22px;
  line-height:1;
  font-weight:1000;
  color:#ffb548;
  text-shadow:0 0 18px rgba(255,166,59,.18);
}
.commerce-page .commerce-discount-badge .commerce-discount-label{
  display:block;
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  color:#ffe7c7;
}
html[data-theme="light"] .commerce-page .commerce-offer-ribbon{
  color:#ffffff;
  border-color:rgba(255,138,24,.28);
  box-shadow:0 16px 36px rgba(255,132,14,.20),0 0 0 1px rgba(255,255,255,.4) inset;
}
html[data-theme="light"] .commerce-page .commerce-discount-badge{
  background:linear-gradient(160deg,#fffdf9,#fff2df)!important;
  border-color:rgba(255,151,45,.28)!important;
  box-shadow:0 15px 32px rgba(255,140,31,.13), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .commerce-page .commerce-discount-badge .commerce-discount-label{color:#c37a22}
@keyframes commerceOfferTwinkle{
  0%,100%{transform:scale(1) rotate(0deg);opacity:.88}
  50%{transform:scale(1.12) rotate(8deg);opacity:1}
}
@media(max-width:650px){
  .commerce-page .commerce-offer-ribbon{top:-10px;right:14px;padding:7px 12px 7px 11px}
  .commerce-page .commerce-offer-ribbon-text{font-size:13px}
  .commerce-page .commerce-discount-badge{min-width:70px;min-height:54px;padding:8px 10px!important;border-radius:16px!important}
  .commerce-page .commerce-discount-badge .commerce-discount-value{font-size:19px}
  .commerce-page .commerce-discount-badge .commerce-discount-label{font-size:11.5px}
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.28
   Discount box smaller + special-offer ribbon directly above it
   ========================================================= */
.commerce-page .commerce-pack-card{overflow:hidden!important}
.commerce-page .commerce-pack-head .commerce-badges{
  max-width:92px!important;
  width:92px!important;
  min-width:92px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.commerce-page .commerce-offer-ribbon{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  z-index:2;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  gap:6px!important;
  min-height:26px!important;
  padding:5px 11px 5px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,170,70,.42)!important;
  background:linear-gradient(135deg,#ff8f1f,#ff6f00)!important;
  color:#fff8ef!important;
  box-shadow:0 10px 22px rgba(255,115,0,.20),0 0 0 1px rgba(255,255,255,.10) inset!important;
  overflow:hidden!important;
}
.commerce-page .commerce-offer-ribbon:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%);
  pointer-events:none;
}
.commerce-page .commerce-offer-ribbon:after{
  content:"✦";
  position:relative;
  z-index:1;
  font-size:12px!important;
  line-height:1;
  color:#fff7e0;
  text-shadow:0 0 9px rgba(255,255,255,.5);
}
.commerce-page .commerce-offer-ribbon-glow{
  position:absolute;
  inset:auto auto -8px 18px!important;
  width:38px!important;
  height:14px!important;
  border-radius:50%;
  background:rgba(255,220,165,.42)!important;
  filter:blur(10px)!important;
  opacity:.7!important;
}
.commerce-page .commerce-offer-ribbon-text{
  position:relative;
  z-index:1;
  font-size:12px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.commerce-page .commerce-discount-badge{
  display:inline-grid!important;
  justify-items:center!important;
  align-content:center!important;
  align-self:flex-start!important;
  gap:1px!important;
  width:84px!important;
  min-width:84px!important;
  min-height:48px!important;
  padding:7px 8px 6px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,178,96,.28)!important;
  background:linear-gradient(160deg,rgba(255,250,243,.08),rgba(255,145,45,.06))!important;
  box-shadow:0 10px 22px rgba(255,122,0,.12), inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#ffb15e!important;
  font-style:normal!important;
}
.commerce-page .commerce-discount-badge .commerce-discount-value{
  font-size:18px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.commerce-page .commerce-discount-badge .commerce-discount-label{
  font-size:11.5px!important;
  line-height:1.05!important;
  font-weight:900!important;
}
html[data-theme="light"] .commerce-page .commerce-pack-head .commerce-badges{
  align-items:flex-start!important;
}
html[data-theme="light"] .commerce-page .commerce-offer-ribbon{
  border-color:rgba(255,150,36,.30)!important;
  background:linear-gradient(135deg,#ff9e35,#ff760d)!important;
  box-shadow:0 10px 24px rgba(255,139,35,.17),0 0 0 1px rgba(255,255,255,.52) inset!important;
}
html[data-theme="light"] .commerce-page .commerce-discount-badge{
  background:linear-gradient(160deg,#fffdf9,#fff4e7)!important;
  border-color:rgba(255,153,43,.26)!important;
  box-shadow:0 10px 22px rgba(255,140,31,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html[data-theme="light"] .commerce-page .commerce-discount-badge .commerce-discount-label{color:#c37a22!important}
@media(max-width:650px){
  .commerce-page .commerce-pack-head .commerce-badges{max-width:80px!important;width:80px!important;min-width:80px!important;gap:7px!important}
  .commerce-page .commerce-offer-ribbon{min-height:24px!important;padding:4px 9px 4px 8px!important}
  .commerce-page .commerce-offer-ribbon-text{font-size:12px!important}
  .commerce-page .commerce-discount-badge{width:72px!important;min-width:72px!important;min-height:44px!important;padding:6px 7px 5px!important}
  .commerce-page .commerce-discount-badge .commerce-discount-value{font-size:16px!important}
  .commerce-page .commerce-discount-badge .commerce-discount-label{font-size:11.5px!important}
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.29
   Offer badge enlargement + discount box tightening
   ========================================================= */
.commerce-page .commerce-offer-ribbon{
  min-height:38px!important;
  padding:8px 16px 8px 15px!important;
  gap:8px!important;
  border-radius:999px!important;
}
.commerce-page .commerce-offer-ribbon:after{
  font-size:14px!important;
}
.commerce-page .commerce-offer-ribbon-glow{
  inset:auto auto -10px 21px!important;
  width:52px!important;
  height:16px!important;
  filter:blur(11px)!important;
}
.commerce-page .commerce-offer-ribbon-text{
  font-size:15px!important;
  font-weight:1000!important;
}
.commerce-page .commerce-pack-head .commerce-badges{
  max-width:96px!important;
  width:96px!important;
  min-width:96px!important;
  gap:9px!important;
}
.commerce-page .commerce-discount-badge{
  width:72px!important;
  min-width:72px!important;
  min-height:42px!important;
  padding:5px 6px 5px!important;
  border-radius:16px!important;
}
.commerce-page .commerce-discount-badge .commerce-discount-value{
  font-size:27px!important;
  line-height:.92!important;
}
.commerce-page .commerce-discount-badge .commerce-discount-label{
  font-size:11.5px!important;
  line-height:1!important;
}
html[data-theme="light"] .commerce-page .commerce-offer-ribbon{
  box-shadow:0 12px 28px rgba(255,139,35,.20),0 0 0 1px rgba(255,255,255,.56) inset!important;
}
html[data-theme="light"] .commerce-page .commerce-discount-badge{
  box-shadow:0 9px 18px rgba(255,140,31,.10), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
@media(max-width:650px){
  .commerce-page .commerce-pack-head .commerce-badges{max-width:86px!important;width:86px!important;min-width:86px!important;gap:8px!important}
  .commerce-page .commerce-offer-ribbon{min-height:34px!important;padding:7px 13px 7px 12px!important}
  .commerce-page .commerce-offer-ribbon-text{font-size:13px!important}
  .commerce-page .commerce-offer-ribbon:after{font-size:13px!important}
  .commerce-page .commerce-discount-badge{width:66px!important;min-width:66px!important;min-height:39px!important;padding:4px 5px 4px!important}
  .commerce-page .commerce-discount-badge .commerce-discount-value{font-size:23px!important}
  .commerce-page .commerce-discount-badge .commerce-discount-label{font-size:11.5px!important}
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.30
   Offer 50% outside card + discount moved into price panel
   ========================================================= */
.commerce-page .commerce-pack-card{
  overflow:visible!important;
}
.commerce-page .commerce-pack-head{
  position:relative!important;
  z-index:1!important;
}
.commerce-page .commerce-pack-head .commerce-badges{
  display:none!important;
}
.commerce-page .commerce-offer-ribbon{
  position:absolute!important;
  top:-19px!important;
  right:18px!important;
  left:auto!important;
  z-index:12!important;
  min-height:38px!important;
  padding:8px 16px 8px 15px!important;
  gap:8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff8f1f,#ff6f00)!important;
  border:1px solid rgba(255,170,70,.42)!important;
  box-shadow:0 14px 30px rgba(255,115,0,.24),0 0 0 1px rgba(255,255,255,.12) inset!important;
  overflow:hidden!important;
}
.commerce-page .commerce-offer-ribbon-text{
  font-size:15px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.commerce-page .commerce-offer-ribbon:after{font-size:14px!important}
.commerce-page .commerce-offer-ribbon-glow{
  inset:auto auto -10px 21px!important;
  width:52px!important;
  height:16px!important;
  filter:blur(11px)!important;
}
.commerce-page .commerce-pack-body{
  position:relative!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  direction:rtl!important;
}
.commerce-page .commerce-pack-body .commerce-magic-orb{
  flex:0 0 90px!important;
}
.commerce-page .commerce-pack-body .commerce-pack-price{
  flex:1 1 auto!important;
  min-width:0!important;
}
.commerce-page .commerce-discount-body{
  flex:0 0 72px!important;
  width:72px!important;
  min-width:72px!important;
  min-height:42px!important;
  margin:0!important;
  padding:5px 6px 5px!important;
  align-self:center!important;
  justify-self:auto!important;
  border-radius:16px!important;
}
.commerce-page .commerce-discount-body .commerce-discount-value{
  font-size:27px!important;
  line-height:.92!important;
}
.commerce-page .commerce-discount-body .commerce-discount-label{
  font-size:11.5px!important;
  line-height:1!important;
}
html[data-theme="light"] .commerce-page .commerce-offer-ribbon{
  background:linear-gradient(135deg,#ff9e35,#ff760d)!important;
  border-color:rgba(255,150,36,.30)!important;
  box-shadow:0 14px 30px rgba(255,139,35,.20),0 0 0 1px rgba(255,255,255,.58) inset!important;
}
html[data-theme="light"] .commerce-page .commerce-discount-body{
  background:linear-gradient(160deg,#fffdf9,#fff4e7)!important;
  border-color:rgba(255,153,43,.26)!important;
  box-shadow:0 9px 18px rgba(255,140,31,.10),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
@media(max-width:650px){
  .commerce-page .commerce-offer-ribbon{
    top:-17px!important;
    right:14px!important;
    min-height:34px!important;
    padding:7px 13px 7px 12px!important;
  }
  .commerce-page .commerce-offer-ribbon-text{font-size:13px!important}
  .commerce-page .commerce-offer-ribbon:after{font-size:13px!important}
  .commerce-page .commerce-pack-body{gap:9px!important}
  .commerce-page .commerce-discount-body{
    flex-basis:66px!important;
    width:66px!important;
    min-width:66px!important;
    min-height:39px!important;
    padding:4px 5px!important;
  }
  .commerce-page .commerce-discount-body .commerce-discount-value{font-size:23px!important}
  .commerce-page .commerce-discount-body .commerce-discount-label{font-size:11.5px!important}
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.32
   Special-offer badge mirrored to the top-left edge
   ========================================================= */
.commerce-page .commerce-offer-ribbon{
  left:18px!important;
  right:auto!important;
  top:-19px!important;
}
@media(max-width:650px){
  .commerce-page .commerce-offer-ribbon{
    left:14px!important;
    right:auto!important;
    top:-17px!important;
  }
}


/* =========================================================
   v2.8.3.12.83 — HF28.33.33
   Lower desktop special-offer badge + discounted price stack
   ========================================================= */
@media(min-width:651px){
  .commerce-page .commerce-offer-ribbon{
    top:-14px!important;
    min-height:32px!important;
    padding:6px 14px 6px 13px!important;
    box-shadow:0 12px 26px rgba(255,115,0,.21),0 0 0 1px rgba(255,255,255,.12) inset!important;
  }
  .commerce-page .commerce-offer-ribbon-text{font-size:13px!important}
  .commerce-page .commerce-offer-ribbon:after{font-size:13px!important}
}
.commerce-page .commerce-pack-price{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
}
.commerce-page .commerce-pack-price>small{
  margin:0 0 3px!important;
}
.commerce-page .commerce-pack-price-old{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:rgba(221,194,163,.82)!important;
  text-decoration:line-through!important;
  text-decoration-thickness:2px!important;
  text-decoration-color:rgba(255,147,38,.74)!important;
  opacity:.92!important;
  line-height:1!important;
}
.commerce-page .commerce-pack-price-old b{
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  color:rgba(232,220,208,.78)!important;
}
.commerce-page .commerce-pack-price-old span{
  font-size:12px!important;
  color:#e59e45!important;
  font-weight:900!important;
  padding:0!important;
  line-height:1!important;
}
.commerce-page .commerce-pack-price-note{
  display:block!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#ffb05a!important;
  margin:1px 0 1px!important;
}
.commerce-page .commerce-pack-price .commerce-price-current{
  margin-top:0!important;
}
.commerce-page .commerce-pack-price .commerce-price-current b{
  font-size:23px!important;
}
html[data-theme="light"] .commerce-page .commerce-pack-price-old{
  color:rgba(112,92,74,.70)!important;
  text-decoration-color:rgba(255,140,31,.66)!important;
}
html[data-theme="light"] .commerce-page .commerce-pack-price-old b{
  color:rgba(118,96,72,.78)!important;
}
html[data-theme="light"] .commerce-page .commerce-pack-price-note{
  color:#e28e2f!important;
}
@media(max-width:650px){
  .commerce-page .commerce-pack-price-old b{font-size:13px!important}
  .commerce-page .commerce-pack-price-old span{font-size:11.5px!important}
  .commerce-page .commerce-pack-price-note{font-size:11.5px!important}
  .commerce-page .commerce-pack-price .commerce-price-current b{font-size:20px!important}
}


/* =========================================================
   HF28.55 — Premium Veo Video Studio
   ========================================================= */
.studio-video-lab{position:relative;margin:34px 0;padding:24px;border:1px solid rgba(255,139,37,.24);border-radius:26px;background:linear-gradient(145deg,rgba(20,15,11,.92),rgba(10,10,10,.96));box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);overflow:hidden;isolation:isolate}
.studio-video-lab-glow{position:absolute;z-index:-1;width:300px;height:300px;border-radius:50%;right:-100px;top:-150px;background:rgba(255,111,0,.16);filter:blur(68px);pointer-events:none}
.studio-video-lab-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}
.studio-video-title{min-width:0}.studio-video-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,139,37,.28);background:rgba(255,122,0,.08);color:#ff9b3c;font-size:12px;font-weight:950;letter-spacing:1.6px}.studio-video-title h2{margin:10px 0 5px;font-size:24px;line-height:1.45}.studio-video-title>p{margin:0;max-width:670px;color:var(--muted);font-size:12.5px;line-height:2}.studio-video-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.studio-video-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);color:#bdb5ab;font-size:12px}.studio-video-meta i{color:#ff8a22;font-style:normal}
.studio-video-price{flex:0 0 auto;display:grid;place-items:center;width:88px;min-height:88px;padding:8px;border-radius:22px;border:1px solid rgba(255,142,42,.32);background:linear-gradient(150deg,rgba(255,133,24,.18),rgba(255,102,0,.055));box-shadow:0 0 30px rgba(255,111,0,.09),inset 0 1px rgba(255,255,255,.07)}.studio-video-price strong{font-size:27px;color:#ff9a37;line-height:1}.studio-video-price span{font-size:12px;font-weight:900}.studio-video-price small{font-size:12px;color:var(--muted)}
.studio-video-builder{margin-top:20px}.studio-video-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(0,0,0,.16)}.studio-video-tabs button{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 11px;border:1px solid transparent;border-radius:14px;background:transparent;color:#9d978f;font-family:inherit;text-align:right;cursor:pointer;transition:.18s ease}.studio-video-tabs button>i{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(255,255,255,.035);font-style:normal;font-size:15px}.studio-video-tabs button span{display:grid;gap:2px}.studio-video-tabs button b{font-size:13px}.studio-video-tabs button small{font-size:12px;color:#817b74}.studio-video-tabs button.active{color:#fff;border-color:rgba(255,145,43,.34);background:linear-gradient(135deg,rgba(255,139,37,.16),rgba(255,91,0,.055));box-shadow:0 0 22px rgba(255,111,0,.08),inset 0 1px rgba(255,255,255,.055)}.studio-video-tabs button.active>i{background:rgba(255,126,18,.16);color:#ff9d46}.studio-video-tabs button.active small{color:#bcb3a8}
.studio-video-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-top:14px}.studio-video-main,.studio-video-controls{border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.018)}.studio-video-main{padding:14px}.studio-video-prompt{display:grid;gap:9px}.studio-video-prompt>span{display:grid;gap:3px}.studio-video-prompt b{font-size:12.5px}.studio-video-prompt small{color:var(--muted);font-size:12px}.studio-video-prompt textarea{width:100%;min-height:145px;box-sizing:border-box;resize:vertical;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(0,0,0,.23);color:var(--text);font:500 12.5px/2 Vazir,Arial;outline:0}.studio-video-prompt textarea:focus{border-color:rgba(255,139,37,.38);box-shadow:0 0 0 3px rgba(255,122,0,.055)}
.studio-video-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.studio-video-frames[hidden]{display:none!important}.studio-video-upload{display:flex;align-items:center;gap:10px;min-height:92px;padding:10px;border:1px dashed rgba(255,139,37,.28);border-radius:15px;background:linear-gradient(135deg,rgba(255,139,37,.055),rgba(255,255,255,.012));cursor:pointer;overflow:hidden}.studio-video-upload[hidden]{display:none!important}.studio-video-upload input{display:none}.studio-video-upload-preview{flex:0 0 68px;width:68px;height:68px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.24);display:grid;place-items:center;overflow:hidden;color:#ff8d29;font-size:22px}.studio-video-upload-preview img{width:100%;height:100%;object-fit:cover}.studio-video-upload>span:last-child{min-width:0;display:grid;gap:3px}.studio-video-upload b{font-size:13px}.studio-video-upload small{font-size:12px;line-height:1.65;color:var(--muted)}.studio-video-upload em{font-size:12px;color:#ff9940;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.studio-video-controls{display:grid;align-content:start;gap:13px;padding:14px}.studio-video-control{display:grid;gap:7px}.studio-video-control>span{font-size:12px;font-weight:900;color:#b5aea6}.studio-video-segments{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.studio-video-segments.three{grid-template-columns:repeat(3,1fr)}.studio-video-segments button{min-height:52px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.18);color:#817b74;font-family:inherit;cursor:pointer;display:grid;place-items:center;align-content:center;gap:1px}.studio-video-segments button b{font-size:13px}.studio-video-segments button small{font-size:11.5px}.studio-video-segments button.active{color:#fff;border-color:rgba(255,142,42,.34);background:linear-gradient(135deg,rgba(255,139,37,.17),rgba(255,91,0,.06));box-shadow:0 0 19px rgba(255,111,0,.08)}
.studio-video-submit{display:flex;align-items:center;gap:10px;min-height:62px;margin-top:2px;padding:9px 11px;border:1px solid rgba(255,190,118,.30);border-radius:15px;background:linear-gradient(135deg,#ff902c,#f16300);color:#fff;font-family:inherit;cursor:pointer;box-shadow:0 0 27px rgba(255,100,0,.17),0 12px 27px rgba(111,39,0,.17),inset 0 1px rgba(255,255,255,.30)}.studio-video-submit:disabled{opacity:.52;cursor:wait}.studio-video-submit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.14);font-size:13px}.studio-video-submit>span:nth-child(2){display:grid;gap:1px;text-align:right;flex:1}.studio-video-submit b{font-size:12.5px}.studio-video-submit small{font-size:12px;color:rgba(255,255,255,.78)}.studio-video-submit>i{font-size:17px;font-style:normal}
.studio-video-status-card{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;border:1px solid rgba(255,139,37,.20);border-radius:17px;background:linear-gradient(135deg,rgba(255,139,37,.07),rgba(0,0,0,.08))}.studio-video-status-card[hidden]{display:none!important}.studio-video-spinner{position:relative;flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center}.studio-video-spinner i{position:absolute;inset:0;border:2px solid rgba(255,255,255,.07);border-top-color:#ff8a22;border-radius:50%;animation:studioVideoSpin .9s linear infinite}.studio-video-spinner b{color:#ff9b3d;font-size:14px}.studio-video-status-card>div{flex:1;display:grid;gap:2px}.studio-video-status-card b{font-size:13px}.studio-video-status-card small{font-size:12px;color:var(--muted)}.studio-video-progress{height:4px;margin-top:6px;border-radius:99px;background:rgba(255,255,255,.055);overflow:hidden}.studio-video-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6f00,#ffad58);transition:width 1s linear;box-shadow:0 0 14px rgba(255,122,0,.28)}
.studio-video-result{margin-top:15px;border:1px solid rgba(255,139,37,.18);border-radius:20px;background:rgba(0,0,0,.18);overflow:hidden}.studio-video-result[hidden]{display:none!important}.studio-video-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.065)}.studio-video-result-head span{display:grid}.studio-video-result-head small{font-size:11.5px;color:#ff8c28;font-weight:900;letter-spacing:1px}.studio-video-result-head b{font-size:13px}.studio-video-result-head a{padding:7px 10px;border:1px solid rgba(255,139,37,.24);border-radius:10px;background:rgba(255,122,0,.07);color:#ff9a3c;text-decoration:none;font-size:12px;font-weight:900}.studio-video-result video{display:block;width:100%;max-height:720px;background:#000}.studio-video-disabled{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px;border:1px dashed rgba(255,139,37,.24);border-radius:16px;color:var(--muted)}.studio-video-disabled>span{font-size:22px;color:#ff8a22}.studio-video-disabled>div{display:grid}.studio-video-disabled b{font-size:13px;color:var(--text)}.studio-video-disabled small{font-size:12px}
@keyframes studioVideoSpin{to{transform:rotate(360deg)}}@keyframes studioVideoProgress{0%{transform:translateX(170%)}50%{transform:translateX(-20%)}100%{transform:translateX(-170%)}}

html[data-theme="light"] .studio-video-lab{border-color:rgba(215,109,22,.18);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,248,241,.90));box-shadow:0 22px 65px rgba(98,60,24,.08),inset 0 1px #fff}
html[data-theme="light"] .studio-video-lab-head{border-bottom-color:rgba(79,50,28,.09)}html[data-theme="light"] .studio-video-title>p{color:#786d64}html[data-theme="light"] .studio-video-meta span{border-color:rgba(72,46,28,.09);background:rgba(255,255,255,.62);color:#766a61}
html[data-theme="light"] .studio-video-tabs{border-color:rgba(72,46,28,.09);background:rgba(112,64,26,.035)}html[data-theme="light"] .studio-video-tabs button{color:#7a7068}html[data-theme="light"] .studio-video-tabs button.active{color:#542a0e;border-color:rgba(226,110,19,.24);background:linear-gradient(135deg,rgba(255,143,45,.16),rgba(255,255,255,.70))}
html[data-theme="light"] .studio-video-main,html[data-theme="light"] .studio-video-controls{border-color:rgba(72,46,28,.09);background:rgba(255,255,255,.48)}html[data-theme="light"] .studio-video-prompt textarea{border-color:rgba(72,46,28,.11);background:rgba(255,255,255,.74);color:#32271f}html[data-theme="light"] .studio-video-upload{border-color:rgba(214,107,22,.23);background:linear-gradient(135deg,rgba(255,143,45,.07),rgba(255,255,255,.76))}html[data-theme="light"] .studio-video-upload-preview{border-color:rgba(72,46,28,.09);background:#fff}
html[data-theme="light"] .studio-video-segments button{border-color:rgba(72,46,28,.09);background:rgba(255,255,255,.64);color:#766a61}html[data-theme="light"] .studio-video-segments button.active{color:#542a0e;border-color:rgba(214,105,19,.25);background:rgba(255,139,37,.12)}html[data-theme="light"] .studio-video-status-card{border-color:rgba(214,105,19,.18);background:linear-gradient(135deg,rgba(255,139,37,.08),rgba(255,255,255,.72))}

@media(max-width:820px){
  .studio-video-lab{padding:15px;border-radius:22px}
  .studio-video-lab-head{display:grid}.studio-video-price{position:absolute;top:14px;left:14px;width:68px;min-height:68px;border-radius:18px}.studio-video-price strong{font-size:22px}.studio-video-price small{display:none}.studio-video-title{padding-left:75px}.studio-video-title h2{font-size:20px}
  .studio-video-tabs{grid-template-columns:1fr}.studio-video-tabs button{min-height:52px}.studio-video-grid{grid-template-columns:1fr}.studio-video-frames{grid-template-columns:1fr}.studio-video-controls{grid-template-columns:1fr 1fr}.studio-video-submit{grid-column:1/-1}.studio-video-result-head{align-items:flex-start}
}
@media(max-width:520px){
  .studio-video-controls{grid-template-columns:1fr}.studio-video-title>p{font-size:13px}.studio-video-meta{gap:4px}.studio-video-meta span{font-size:12px}.studio-video-upload{min-height:86px}.studio-video-upload-preview{width:60px;height:60px;flex-basis:60px}.studio-video-result-head{display:grid}
}


/* HF28.58 — Veo 3-minute status timer */
.studio-video-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.studio-video-timer{direction:ltr;display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 8px;border:1px solid rgba(255,145,43,.28);border-radius:999px;background:rgba(255,122,0,.075);color:#ff9a3d;font:900 10.5px/1.2 Vazir,Arial;letter-spacing:.5px;box-shadow:0 0 18px rgba(255,111,0,.08),inset 0 1px rgba(255,255,255,.05)}
html[data-theme="light"] .studio-video-timer{border-color:rgba(215,105,18,.22);background:rgba(255,139,37,.10);color:#b65000;box-shadow:0 0 18px rgba(255,111,0,.07),inset 0 1px rgba(255,255,255,.8)}
@media(max-width:520px){.studio-video-status-line{align-items:flex-start}.studio-video-timer{min-width:52px;font-size:12px}}


/* =========================================================
   HF28.60 — Premium video output cards
   ========================================================= */
.studio-history-row.is-video{
  grid-template-columns:176px minmax(0,1fr) auto!important;
  gap:14px!important;
  min-height:124px!important;
  padding:10px 12px!important;
  align-items:center!important;
}
.studio-history-video{
  position:relative;
  width:176px;
  height:104px;
  overflow:hidden;
  border:1px solid rgba(255,145,46,.15);
  border-radius:13px;
  background:#050505;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18);
}
.studio-history-video video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  background:#000;
  border:0!important;
  border-radius:0!important;
}
.studio-history-row.is-video .studio-history-main p{
  -webkit-line-clamp:3;
}
.studio-history-row.is-video .studio-history-row-actions{
  min-width:104px;
  max-width:180px;
}
.studio-history-row-actions [data-video-download].is-downloading{
  opacity:.62;
  cursor:wait;
  pointer-events:none;
}
html[data-theme="light"] .studio-history-video{
  border-color:rgba(211,103,17,.18);
  background:#f6f3ef;
  box-shadow:inset 0 1px #fff,0 8px 22px rgba(95,55,24,.08);
}

@media(max-width:700px){
  .studio-history-row.is-video{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px!important;
  }
  .studio-history-video{
    width:100%;
    height:min(52vw,230px);
    min-height:180px;
    border-radius:14px;
  }
  .studio-history-row.is-video .studio-history-main{
    padding:1px 2px;
  }
  .studio-history-row.is-video .studio-history-row-actions{
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%;
    max-width:none;
  }
  .studio-history-row.is-video .studio-history-row-actions a,
  .studio-history-row.is-video .studio-history-row-actions button{
    width:100%;
    min-height:38px!important;
  }
}
@media(max-width:390px){
  .studio-history-video{
    height:205px;
    min-height:170px;
  }
}

/* =========================================================
   HF28.61 — Compact premium Video History list
   Keep video outputs as real list rows on desktop + mobile.
   This block intentionally comes after HF28.60 and overrides
   the old full-width mobile video card rules.
   ========================================================= */
#history .studio-history-row.is-video{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) 168px!important;
  grid-template-areas:"actions main video"!important;
  column-gap:14px!important;
  row-gap:8px!important;
  align-items:center!important;
  min-height:116px!important;
  padding:10px 12px!important;
  direction:ltr!important;
  overflow:hidden!important;
}
#history .studio-history-row.is-video .studio-history-video{
  grid-area:video!important;
  position:relative!important;
  justify-self:end!important;
  width:168px!important;
  height:96px!important;
  min-width:168px!important;
  min-height:96px!important;
  max-width:168px!important;
  max-height:96px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,145,46,.18)!important;
  border-radius:13px!important;
  background:#050505!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.22)!important;
  direction:rtl!important;
}
#history .studio-history-row.is-video .studio-history-video video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  background:#050505!important;
  border:0!important;
  border-radius:12px!important;
}
#history .studio-history-row.is-video .studio-history-main{
  grid-area:main!important;
  min-width:0!important;
  align-self:center!important;
  direction:rtl!important;
  text-align:right!important;
}
#history .studio-history-row.is-video .studio-history-title{
  justify-content:flex-start!important;
}
#history .studio-history-row.is-video .studio-history-main p{
  margin-top:5px!important;
  -webkit-line-clamp:2!important;
  font-size:12px!important;
  line-height:1.85!important;
}
#history .studio-history-row.is-video .studio-history-row-actions{
  grid-area:actions!important;
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  direction:rtl!important;
}
#history .studio-history-row.is-video .studio-history-row-actions a,
#history .studio-history-row.is-video .studio-history-row-actions button{
  min-width:58px!important;
  min-height:33px!important;
  padding:0 9px!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
#history .studio-history-row.is-video .studio-history-cost{
  z-index:3!important;
  top:14px!important;
  right:18px!important;
  left:auto!important;
  padding:3px 6px!important;
  border:1px solid rgba(255,145,46,.16)!important;
  background:rgba(9,9,9,.72)!important;
  backdrop-filter:blur(8px)!important;
  color:#ffad62!important;
  pointer-events:none!important;
}
html[data-theme="light"] #history .studio-history-row.is-video .studio-history-video{
  border-color:rgba(211,103,17,.19)!important;
  background:#f5f2ee!important;
  box-shadow:inset 0 1px #fff,0 8px 22px rgba(95,55,24,.08)!important;
}
html[data-theme="light"] #history .studio-history-row.is-video .studio-history-cost{
  border-color:rgba(211,103,17,.14)!important;
  background:rgba(255,255,255,.86)!important;
  color:#b65a0a!important;
}
@media(max-width:700px){
  #history .studio-history-row.is-video{
    grid-template-columns:minmax(0,1fr) 116px!important;
    grid-template-areas:"main video" "actions actions"!important;
    column-gap:10px!important;
    row-gap:8px!important;
    min-height:0!important;
    padding:9px!important;
    align-items:center!important;
  }
  #history .studio-history-row.is-video .studio-history-video{
    width:116px!important;
    height:72px!important;
    min-width:116px!important;
    min-height:72px!important;
    max-width:116px!important;
    max-height:72px!important;
    border-radius:12px!important;
  }
  #history .studio-history-row.is-video .studio-history-main p{
    -webkit-line-clamp:2!important;
    font-size:12px!important;
  }
  #history .studio-history-row.is-video .studio-history-row-actions{
    width:100%!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:5px!important;
    padding-top:1px!important;
  }
  #history .studio-history-row.is-video .studio-history-row-actions a,
  #history .studio-history-row.is-video .studio-history-row-actions button{
    min-width:0!important;
    min-height:32px!important;
    padding:0 9px!important;
    font-size:11.5px!important;
  }
  #history .studio-history-row.is-video .studio-history-cost{
    top:12px!important;
    right:13px!important;
    font-size:11.5px!important;
  }
}
@media(max-width:390px){
  #history .studio-history-row.is-video{
    grid-template-columns:minmax(0,1fr) 96px!important;
    column-gap:8px!important;
    padding:8px!important;
  }
  #history .studio-history-row.is-video .studio-history-video{
    width:96px!important;
    height:62px!important;
    min-width:96px!important;
    min-height:62px!important;
    max-width:96px!important;
    max-height:62px!important;
    border-radius:11px!important;
  }
  #history .studio-history-row.is-video .studio-history-title b{font-size:12px!important}
  #history .studio-history-row.is-video .studio-history-title small{font-size:11.5px!important}
  #history .studio-history-row.is-video .studio-history-main p{font-size:12px!important;line-height:1.75!important}
  #history .studio-history-row.is-video .studio-history-cost{top:11px!important;right:11px!important}
}

/* HF28.97 - AI STUDIO MOBILE SUPER PREMIUM SWIPE DOCK */
@media (max-width:760px){
  .studio-page{padding-bottom:104px}
  .studio-page .v28-bottom.five{
    right:8px!important;
    left:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:72px!important;
    min-height:72px;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    padding:6px 7px;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scroll-padding-inline:10px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
    border:1px solid rgba(255,255,255,.105)!important;
    border-radius:23px!important;
    background:
      radial-gradient(circle at 50% -30%,rgba(255,124,18,.18),transparent 48%),
      linear-gradient(155deg,rgba(30,30,28,.88),rgba(12,13,12,.82))!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%);
    backdrop-filter:blur(28px) saturate(145%);
    box-shadow:0 20px 56px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08),0 0 38px rgba(255,117,14,.055)!important;
  }
  .studio-page .v28-bottom.five::-webkit-scrollbar{display:none;width:0;height:0}
  .studio-page .v28-bottom.five a{
    position:relative;
    flex:0 0 74px;
    min-width:74px!important;
    min-height:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.035);
    border-radius:16px;
    background:linear-gradient(155deg,rgba(255,255,255,.028),rgba(255,255,255,.008));
    color:#969ca5!important;
    font-size:0!important;
    text-align:center;
    scroll-snap-align:center;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
  }
  .studio-page .v28-bottom.five a:active{transform:scale(.96)}
  .studio-page .v28-bottom.five a::before{
    content:"";
    width:22px;
    height:22px;
    flex:0 0 22px;
    background:currentColor;
    opacity:.93;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.16));
  }
  .studio-page .v28-bottom.five a:nth-child(1)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Zm2 1V19h2v-6h10v6h2v-7.5L12 5.7 5 11.5Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Zm2 1V19h2v-6h10v6h2v-7.5L12 5.7 5 11.5Z'/%3E%3C/svg%3E");
  }
  .studio-page .v28-bottom.five a:nth-child(2)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.15 5.85L20 10l-5.85 2.15L12 18l-2.15-5.85L4 10l5.85-2.15L12 2Zm7 12 1.05 2.95L23 18l-2.95 1.05L19 22l-1.05-2.95L15 18l2.95-1.05L19 14Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.15 5.85L20 10l-5.85 2.15L12 18l-2.15-5.85L4 10l5.85-2.15L12 2Zm7 12 1.05 2.95L23 18l-2.95 1.05L19 22l-1.05-2.95L15 18l2.95-1.05L19 14Z'/%3E%3C/svg%3E");
  }
  .studio-page .v28-bottom.five a:nth-child(3)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.2 18.8 8.9-8.9 4 4-8.9 8.9H5.2v-4Zm10.3-10.3 1.8-1.8 4 4-1.8 1.8-4-4ZM8 2l1.1 2.9L12 6 9.1 7.1 8 10 6.9 7.1 4 6l2.9-1.1L8 2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.2 18.8 8.9-8.9 4 4-8.9 8.9H5.2v-4Zm10.3-10.3 1.8-1.8 4 4-1.8 1.8-4-4ZM8 2l1.1 2.9L12 6 9.1 7.1 8 10 6.9 7.1 4 6l2.9-1.1L8 2Z'/%3E%3C/svg%3E");
  }
  .studio-page .v28-bottom.five a:nth-child(4)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 21 8l-9 13.5L3 8l9-5.5ZM6.2 8 12 16.7 17.8 8 12 4.5 6.2 8Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 21 8l-9 13.5L3 8l9-5.5ZM6.2 8 12 16.7 17.8 8 12 4.5 6.2 8Z'/%3E%3C/svg%3E");
  }
  .studio-page .v28-bottom.five a:nth-child(5)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm0 3c5.1 0 9 2.5 9 6v3H3v-3c0-3.5 3.9-6 9-6Zm0 2c-4.1 0-7 1.8-7 4v1h14v-1c0-2.2-2.9-4-7-4Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm0 3c5.1 0 9 2.5 9 6v3H3v-3c0-3.5 3.9-6 9-6Zm0 2c-4.1 0-7 1.8-7 4v1h14v-1c0-2.2-2.9-4-7-4Z'/%3E%3C/svg%3E");
  }
  .studio-page .v28-bottom.five a span{
    display:block!important;
    max-width:100%;
    margin:0!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:inherit;
    font-size:11.5px!important;
    line-height:1.2;
    font-weight:500!important;
    letter-spacing:-.15px;
  }
  .studio-page .v28-bottom.five a.active{
    color:#ff861f!important;
    border-color:rgba(255,139,42,.28)!important;
    background:linear-gradient(150deg,rgba(255,151,63,.17),rgba(255,106,0,.07))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 24px rgba(255,102,0,.12),0 0 22px rgba(255,124,20,.08);
    transform:translateY(-2px);
  }
  .studio-page .v28-bottom.five a.active::before{filter:drop-shadow(0 0 9px rgba(255,125,25,.44))}
  .studio-page .v28-bottom.five a.active::after{
    content:"";
    position:absolute;
    bottom:2px;
    width:18px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#ff8a25,transparent);
    box-shadow:0 0 10px rgba(255,124,20,.52);
  }
  html[data-theme="light"] .studio-page .v28-bottom.five{
    border-color:rgba(30,42,58,.095)!important;
    background:
      radial-gradient(circle at 50% -30%,rgba(255,136,36,.14),transparent 48%),
      linear-gradient(155deg,rgba(255,255,255,.91),rgba(248,249,251,.82))!important;
    box-shadow:0 18px 50px rgba(55,64,80,.15),inset 0 1px 0 rgba(255,255,255,.94),0 0 30px rgba(255,126,24,.05)!important;
  }
  html[data-theme="light"] .studio-page .v28-bottom.five a{
    color:#788291!important;
    border-color:rgba(31,43,59,.035);
    background:linear-gradient(155deg,rgba(255,255,255,.72),rgba(247,248,250,.36));
  }
  html[data-theme="light"] .studio-page .v28-bottom.five a.active{
    color:#d86605!important;
    border-color:rgba(232,111,10,.21)!important;
    background:linear-gradient(150deg,rgba(255,144,42,.13),rgba(255,112,8,.05))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px rgba(214,101,4,.10),0 0 18px rgba(255,124,20,.07);
  }
}