:root{--brand:#ff2f6d;--brand2:#ff7a45;--ink:#111827;--muted:#667085;--line:#eef2f7;--bg:#f6f7fb;--card:#fff;--shadow:0 20px 60px rgba(16,24,40,.08);--radius:18px}
.client-logo.has-brand-image,.brand-logo.has-brand-image{background:#fff!important;overflow:hidden!important;padding:4px!important;color:transparent!important}.client-logo.has-brand-image img,.brand-logo.has-brand-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:inherit!important}.client-brand,.brand-block{min-width:0}.client-brand strong,.brand-block strong,.client-brand span,.brand-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:'Inter','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:#f6f7fb}body:not(.admin-body){background:radial-gradient(circle at 12% 8%,rgba(255,47,109,.18),transparent 30%),radial-gradient(circle at 82% 10%,rgba(255,122,69,.16),transparent 26%),linear-gradient(135deg,#fff8fb 0%,#f8fbff 48%,#fff5ef 100%)}.container{max-width:1200px;margin:0 auto;padding:28px;position:relative}header{margin:8px 0 22px;padding:30px;border-radius:28px;background:linear-gradient(135deg,rgba(255,47,109,.96),rgba(255,122,69,.92));color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}h1{margin:0 0 10px;font-size:36px;letter-spacing:-.04em}h2{margin:0 0 18px;font-size:20px;letter-spacing:-.02em}p{line-height:1.7}main{display:grid;grid-template-columns:1fr;gap:18px}.card{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow);border:1px solid #eef2f7}label{display:block;margin:10px 0 8px;font-weight:700;color:#344054}textarea,input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 13px;font-size:16px;background:#fff;outline:none;transition:.2s}textarea:focus,input:focus{border-color:rgba(255,47,109,.55);box-shadow:0 0 0 4px rgba(255,47,109,.1)}button{margin-top:14px;width:100%;border:none;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:15px;font-weight:800;padding:12px 16px;cursor:pointer;box-shadow:0 12px 26px rgba(255,47,109,.2);transition:.18s}button:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(255,47,109,.26)}button:disabled{opacity:.6;cursor:not-allowed}.storyboard{background:#f8f8f8;border-radius:8px;padding:12px;white-space:pre-wrap}.hidden{display:none}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.result-item{border:1px solid #eef2f7;border-radius:18px;padding:12px;background:#fff;box-shadow:0 10px 26px rgba(16,24,40,.06)}.result-item img{width:100%;border-radius:14px;display:block}.image-error{margin:10px 0 0;color:#d92d20;font-size:13px;font-weight:800}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7;color:#667085;font-size:13px}.pager>div{display:flex;gap:8px}.pager-btn{width:auto;margin:0;padding:8px 12px;border-radius:10px;background:#fff;color:#344054;border:1px solid #d0d5dd;box-shadow:none;font-size:13px}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.meta{margin-top:8px;font-size:12px;color:var(--muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid #eef2f7;border-radius:28px;padding:34px;box-shadow:0 28px 90px rgba(149,50,91,.16);position:relative;overflow:hidden}.auth-card:before{content:'';position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.auth-card h1{font-size:34px}.sub,.auth-link,.auth-msg{color:var(--muted);font-size:14px}.auth-link a{color:var(--brand);font-weight:800;text-decoration:none}.auth-card input{margin-top:12px}.captcha-row{display:grid;grid-template-columns:1fr 132px;gap:10px;align-items:center}.captcha-img{margin-top:12px;width:132px;height:44px;cursor:pointer;border-radius:12px}.app-shell{display:grid;grid-template-columns:238px 1fr;gap:22px}.sidebar{background:#fff;border:1px solid #eef2f7;border-radius:24px;padding:20px;box-shadow:var(--shadow);height:fit-content;position:sticky;top:22px}.sidebar h2{padding:8px 10px;margin-bottom:16px;background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px}.nav{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:8px 0;border-radius:14px;color:#344054;text-decoration:none;font-weight:700}.nav.active,.nav:hover{background:#fff0f4;color:var(--brand)}.ghost-btn{background:#f2f4f7;color:#344054;box-shadow:none}.content{display:grid;gap:18px}.topbar{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:16px 20px;box-shadow:var(--shadow)}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.inline-form button{margin-top:0}.data-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:14px}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{background:#fafafa;color:#475467;font-weight:800;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.table-list{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.badge{display:inline-flex;border-radius:999px;padding:5px 11px;background:#f2f4f7;color:#344054;font-size:12px;font-weight:800}.badge-success,.badge-used{background:#ecfdf3;color:#027a48}.badge-failed{background:#fef3f2;color:#b42318}.badge-processing,.badge-unused{background:#fff7e6;color:#b54708}.small-btn{width:auto;margin:0;padding:8px 13px;font-size:13px}.plus{color:#039855;font-weight:900}.minus{color:#d92d20;font-weight:900}.empty-cell{text-align:center!important;color:var(--muted);padding:28px!important}#status{display:inline-block;margin-top:14px;padding:9px 13px;border-radius:999px;background:#fff0f4;color:#c1154f;font-weight:800;font-size:13px}
/* Professional Admin */.admin-body{background:#f4f6fa;color:#111827}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:#101828;color:#fff;padding:24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand-block{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-weight:900}.brand-block strong{display:block;font-size:16px}.brand-block span{display:block;color:#98a2b3;font-size:12px;margin-top:3px}.admin-nav{padding:22px 0;display:grid;gap:6px}.admin-nav-item{color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px}.admin-nav-item:hover,.admin-nav-item.active{background:rgba(255,255,255,.1);color:#fff}.admin-logout{margin-top:auto;background:#1d2939;color:#fff;box-shadow:none}.admin-main{padding:28px 34px;display:grid;gap:24px;align-content:start}.admin-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:22px 24px;box-shadow:0 12px 36px rgba(16,24,40,.06)}.admin-topbar h1{font-size:30px;margin:0;color:#101828}.eyebrow{margin:0 0 6px;color:#98a2b3;font-size:12px;font-weight:900;letter-spacing:.12em}.admin-user-card{background:#f9fafb;border:1px solid #eef2f7;border-radius:999px;padding:10px 14px;color:#344054;font-weight:800}.admin-section{background:#fff;border:1px solid #e4e7ec;border-radius:22px;padding:24px;box-shadow:0 12px 36px rgba(16,24,40,.06)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2,.panel-title h2{margin:0 0 6px;font-size:21px}.section-head p,.panel-title p{margin:0;color:#667085;font-size:14px}.two-col-section{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;background:transparent;border:none;box-shadow:none;padding:0}.panel-card,.toolbar-card,.table-card{background:#fff;border:1px solid #e4e7ec;border-radius:22px;padding:22px;box-shadow:0 12px 36px rgba(16,24,40,.06)}.table-section{padding:0;background:transparent;border:none;box-shadow:none}.table-section>.section-head{background:#fff;border:1px solid #e4e7ec;border-radius:22px;padding:22px 24px;margin-bottom:14px;box-shadow:0 12px 36px rgba(16,24,40,.06)}.table-title-bar{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 16px;padding-bottom:14px;border-bottom:1px solid #eef2f7}.table-title-bar strong{display:block;font-size:18px;color:#101828}.table-title-bar span{display:block;margin-top:4px;color:#667085;font-size:13px}.sticky-section-title{position:sticky;top:18px;z-index:5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.password-form{grid-template-columns:repeat(3,minmax(0,1fr))}.wechat-pay-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wechat-pay-form label:nth-child(5){grid-column:1/-1}.form-grid label,.toolbar-fields label{margin:0}.form-grid span,.toolbar-fields span{display:block;margin-bottom:8px;color:#475467;font-weight:800;font-size:13px}.primary-action,.secondary-btn{width:auto;margin:0}.primary-action{margin-top:18px;padding:12px 18px}.secondary-btn{background:#fff;color:#344054;border:1px solid #d0d5dd;box-shadow:none}.tips-list{margin:16px 0 0;padding-left:20px;color:#475467;line-height:1.9}.toolbar-card{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.toolbar-fields{display:grid;grid-template-columns:180px 180px;gap:14px}.toolbar-actions{display:flex;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.metric-card{border-radius:20px;padding:18px;min-height:138px;border:1px solid #e4e7ec;background:#fff;position:relative;overflow:hidden}.metric-card:before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:#3b82f6}.metric-green:before{background:#12b76a}.metric-purple:before{background:#7c3aed}.metric-orange:before{background:#f79009}.metric-pink:before{background:#ff2f6d}.metric-dark:before{background:#111827}.metric-card span{display:block;color:#667085;font-size:13px;font-weight:800}.metric-card strong{display:block;margin:10px 0 6px;font-size:28px;letter-spacing:-.04em}.metric-card p{margin:0;color:#98a2b3;font-size:12px}.pro-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.pro-table th{background:#f9fafb;color:#475467;text-align:left;padding:13px 16px;border-bottom:1px solid #e4e7ec;font-size:13px}.pro-table td{padding:14px 16px;border-bottom:1px solid #eef2f7;color:#344054}.pro-table tbody tr:hover{background:#fafcff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin-badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:#f2f4f7;color:#344054}.card-code{background:#f2f4f7;color:#101828;border-radius:8px;padding:6px 8px;font-weight:800}.generated-cards{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:16px;margin-bottom:16px}.generated-title{font-weight:900;margin-bottom:12px}.cards-output{margin-top:0}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.code-grid code{background:#101828;color:#fff;border-radius:10px;padding:10px;text-align:center;font-weight:800}
/* Client user center */.client-body{background:radial-gradient(circle at 12% 8%,rgba(255,47,109,.16),transparent 30%),radial-gradient(circle at 86% 0%,rgba(255,122,69,.14),transparent 24%),linear-gradient(135deg,#fff8fb,#f7f9ff 55%,#fff6ee)}.client-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;padding:24px;gap:24px}.client-sidebar{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:22px;box-shadow:0 24px 70px rgba(149,50,91,.13);height:calc(100vh - 48px);position:sticky;top:24px;display:flex;flex-direction:column}.client-brand{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #f2f4f7}.client-logo{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 14px 30px rgba(255,47,109,.25)}.client-brand strong{display:block}.client-brand span{display:block;color:#98a2b3;font-size:12px;margin-top:3px}.client-nav{display:grid;gap:8px;padding:22px 0}.client-nav-item{padding:13px 14px;border-radius:15px;text-decoration:none;color:#344054;font-weight:800}.client-nav-item:hover,.client-nav-item.active{background:linear-gradient(135deg,#fff0f5,#fff8f0);color:var(--brand)}.client-logout{margin-top:auto;background:#f2f4f7;color:#344054;box-shadow:none}.client-main{display:grid;gap:22px;align-content:start}.client-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px;border-radius:30px;background:linear-gradient(135deg,rgba(255,47,109,.96),rgba(255,122,69,.92));color:#fff;box-shadow:0 24px 70px rgba(255,47,109,.2);position:relative;overflow:hidden}.client-hero:after{content:'';position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.18)}.client-hero h1{font-size:34px;margin:0 0 8px}.client-hero p{margin:0;color:rgba(255,255,255,.86)}.client-hero .eyebrow{color:rgba(255,255,255,.78)}.history-hero{background:linear-gradient(135deg,#101828,#344054)}.user-pill{position:relative;z-index:1;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:12px 16px;font-weight:900;white-space:nowrap}.client-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px}.creator-panel,.result-panel,.mini-card{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.82);border-radius:26px;padding:24px;box-shadow:0 20px 60px rgba(149,50,91,.11)}.field-label{margin-top:18px}.quick-prompts{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.quick-prompts button{width:auto;margin:0;padding:9px 13px;background:#fff0f4;color:var(--brand);box-shadow:none;font-size:13px}.client-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}.account-password-form{grid-template-columns:1fr;max-width:520px}.client-password-form label{margin:0}.client-password-form span{display:block;margin-bottom:8px;color:#475467;font-weight:800;font-size:13px}.client-password-form .primary-action{margin:0;height:46px}  .param-row{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:end}.param-row label{margin:0}.param-row span{display:block;margin-bottom:8px;color:#475467;font-weight:800;font-size:13px}.generate-main-btn{margin:0;height:46px;min-width:140px;width:fit-content;padding:0 20px;border-radius:14px;align-self:end;justify-self:start}.client-status{display:inline-flex!important;margin-top:16px!important;background:#fff0f4!important;color:#c1154f!important}.account-msg{display:inline-flex;margin-top:16px;padding:10px 14px;border-radius:999px;font-weight:900;font-size:13px}.account-msg-success{background:#ecfdf3;color:#027a48}.account-msg-error{background:#fef3f2;color:#b42318}.account-msg-info{background:#f2f4f7;color:#344054}.side-stack{display:grid;gap:20px}.gradient-card{background:linear-gradient(135deg,#fff,#fff0f5)}.gradient-card span{color:var(--brand);font-weight:900;font-size:13px}.gradient-card strong{display:block;font-size:26px;margin:8px 0;color:#101828}.gradient-card p,.tips-card li{color:#667085}.redeem-box{display:grid;grid-template-columns:1fr 86px;gap:10px;margin-top:14px}.redeem-box button{margin:0}.tips-card h3{margin:0 0 12px}.tips-card ul{margin:0;padding-left:18px;line-height:1.9}.compact-head{margin-bottom:16px}.text-link{color:var(--brand);font-weight:900;text-decoration:none}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.package-card{background:linear-gradient(135deg,#fff,#fff7fa);border:1px solid #ffe2eb;border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(149,50,91,.08)}.package-card span{display:block;color:var(--brand);font-weight:900;font-size:13px}.package-card strong{display:block;margin:10px 0;font-size:26px}.package-card em{display:block;color:#101828;font-style:normal;font-weight:900;margin-bottom:12px}.pay-box{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.qrcode{width:240px;height:240px;display:grid;place-items:center;background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:10px}.pay-tips strong{display:block;font-size:28px;color:#101828}.pay-tips span{display:inline-flex;margin:10px 0;padding:8px 12px;border-radius:999px;background:#fff0f4;color:#c1154f;font-weight:900}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.download-all-btn{width:auto;margin:0;padding:10px 14px;font-size:13px;border-radius:999px}.client-results .result-item{border-radius:20px;overflow:hidden}.zoomable-img{cursor:zoom-in;transition:.2s}.zoomable-img:hover{filter:brightness(.96);transform:scale(1.01)}.image-viewer{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}.image-viewer.hidden{display:none}.image-viewer-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.78);backdrop-filter:blur(8px)}.image-viewer-panel{position:relative;z-index:1;max-width:min(92vw,980px);max-height:92vh;background:#0f172a;border-radius:22px;padding:14px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.image-viewer-panel img{display:block;max-width:100%;max-height:84vh;border-radius:16px}.image-viewer-close{position:absolute;right:-12px;top:-12px;width:38px;height:38px;margin:0;padding:0;border-radius:999px;background:#fff;color:#111827;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:26px;line-height:1}.pretty-table th{background:#fff7fa}
.generation-progress{margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(255,73,128,.08),rgba(117,92,255,.08));border:1px solid rgba(255,73,128,.16)}.generation-progress.hidden{display:none}.generation-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#333}.generation-progress-head strong{color:#1f2330}.generation-progress-head span{color:#ff4f8b;font-weight:700}.generation-progress-bar{position:relative;height:8px;margin:12px 0;overflow:hidden;border-radius:999px;background:rgba(31,35,48,.08)}.generation-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4f8b,#8b5cf6);transition:width .3s ease}.generation-progress-list{display:flex;flex-wrap:wrap;gap:8px}.generation-progress-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:#fff;border:1px solid rgba(31,35,48,.08);color:#626878}.generation-progress-chip.active{color:#8b3dff;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}.generation-progress-chip.done{color:#159947;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}.generation-progress-chip.failed{color:#d11;background:rgba(255,60,60,.08);border-color:rgba(255,60,60,.18)}.generation-complete-popup{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}.generation-complete-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.68);backdrop-filter:blur(10px)}.generation-complete-card{position:relative;z-index:1;width:min(94vw,620px);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.32);text-align:center;border:1px solid rgba(255,255,255,.75)}.generation-complete-close{position:absolute;right:14px;top:14px;width:34px;height:34px;margin:0;padding:0;border-radius:999px;background:#f2f4f7;color:#344054;box-shadow:none;font-size:24px;line-height:1}.generation-complete-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:30px;font-weight:900;box-shadow:0 14px 34px rgba(34,197,94,.24)}.generation-complete-card h2{margin:0 0 8px;font-size:24px;color:#101828}.generation-complete-card p{margin:0 0 16px;color:#667085}.generation-complete-gallery{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin:4px auto 10px}.generation-complete-preview{width:min(70vw,360px);max-width:100%;max-height:56vh;object-fit:contain;border-radius:18px;display:block;margin:0 auto;box-shadow:0 14px 36px rgba(16,24,40,.14)}.generation-gallery-nav{flex:0 0 auto!important;width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#101828!important;border:1px solid #eef2f7!important;box-shadow:0 10px 24px rgba(16,24,40,.14)!important;font-size:30px!important;line-height:1!important}.generation-gallery-nav:hover{transform:translateY(-1px)!important;background:#fff7fa!important;color:var(--brand)!important}.generation-gallery-nav:disabled{opacity:.4!important;cursor:not-allowed!important}.generation-gallery-meta{margin:4px 0 8px;color:#667085;font-size:13px;font-weight:800}.generation-gallery-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:8px 0 16px}.generation-gallery-dot{width:8px!important;height:8px!important;min-width:8px!important;margin:0!important;padding:0!important;border-radius:999px!important;background:#d0d5dd!important;border:none!important;box-shadow:none!important}.generation-gallery-dot.active{width:22px!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important}.generation-gallery-dot:hover{transform:none!important;box-shadow:none!important}.generation-complete-card .generation-complete-gallery{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 10px;width:100%}.generation-complete-card .generation-complete-preview{width:min(76vw,460px)!important;max-width:calc(100% - 100px)!important;max-height:62vh!important;object-fit:contain!important;border-radius:18px;display:block;margin:0!important;box-shadow:0 14px 36px rgba(16,24,40,.14)}.generation-complete-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.generation-complete-actions button{width:auto;margin:0}.pretty-table tbody tr:hover{background:#fff8fb}
.seo-content-section{display:grid;gap:20px}.seo-intro-card,.seo-faq-card,.seo-feature-grid article{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.82);border-radius:26px;padding:24px;box-shadow:0 20px 60px rgba(149,50,91,.1)}.seo-intro-card h2,.seo-faq-card h2{margin:0 0 12px;font-size:26px;letter-spacing:-.03em}.seo-intro-card p,.seo-feature-grid p,.seo-faq-card p{color:#667085;margin:0 0 12px}.seo-keyword-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.seo-keyword-grid span{display:inline-flex;padding:9px 13px;border-radius:999px;background:#fff0f4;color:var(--brand);font-weight:900;font-size:13px}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.seo-feature-grid h3{margin:0 0 10px;font-size:18px;color:#101828}.seo-faq-card details{border-top:1px solid #eef2f7;padding:14px 0}.seo-faq-card details:first-of-type{border-top:none}.seo-faq-card summary{cursor:pointer;font-weight:900;color:#101828}.seo-faq-card details p{margin:10px 0 0}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.two-col-section{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr}.seo-feature-grid{grid-template-columns:1fr}}
@media(max-width:768px){body{background:#fff8fb!important}.container{padding:12px}.app-shell,.admin-layout,.client-layout{grid-template-columns:1fr;padding:10px;gap:12px;min-height:auto}.sidebar,.admin-sidebar,.client-sidebar{position:static;height:auto;border-radius:22px;padding:14px;box-shadow:0 12px 34px rgba(149,50,91,.1)}.client-sidebar{display:block}.client-brand{padding-bottom:12px}.client-logo,.brand-logo{width:38px;height:38px;border-radius:13px}.client-brand strong,.brand-block strong{font-size:15px}.client-nav,.admin-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.client-nav::-webkit-scrollbar,.admin-nav::-webkit-scrollbar{display:none}.client-nav-item,.admin-nav-item{flex:0 0 auto;white-space:nowrap;padding:10px 12px;border-radius:999px;font-size:13px}.client-logout,.admin-logout,.ghost-btn{margin-top:12px;padding:10px 12px;font-size:14px}.admin-main,.client-main{padding:0;gap:12px}.admin-topbar,.section-head,.toolbar-card,.client-hero{flex-direction:column;align-items:stretch}.client-hero,.admin-topbar{padding:20px;border-radius:22px}.client-hero h1,.admin-topbar h1,h1{font-size:26px;line-height:1.15}.client-hero p,.section-head p,.panel-title p{font-size:13px;line-height:1.6}.user-pill,.admin-user-card{width:100%;white-space:normal;text-align:center;border-radius:14px}.creator-panel,.result-panel,.mini-card,.admin-section,.panel-card,.toolbar-card,.table-card,.card{padding:16px;border-radius:20px}.client-grid,.metric-grid,.form-grid,.toolbar-fields,.param-row,.redeem-box,.client-password-form,.account-password-form{grid-template-columns:1fr}.side-stack{gap:12px}.quick-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-prompts button{font-size:12px;padding:9px 8px}.generate-main-btn,.client-password-form .primary-action{height:48px}.redeem-box button,.param-row button{margin-top:0}.results,.client-results{grid-template-columns:1fr;gap:12px}.result-item{padding:10px;border-radius:16px}.result-actions{justify-content:flex-start}.download-all-btn,.primary-action,.secondary-btn{width:100%;justify-content:center;text-align:center}.metric-grid{gap:10px}.metric-card{min-height:auto;padding:14px}.metric-card strong{font-size:24px}.table-list{margin:0 -2px;padding-bottom:4px}.data-table,.pro-table{min-width:680px;font-size:12px}.data-table th,.data-table td,.pro-table th,.pro-table td{padding:10px 11px}.pager{align-items:stretch;flex-direction:column}.pager>div{display:grid;grid-template-columns:1fr 1fr}.pager-btn{width:100%;padding:10px}.auth-page{align-items:flex-start;padding:16px;padding-top:8vh}.auth-card{padding:28px 20px;border-radius:24px;box-shadow:0 16px 44px rgba(149,50,91,.14)}.auth-card h1{font-size:28px}.captcha-row{grid-template-columns:1fr 132px}.image-viewer{padding:10px}.image-viewer-panel{border-radius:16px;padding:8px;max-width:96vw}.image-viewer-close{right:6px;top:6px}}
@media(max-width:420px){.client-layout,.admin-layout{padding:8px}.client-hero h1,.admin-topbar h1,h1{font-size:24px}.quick-prompts{grid-template-columns:1fr}.captcha-row{grid-template-columns:1fr}.captcha-img{width:132px}.creator-panel,.result-panel,.mini-card,.admin-section,.panel-card,.toolbar-card,.table-card,.card{padding:14px}.data-table,.pro-table{min-width:620px}.client-nav-item,.admin-nav-item{font-size:12px;padding:9px 10px}}

/* Strong mobile overrides for all pages */
@media(max-width:768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}.auth-page{min-height:100svh;display:block;padding:18px 12px;background:linear-gradient(180deg,#fff3f7,#f8fbff)}.auth-card{max-width:none;width:100%;margin:0 auto;padding:24px 18px;border-radius:22px;box-shadow:0 14px 38px rgba(149,50,91,.12)}.auth-card h1{font-size:26px;line-height:1.2}.auth-card input,.auth-card button{width:100%;min-height:48px}.auth-link,.auth-msg,.sub{font-size:13px}.captcha-row{grid-template-columns:1fr 120px;gap:8px}.captcha-img{width:120px;height:44px}
  .client-layout{display:block!important;width:100%;padding:8px!important}.client-sidebar{width:100%!important;margin:0 0 10px!important;border-radius:18px!important}.client-brand{display:flex}.client-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible!important}.client-nav-item{text-align:center;justify-content:center;white-space:normal!important;line-height:1.25;padding:10px 8px!important}.client-main{display:grid!important;gap:10px!important;width:100%}.client-hero{padding:18px!important;border-radius:20px!important;display:block!important}.client-hero:after{display:none}.client-hero h1{font-size:24px!important}.user-pill{margin-top:14px;padding:10px 12px!important;font-size:13px!important}.client-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.creator-panel,.result-panel,.mini-card{border-radius:18px!important;padding:15px!important}.side-stack{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.param-row,.redeem-box,.client-password-form,.account-password-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.quick-prompts{display:grid!important;grid-template-columns:1fr!important}.quick-prompts button,.generate-main-btn,.redeem-box button,.client-password-form .primary-action{width:100%!important;margin:0!important;min-height:48px}.results,.client-results{display:grid!important;grid-template-columns:1fr!important}.section-head,.compact-head{display:block!important}.result-actions{justify-content:flex-start!important;margin-top:10px}.download-all-btn{width:100%!important}.account-msg{display:flex;width:100%;border-radius:14px;line-height:1.5}
  .admin-layout{display:block!important;width:100%;padding:0!important}.admin-sidebar{position:static!important;height:auto!important;width:100%!important;border-radius:0 0 20px 20px!important;padding:14px!important}.brand-block{padding-bottom:12px}.admin-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible!important;padding:12px 0 4px!important}.admin-nav-item{text-align:center;white-space:normal!important;line-height:1.25;padding:10px 8px!important}.admin-main{padding:10px!important;display:grid!important;gap:10px!important}.admin-topbar,.admin-section,.panel-card,.toolbar-card,.table-card{border-radius:18px!important;padding:15px!important}.admin-topbar{display:block!important}.admin-topbar h1{font-size:24px!important}.admin-user-card{margin-top:12px;text-align:center}.metric-grid{grid-template-columns:1fr!important}.two-col-section{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.form-grid,.toolbar-fields{grid-template-columns:1fr!important}.toolbar-card{display:grid!important;gap:12px!important}.toolbar-actions{display:grid!important;grid-template-columns:1fr!important}.primary-action,.secondary-btn{width:100%!important;margin-top:0!important}.table-title-bar{display:block!important}.pro-table,.data-table{min-width:720px}.table-list{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:14px}.pager{font-size:12px}.pager>div{grid-template-columns:1fr 1fr;width:100%}
}

.sms-login-row{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;margin-top:12px}
.sms-login-row input{margin-top:0}
.sms-login-row button{margin-top:0;height:46px;padding:0 10px;font-size:14px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px;padding:4px;background:#f8fafc;border:1px solid #eef2f7;border-radius:16px}
.auth-tab{margin:0;padding:10px 8px;border-radius:12px;background:transparent;color:#667085;box-shadow:none;font-size:14px}
.auth-tab:hover{transform:none;box-shadow:none;background:#fff;color:var(--brand)}
.auth-tab.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 22px rgba(255,47,109,.18)}
@media(max-width:420px){.sms-login-row,.auth-tabs{grid-template-columns:1fr}.sms-login-row button{width:100%}}

@media(max-width:390px){.client-nav,.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.captcha-row{grid-template-columns:1fr}.captcha-img{width:132px}.auth-card{padding:22px 16px}.pro-table,.data-table{min-width:680px}}

/* Commercial UI polish */
:root{
  --page-max:1360px;
  --panel-shadow:0 18px 48px rgba(16,24,40,.08);
  --panel-border:rgba(228,231,236,.9);
  --soft-surface:rgba(255,255,255,.92);
}

body{font-size:15px;line-height:1.5}
textarea,input,select{min-height:46px;border-color:#d9e0ea;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}
textarea{min-height:132px;line-height:1.65;resize:vertical}
textarea:hover,input:hover,select:hover{border-color:#c7d0dd}
textarea:focus,input:focus,select:focus{border-color:rgba(255,47,109,.68);box-shadow:0 0 0 4px rgba(255,47,109,.1),0 1px 2px rgba(16,24,40,.04)}
button,.primary-action,.generate-main-btn{letter-spacing:.01em}
button:active{transform:translateY(0)}