/* Base UI */
:root{--bg:#f6f8fb;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--blue:#2563eb;--blue2:#eff6ff;--danger:#dc2626;--ok:#059669;--shadow:0 12px 38px rgba(15,23,42,.07)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}
.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:18px}.brand-mark{width:34px;height:34px;border:1px solid #dbeafe;background:#eff6ff;display:grid;place-items:center}.brand-mark svg{width:22px;fill:#2563eb}.topbar nav{display:flex;align-items:center;gap:22px;font-size:14px}.credit{padding:7px 10px;background:#f8fafc;border:1px solid var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);background:var(--blue);color:#fff;padding:10px 16px;cursor:pointer;min-height:40px}.btn.ghost{background:#fff;color:#111827;border-color:var(--line)}.btn.danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn.small{padding:7px 10px;min-height:auto;font-size:12px}
.hero{max-width:1220px;margin:0 auto;padding:78px 24px 40px}.hero h1{font-size:52px;line-height:1.08;max-width:800px;margin:0 0 18px;letter-spacing:-2px}.hero p{font-size:18px;color:var(--muted);max-width:720px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px}
.section{max-width:1220px;margin:0 auto;padding:28px 24px 54px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:0;font-size:28px}.section-title p{margin:6px 0 0;color:var(--muted)}
.tool-grid,.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card,.template-card,.panel,.stat,.auth-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.tool-card{padding:22px;min-height:170px;transition:.2s}.tool-card:hover{border-color:#bfdbfe;background:#fafdff}.tool-icon{width:42px;height:42px;background:#eff6ff;display:grid;place-items:center;margin-bottom:22px}.tool-icon svg{width:22px;stroke:#2563eb;fill:none;stroke-width:1.8}.tool-card h3{margin:0 0 8px;font-size:17px}.tool-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.template-card{overflow:hidden}.template-cover{height:150px;background:linear-gradient(145deg,#dbeafe,#f8fafc);display:grid;place-items:center;color:#64748b}.template-cover img{width:100%;height:100%;object-fit:cover}.template-body{padding:16px}.template-body h3{margin:0 0 6px;font-size:15px}.template-body p{margin:0;color:var(--muted);font-size:12px}.footer{padding:36px;text-align:center;color:#94a3b8;font-size:12px}
.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(430px,100%);padding:30px}.auth-card h1{margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 26px}
.field{margin-bottom:16px}.field label{display:block;font-size:13px;margin-bottom:7px;font-weight:600}.input,.textarea,.select{width:100%;border:1px solid #d1d5db;background:#fff;padding:11px 12px;outline:none}.textarea{min-height:120px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe}.form-msg{padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px;margin-bottom:16px}
.studio{max-width:1420px;margin:0 auto;padding:24px;display:grid;grid-template-columns:280px minmax(0,1fr) 360px;gap:16px}.panel{padding:18px}.panel h2,.panel h3{margin-top:0}.tool-list{display:grid;gap:6px}.tool-list a{padding:11px 12px;border:1px solid transparent;font-size:13px}.tool-list a.active,.tool-list a:hover{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}
.upload-zone{border:1px dashed #94a3b8;background:#f8fafc;min-height:210px;display:grid;place-items:center;text-align:center;padding:20px;cursor:pointer}.upload-zone.drag{background:#eff6ff;border-color:#2563eb}.preview{max-width:100%;max-height:260px;object-fit:contain}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;padding:8px 10px;cursor:pointer;font-size:12px}.chip.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}
.templates-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.template-mini{border:1px solid var(--line);padding:10px;cursor:pointer;font-size:12px}.template-mini.active{background:#eff6ff;border-color:#93c5fd}
.result-box{min-height:330px;background:#f8fafc;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);text-align:center;padding:16px}.result-grid{display:grid;grid-template-columns:1fr;gap:12px}.result-card img{width:100%;display:block;border:1px solid var(--line)}.progress{height:8px;background:#e5e7eb;overflow:hidden}.progress>i{display:block;height:100%;background:#2563eb;width:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px}.stat strong{font-size:28px;display:block}.stat span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f8fafc}.badge{display:inline-block;padding:4px 7px;background:#f1f5f9;font-size:11px}.badge.ok{background:#ecfdf5;color:#047857}.badge.bad{background:#fef2f2;color:#b91c1c}
.dashboard{max-width:1200px;margin:0 auto;padding:30px 24px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.admin-side{background:#0f172a;color:#cbd5e1;padding:18px;display:flex;flex-direction:column;gap:4px}.admin-side a{padding:10px 12px;font-size:13px}.admin-side a:hover{background:#1e293b;color:#fff}.admin-brand{color:#fff;padding-bottom:18px!important;margin-bottom:8px;border-bottom:1px solid #334155}.admin-main{padding:26px;overflow:auto}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-title h1{margin:0}.admin-title p{margin:5px 0 0;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline-form{display:flex;gap:8px;align-items:end}.muted{color:var(--muted)}.notice{padding:12px 14px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:13px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.work-card{background:#fff;border:1px solid var(--line)}.work-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.work-card .meta{padding:10px;font-size:12px}
@media(max-width:1100px){.studio{grid-template-columns:230px 1fr}.studio>.panel:last-child{grid-column:1/-1}.tool-grid,.template-grid,.work-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{padding:0 14px;height:64px}.topbar nav a:not(.btn),.credit{display:none}.hero{padding:48px 18px 24px}.hero h1{font-size:36px;letter-spacing:-1px}.section{padding:24px 18px}.tool-grid,.template-grid,.work-grid,.stats,.grid-2{grid-template-columns:1fr 1fr}.studio{display:block;padding:12px}.studio>.panel{margin-bottom:12px}.admin-shell{display:block}.admin-side{position:static;display:flex;flex-direction:row;overflow:auto}.admin-side a{white-space:nowrap}.admin-brand{display:none}.admin-main{padding:14px}}@media(max-width:500px){.tool-grid,.template-grid,.work-grid,.stats,.grid-2{grid-template-columns:1fr}.hero-actions{display:grid}.templates-mini{grid-template-columns:1fr}.topbar nav{gap:8px}}

/* Creative platform frontend - loaded after base so it can override base styles */
:root{--bg:#f7f8fb;--card:#fff;--text:#111218;--muted:#6f7380;--line:rgba(17,18,24,.10);--blue:#4e6cff;--blue2:#eef1ff;--violet:#8d6bff;--cyan:#60d6ef;--coral:#ff9f8d;--lime:#bde38a;--ink:#111218;--danger:#dc2626;--ok:#059669;--shadow:0 24px 70px rgba(32,38,65,.10);--soft-shadow:0 12px 34px rgba(32,38,65,.08)}
html{scroll-behavior:smooth}body{overflow-x:hidden}.home-body{background:#f7f8fb}.site-body{background:#f7f8fb}.home-body main{position:relative;overflow:hidden}.topbar{height:76px;background:rgba(247,248,251,.78);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid rgba(17,18,24,.07);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:100}.topbar-home{background:rgba(247,248,251,.68)}.brand{display:flex;align-items:center;gap:11px;font-size:16px;letter-spacing:-.2px}.brand-mark{width:36px;height:36px;border:1px solid rgba(78,108,255,.18);background:linear-gradient(145deg,#fff,#e9edff);display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(78,108,255,.12);border-radius:10px}.brand-mark svg{width:19px;fill:none;stroke:#4e6cff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.desktop-nav{display:flex;align-items:center;gap:7px;position:absolute;left:50%;transform:translateX(-50%)}.nav-link,.nav-text{border:0;background:transparent;color:#30323a;font-size:13px;padding:10px 13px;cursor:pointer;display:flex;align-items:center;gap:5px}.nav-link:hover,.nav-text:hover{color:#111218}.nav-product svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-actions{display:flex;align-items:center;gap:8px}.credit{font-size:12px;color:#4a4f5c;padding:8px 10px;border:1px solid var(--line);background:rgba(255,255,255,.66);border-radius:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #4e6cff;background:#4e6cff;color:#fff;padding:10px 16px;cursor:pointer;min-height:40px;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(78,108,255,.18)}.btn-dark{background:#111218;border-color:#111218;color:#fff}.btn-dark:hover{box-shadow:0 12px 26px rgba(17,18,24,.18)}.btn-light{background:#fff;color:#111218;border-color:#fff}.btn-lg{min-height:52px;padding:14px 20px;font-size:14px}.btn.ghost{background:rgba(255,255,255,.76);color:#111218;border-color:rgba(17,18,24,.12);box-shadow:none}.btn.danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn.small{padding:7px 10px;min-height:auto;font-size:12px}.nav-dropdown{position:relative}.product-mega{position:absolute;top:48px;left:50%;transform:translate(-50%,10px);width:720px;padding:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(24px);border:1px solid rgba(17,18,24,.08);box-shadow:0 28px 80px rgba(24,28,45,.16);border-radius:18px;display:grid;grid-template-columns:240px 1fr;gap:12px;opacity:0;visibility:hidden;transition:.22s ease}.nav-dropdown.open .product-mega,.nav-dropdown:hover .product-mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-intro{background:#111218;color:#fff;padding:20px;border-radius:13px}.mega-intro span{font-size:9px;letter-spacing:1.5px;color:#9ea5ff}.mega-intro strong{display:block;font-size:20px;line-height:1.25;margin:42px 0 9px}.mega-intro p{font-size:11px;line-height:1.6;color:#a8acb7;margin:0}.mega-grid{display:grid;grid-template-columns:1fr 1fr}.mega-grid a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;position:relative}.mega-grid a:hover{background:#f5f6fa}.mega-grid b{font-size:12px}.mega-grid small{display:block;color:#8a8e99;font-size:10px;margin-top:3px}.mega-grid em{position:absolute;right:9px;top:9px;font-style:normal;font-size:9px;color:#3863ff;background:#edf1ff;padding:3px 5px;border-radius:6px}.mini-icon{width:28px;height:28px;border-radius:8px;flex:none}.mini-icon.blue{background:linear-gradient(145deg,#6d82ff,#b7c0ff)}.mini-icon.violet{background:linear-gradient(145deg,#a98bff,#dfd4ff)}.mini-icon.cyan{background:linear-gradient(145deg,#77dff4,#cff7ff)}.mini-icon.coral{background:linear-gradient(145deg,#ffab9b,#ffe0d9)}.mini-icon.green{background:linear-gradient(145deg,#b7dd86,#e8f7d0)}.mini-icon.dark{background:linear-gradient(145deg,#252733,#858a9d)}.mobile-menu-btn,.mobile-menu{display:none}

.home-glow{position:absolute;pointer-events:none;filter:blur(1px);border-radius:50%;opacity:.65}.glow-a{width:540px;height:540px;background:radial-gradient(circle,rgba(155,180,255,.25),transparent 68%);top:-110px;right:-120px}.glow-b{width:480px;height:480px;background:radial-gradient(circle,rgba(214,190,255,.22),transparent 68%);top:450px;left:-240px}.home-hero{max-width:1440px;margin:0 auto;min-height:730px;padding:88px 40px 82px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:54px;position:relative}.hero-kicker{font-size:10px;letter-spacing:1.8px;color:#727784;display:flex;align-items:center;gap:9px}.hero-kicker span{width:24px;height:1px;background:#4e6cff}.hero-kicker b{font-weight:500;color:#b0b4bf;margin-left:8px}.home-hero h1{font-size:clamp(58px,6.1vw,96px);line-height:.96;letter-spacing:-5px;margin:23px 0 30px;font-weight:600}.home-hero h1 em{font-style:normal;color:#7c83ff;background:linear-gradient(90deg,#526cff,#9a74ef 48%,#72c6df);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;font-size:17px;line-height:1.8;color:#666b77;margin:0}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:34px}.text-cta{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#32353d}.text-cta span{font-size:18px}.hero-meta{display:flex;gap:26px;margin-top:30px;color:#9397a1;font-size:11px}.hero-meta span:first-child{color:#4e5360}.hero-meta i{display:inline-block;width:7px;height:7px;background:#5dd39a;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(93,211,154,.13)}
.hero-stage{height:570px;position:relative;isolation:isolate}.stage-orbit{position:absolute;border:1px solid rgba(78,108,255,.10);border-radius:50%;z-index:-1}.orbit-one{width:500px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:650px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%);border-style:dashed}.stage-panel{position:absolute;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);box-shadow:0 40px 100px rgba(68,76,118,.16),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.stage-main{width:470px;height:486px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1.2deg);border-radius:26px;padding:14px}.stage-top{height:36px;display:flex;align-items:center;gap:8px;padding:0 5px;font-size:11px}.stage-top small{margin-left:auto;color:#5c65ff;background:#edf0ff;padding:4px 7px;border-radius:7px}.stage-dot{width:8px;height:8px;border-radius:50%;background:#77dcbe}.stage-canvas{height:calc(100% - 36px);background:#fff;border:1px solid rgba(17,18,24,.06);border-radius:18px;padding:12px;display:flex;flex-direction:column}.canvas-art{position:relative;flex:1;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#dce4ff,#f5e9ff 48%,#d7f3f7)}.canvas-art:before{content:"";position:absolute;width:220px;height:220px;border-radius:44% 56% 60% 40%;background:linear-gradient(145deg,#6e85ff,#8e70f1);left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg);box-shadow:inset 20px 20px 50px rgba(255,255,255,.25),0 30px 50px rgba(78,80,180,.18);animation:morph 9s ease-in-out infinite}.canvas-art:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.4) 35%,rgba(100,132,255,.2) 70%);right:36px;top:34px;box-shadow:0 25px 45px rgba(68,89,180,.16);animation:floaty 6s ease-in-out infinite}.shape{position:absolute;display:block;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px)}.shape.s1{width:92px;height:26px;left:24px;top:28px;border-radius:20px}.shape.s2{width:58px;height:58px;left:34px;bottom:34px;border-radius:16px;transform:rotate(16deg)}.shape.s3{width:80px;height:18px;right:25px;bottom:28px;border-radius:14px}.canvas-caption{position:absolute;left:24px;bottom:110px;color:#fff;font-size:22px;font-weight:650;line-height:1.05;letter-spacing:-1px;text-shadow:0 2px 18px rgba(49,60,130,.12)}.canvas-prompt{height:72px;margin-top:10px;border:1px solid rgba(17,18,24,.07);border-radius:13px;display:flex;align-items:center;gap:11px;padding:0 10px}.prompt-mark{width:34px;height:34px;border-radius:10px;background:#f1f3ff;display:grid;place-items:center}.prompt-mark svg{width:16px;fill:none;stroke:#5f72ff;stroke-width:1.7}.canvas-prompt small{display:block;color:#9a9ea8;font-size:9px;margin-bottom:4px}.canvas-prompt strong{font-size:11px;font-weight:600}.canvas-prompt button{margin-left:auto;width:34px;height:34px;border:0;border-radius:9px;background:#111218;color:#fff;display:grid;place-items:center}.canvas-prompt button svg{width:15px;fill:none;stroke:#fff;stroke-width:1.8}.float-card{position:absolute;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(59,67,104,.13);backdrop-filter:blur(16px);border-radius:15px;padding:11px 13px;display:flex;align-items:center;gap:10px;animation:floaty 7s ease-in-out infinite}.float-card small{display:block;font-size:9px;color:#969aa4;margin-bottom:3px}.float-card b{font-size:11px}.float-card>i{font-style:normal;font-size:9px;color:#a4a8b0;margin-left:6px}.float-icon{width:34px;height:34px;border-radius:10px}.float-icon.image{background:linear-gradient(145deg,#768aff,#c6ccff)}.float-icon.map{background:linear-gradient(145deg,#a98bff,#eee8ff)}.float-icon.pdf{background:linear-gradient(145deg,#62d7ec,#d6f8ff)}.float-image{left:0;top:92px}.float-map{right:-2px;top:150px;animation-delay:-2s}.float-pdf{right:30px;bottom:70px;animation-delay:-4s}.float-chip{position:absolute;padding:8px 11px;border-radius:10px;font-size:9px;letter-spacing:1.1px;border:1px solid rgba(17,18,24,.08);background:rgba(255,255,255,.68);backdrop-filter:blur(10px);color:#707581}.chip-video{left:28px;bottom:92px;transform:rotate(-7deg)}.chip-music{right:80px;top:42px;transform:rotate(8deg)}
@keyframes morph{0%,100%{border-radius:44% 56% 60% 40%;transform:translate(-50%,-50%) rotate(20deg) scale(1)}50%{border-radius:58% 42% 42% 58%;transform:translate(-50%,-50%) rotate(-7deg) scale(1.06)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.home-strip{max-width:1360px;margin:0 auto 90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 8px;display:flex;align-items:center;gap:24px;overflow:hidden}.strip-label{font-size:9px;letter-spacing:1.5px;color:#a0a4ad;white-space:nowrap}.strip-track{display:flex;align-items:center;gap:16px;font-size:11px;white-space:nowrap;animation:strip 26s linear infinite}.strip-track i{width:3px;height:3px;background:#9fa4b0;border-radius:50%}@keyframes strip{0%{transform:translateX(0)}50%{transform:translateX(-70px)}100%{transform:translateX(0)}}
.future-section,.image-lab-section,.inspiration-section{max-width:1360px;margin:0 auto;padding:55px 32px 120px}.home-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:40px}.home-section-head h2,.workflow-copy h2{font-size:clamp(42px,4.8vw,68px);line-height:1.03;letter-spacing:-3px;margin:12px 0 0;font-weight:600}.home-section-head>p{max-width:430px;color:#707581;font-size:14px;line-height:1.8;margin:0 0 5px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8d92a0}.product-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.product-card{min-height:310px;border:1px solid rgba(17,18,24,.08);background:rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(33,40,72,.05);padding:20px;position:relative;overflow:hidden;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(33,40,72,.11);border-color:rgba(78,108,255,.16)}.product-feature{grid-column:span 7;min-height:500px;background:linear-gradient(145deg,#171821,#23263a);color:#fff}.product-card:not(.product-feature){grid-column:span 5}.product-card:nth-child(n+4){grid-column:span 4}.product-num{position:absolute;right:18px;top:16px;font-size:10px;color:#a0a4ad}.product-feature .product-num{color:#777d91}.product-copy{position:absolute;left:20px;right:20px;bottom:20px;z-index:2}.product-copy h3{font-size:25px;margin:8px 0 8px;letter-spacing:-.8px}.product-feature .product-copy h3{font-size:34px}.product-copy p{font-size:12px;line-height:1.65;color:#7b7f89;max-width:440px;margin:0}.product-feature .product-copy p{color:#aeb3c1}.status-live,.status-soon{display:inline-flex;font-size:9px;padding:5px 7px;border-radius:7px}.status-live{background:#e9fff5;color:#2b8e64}.status-soon{background:#f2f3f7;color:#8b8f9a}.card-link{margin-top:16px;display:inline-flex;align-items:center;gap:7px;font-size:11px}.card-link svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}.product-visual{position:absolute;left:35%;right:16px;top:18px;height:300px}.pv-frame{position:absolute;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(119,137,255,.75),rgba(174,124,238,.48));box-shadow:0 24px 50px rgba(0,0,0,.16);border-radius:16px}.pv-frame span{display:block;width:55%;height:55%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.16) 60%,transparent);margin:20% auto}.pv-a{width:180px;height:230px;right:40px;top:20px;transform:rotate(8deg)}.pv-b{width:150px;height:190px;right:150px;top:60px;transform:rotate(-7deg);background:linear-gradient(145deg,#6ed4e7,#b8e8f2)}.pv-c{width:115px;height:145px;right:270px;top:105px;transform:rotate(-12deg);background:linear-gradient(145deg,#f4d3f3,#b9b5ff)}.future-art{position:absolute;left:20px;right:20px;top:20px;height:130px;border-radius:14px;background:#f5f6fa;overflow:hidden}.future-art span,.future-art i,.future-art b{position:absolute;display:block}.future-mind span{width:52px;height:52px;border-radius:50%;background:#a987ff;left:50%;top:38px;transform:translateX(-50%);box-shadow:-76px 28px 0 -12px #d7caff,76px 28px 0 -12px #d7caff}.future-mind i{width:140px;height:1px;background:#c7b8f5;left:50%;top:74px;transform:translateX(-50%)}.future-pdf span{width:78px;height:96px;background:#fff;border:1px solid #dce0e8;left:50%;top:17px;transform:translateX(-50%) rotate(-4deg);box-shadow:18px 8px 0 #d8f5fa}.future-pdf i{width:40px;height:4px;background:#77d9ec;left:50%;top:48px;transform:translateX(-50%)}.future-write span{width:180px;height:54px;border:1px solid #e8d4ce;background:#fff5f2;left:50%;top:36px;transform:translateX(-50%)}.future-write i{width:105px;height:4px;background:#f5a28e;left:50%;top:54px;transform:translateX(-50%)}.future-knowledge span{width:118px;height:76px;background:#eaf5df;border:1px solid #d3e9bd;left:50%;top:28px;transform:translateX(-50%);box-shadow:-18px 12px 0 -4px #f4faee,18px -10px 0 -4px #d9efc2}.future-square span{inset:18px;background:linear-gradient(135deg,#f2e8ff 0 33%,#d9edff 33% 66%,#ffe9e1 66%)}.future-music span{width:90px;height:90px;border-radius:50%;background:conic-gradient(#8f74f1,#66d4e9,#ffb1a0,#8f74f1);left:50%;top:20px;transform:translateX(-50%)}.future-music i{width:38px;height:38px;border-radius:50%;background:#fff;left:50%;top:46px;transform:translateX(-50%)}.future-ppt span{width:160px;height:90px;background:#fff;border:1px solid #e1e5ee;left:50%;top:20px;transform:translateX(-50%)}.future-ppt i{width:58px;height:58px;background:#a783ff;left:50%;top:36px;transform:translateX(-42px)}.future-video span{inset:15px;background:linear-gradient(135deg,#171821,#4b5065)}.future-video i{width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:25px solid #fff;left:50%;top:50%;transform:translate(-38%,-50%)}
.image-lab-section{padding-top:20px}.image-lab-shell{min-height:630px;background:#111218;border-radius:22px;padding:12px;display:grid;grid-template-columns:220px 1fr;gap:10px;box-shadow:0 34px 90px rgba(17,18,24,.16)}.lab-sidebar{background:#171820;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;color:#fff;display:flex;flex-direction:column}.lab-brand{display:flex;align-items:center;gap:9px;font-size:13px}.lab-brand>span{width:30px;height:30px;border-radius:9px;background:#272a38;display:grid;place-items:center}.lab-brand svg{width:15px;fill:none;stroke:#9da8ff;stroke-width:1.7}.lab-sidebar nav{display:grid;gap:4px;margin-top:30px}.lab-sidebar nav a{padding:10px 11px;font-size:11px;color:#888d9c;border-radius:9px}.lab-sidebar nav a.active{background:#262937;color:#fff}.lab-tip{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.lab-tip small{font-size:8px;letter-spacing:1.5px;color:#777d91}.lab-tip p{font-size:10px;line-height:1.6;color:#9ea3b0}.lab-main{background:#f7f8fb;border-radius:14px;padding:26px}.lab-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.lab-top small{color:#8b8f9a;font-size:10px}.lab-top h3{font-size:28px;letter-spacing:-1px;margin:6px 0 0}.lab-top>a{font-size:11px;display:flex;align-items:center;gap:7px}.lab-top svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}.lab-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lab-tool{min-height:236px;background:#fff;border:1px solid #e8eaf0;border-radius:13px;padding:10px;transition:.2s}.lab-tool:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(32,38,65,.08)}.mock-pic{height:125px;border-radius:9px;background:#edf0f5;position:relative;overflow:hidden;margin-bottom:11px}.mock-pic span,.mock-pic i,.mock-pic b{display:block;position:absolute}.tool-suite .mock-pic{background:linear-gradient(145deg,#dce4ff,#eee7ff)}.tool-suite .mock-pic span{width:70px;height:90px;background:#7790ff;right:38px;bottom:-7px;transform:rotate(12deg);border-radius:18px}.tool-main .mock-pic{background:linear-gradient(145deg,#edf7ff,#d5edff)}.tool-main .mock-pic span{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#70c5ea 55%,#3f89db);left:50%;top:50%;transform:translate(-50%,-50%)}.tool-model .mock-pic{background:linear-gradient(145deg,#f1e5df,#efe7f4)}.tool-model .mock-pic span{width:58px;height:104px;border-radius:30px 30px 14px 14px;background:linear-gradient(#272b34 0 18%,#a7b0ff 18% 58%,#333845 58%);left:50%;top:14px;transform:translateX(-50%)}.tool-scene .mock-pic{background:linear-gradient(180deg,#d6ebf1 0 58%,#d9d2c2 58%)}.tool-scene .mock-pic span{width:64px;height:70px;background:#faf3e8;left:50%;top:38px;transform:translateX(-50%);border-radius:10px}.tool-recreate .mock-pic{background:linear-gradient(135deg,#ffddd5,#d8e5ff)}.tool-recreate .mock-pic span{width:110px;height:70px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.28);left:50%;top:28px;transform:translateX(-50%) rotate(-6deg);border-radius:12px}.tool-angle .mock-pic{background:#edf0f5}.tool-angle .mock-pic:before,.tool-angle .mock-pic:after{content:"";position:absolute;width:52px;height:70px;background:#6f82e5;top:30px;border-radius:8px}.tool-angle .mock-pic:before{left:40px;transform:rotate(-9deg)}.tool-angle .mock-pic:after{right:40px;transform:rotate(9deg)}.lab-tool small{color:#a4a8b1;font-size:8px}.lab-tool h4{font-size:14px;margin:5px 0}.lab-tool p{font-size:9px;line-height:1.5;color:#8b8f99;margin:0}
.workflow-section{max-width:1360px;margin:0 auto;padding:70px 32px 130px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.workflow-copy p{color:#747985;line-height:1.8;font-size:14px;max-width:470px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}.flow-line{position:absolute;left:16.66%;right:16.66%;top:55px;height:1px;background:linear-gradient(90deg,#7d8bff,#a47fff,#73d2e7)}.workflow-steps article{position:relative}.workflow-steps article>span{font-size:9px;color:#9da1aa}.flow-icon{width:72px;height:72px;margin:18px 0 28px;border-radius:50%;background:#fff;border:1px solid #e5e8ef;display:grid;place-items:center;box-shadow:0 16px 35px rgba(34,40,70,.08);position:relative;z-index:2}.flow-icon i{width:22px;height:22px;border-radius:7px;background:linear-gradient(145deg,#798dff,#b68af4);box-shadow:12px 8px 0 -5px #dbe2ff}.workflow-steps article:nth-child(2) .flow-icon i{background:linear-gradient(145deg,#9b7ef0,#d3b5ff)}.workflow-steps article:nth-child(3) .flow-icon i{background:linear-gradient(145deg,#64cfe3,#b9edf6)}.workflow-steps h3{font-size:17px;margin:0 0 8px}.workflow-steps p{font-size:11px;line-height:1.7;color:#7c818c;margin:0}.inspire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inspire-card{background:#fff;border:1px solid #e8eaf0;border-radius:15px;padding:10px;transition:.22s}.inspire-card:hover{transform:translateY(-4px);box-shadow:0 20px 52px rgba(34,40,70,.10)}.inspire-art{height:230px;border-radius:11px;position:relative;overflow:hidden;background:#eef0f5}.inspire-art span,.inspire-art i,.inspire-art b{display:block;position:absolute}.art-1{background:linear-gradient(145deg,#dce6ff,#eee5ff)}.art-1 span{width:120px;height:150px;background:#6682f2;right:70px;top:42px;border-radius:22px;transform:rotate(12deg);box-shadow:0 24px 40px rgba(74,89,176,.18)}.art-2{background:linear-gradient(145deg,#dbeefd,#dde0ff)}.art-2 span{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#76c2ee 48%,#526bea);left:50%;top:50%;transform:translate(-50%,-50%)}.art-3{background:linear-gradient(145deg,#f4e9ef,#dfe5ff)}.art-3 span{width:74px;height:164px;border-radius:36px 36px 16px 16px;background:linear-gradient(#2c3038 0 17%,#b3baff 17% 58%,#393d48 58%);left:50%;top:36px;transform:translateX(-50%)}.art-4{background:linear-gradient(145deg,#e7f1e4,#e9f6f2)}.art-4 span{width:130px;height:130px;border-radius:35% 65% 54% 46%;background:#9cc684;left:50%;top:50%;transform:translate(-50%,-50%) rotate(22deg)}.art-5{background:linear-gradient(145deg,#171821,#33384d)}.art-5 span{width:160px;height:120px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(97,125,255,.7),rgba(98,213,232,.38));left:50%;top:55px;transform:translateX(-50%) rotate(-5deg);border-radius:18px}.art-6{background:linear-gradient(145deg,#ffe5de,#f0e5ff)}.art-6 span{width:150px;height:90px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.8);left:50%;top:70px;transform:translateX(-50%);border-radius:16px}.inspire-card>div:last-child{padding:12px 4px 7px}.inspire-card small{font-size:8px;color:#aaadb6;letter-spacing:1.1px}.inspire-card h3{font-size:16px;margin:6px 0}.inspire-card p{font-size:10px;color:#868b96;margin:0}.home-cta{max-width:1296px;margin:20px auto 100px;min-height:390px;border-radius:24px;background:#111218;color:#fff;padding:58px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden}.home-cta:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(109,128,255,.48),rgba(154,104,232,.22) 36%,transparent 68%);right:-60px;top:-180px}.cta-orb{position:absolute;width:180px;height:180px;border-radius:44% 56% 60% 40%;background:linear-gradient(145deg,#7992ff,#9b75e7 55%,#65d0e2);right:160px;top:72px;box-shadow:inset 22px 20px 50px rgba(255,255,255,.25),0 32px 70px rgba(63,71,150,.32);animation:morph 10s ease-in-out infinite}.home-cta>div:not(.cta-orb){position:relative;z-index:2}.home-cta h2{font-size:48px;line-height:1.04;letter-spacing:-2px;margin:12px 0 16px}.home-cta p{font-size:12px;line-height:1.7;color:#aeb3c0;max-width:520px}.home-cta>a{position:relative;z-index:2}.footer-new{max-width:1360px;margin:0 auto;padding:50px 32px 28px;color:#7e838f;background:transparent}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:42px;border-bottom:1px solid var(--line)}.footer-brand{color:#111218}.footer-inner p{font-size:11px;margin:10px 0 0}.footer-links{display:flex;gap:26px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;font-size:9px;letter-spacing:.6px;color:#a2a6af}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.coming-page{max-width:1300px;min-height:690px;margin:0 auto;padding:80px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;position:relative}.coming-copy h1{font-size:76px;letter-spacing:-4px;margin:18px 0}.coming-copy>p{font-size:17px;line-height:1.8;color:#777b86;max-width:540px}.coming-tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.coming-tags span{padding:8px 10px;background:#fff;border:1px solid #e5e8ef;border-radius:9px;font-size:10px}.coming-visual{height:480px;display:grid;place-items:center}.coming-window{width:430px;height:340px;background:#fff;border:1px solid #e5e8ef;box-shadow:0 32px 80px rgba(40,47,82,.12);border-radius:20px;padding:14px;transform:rotate(3deg)}.window-top{height:34px;display:flex;gap:6px}.window-top i{width:7px;height:7px;background:#d8dbe4;border-radius:50%}.window-body{height:calc(100% - 34px);border-radius:13px;background:linear-gradient(145deg,#e1e8ff,#eee5ff);padding:28px}.window-body span{display:block;height:12px;background:rgba(255,255,255,.75);margin-bottom:14px;border-radius:7px}.window-body span:nth-child(2){width:65%}.window-body span:nth-child(3){height:86px;width:100%;background:rgba(117,137,255,.42)}.window-body span:nth-child(4){width:82%}.window-body span:nth-child(5){width:54%}

/* keep app screens clean but elevate visual finish */
.panel,.tool-card,.template-card,.stat,.auth-card{border-radius:14px;box-shadow:var(--soft-shadow)}.studio{padding-top:28px}.studio>.panel{background:rgba(255,255,255,.90);border-color:rgba(17,18,24,.08)}.tool-list a,.template-mini,.chip,.input,.textarea,.select,.upload-zone,.result-box,.work-card,.table-wrap{border-radius:10px}.upload-zone{background:linear-gradient(145deg,#fafbff,#f4f6fb);border-color:#cdd3df}.result-box{background:linear-gradient(145deg,#f7f8fb,#fbfbfd)}

@media(max-width:1180px){.desktop-nav{position:static;transform:none;margin-left:auto}.nav-actions{margin-left:10px}.home-hero{grid-template-columns:1fr 1fr;gap:20px;padding-left:28px;padding-right:28px}.hero-stage{transform:scale(.88);transform-origin:center}.product-card:nth-child(n+4){grid-column:span 6}.lab-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav,.nav-actions>.nav-text,.nav-actions>.credit{display:none}.mobile-menu-btn{display:flex;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.mobile-menu-btn span{width:16px;height:1px;background:#111218;transition:.2s}.mobile-menu-btn.open span:first-child{transform:translateY(3px) rotate(45deg)}.mobile-menu-btn.open span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;background:rgba(255,255,255,.97);border:1px solid var(--line);box-shadow:0 24px 60px rgba(30,35,60,.15);border-radius:14px;padding:10px;display:none}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px;font-size:13px;border-bottom:1px solid #f0f1f4}.mobile-menu a:last-child{border:0}.home-hero{grid-template-columns:1fr;padding-top:56px;min-height:auto}.home-hero h1{font-size:68px}.hero-copy>p{max-width:600px}.hero-stage{height:520px;transform:scale(.92)}.home-section-head{align-items:flex-start;flex-direction:column}.product-feature{grid-column:1/-1}.product-card:not(.product-feature),.product-card:nth-child(n+4){grid-column:span 6}.image-lab-shell{grid-template-columns:1fr}.lab-sidebar{display:none}.workflow-section{grid-template-columns:1fr;gap:50px}.inspire-grid{grid-template-columns:repeat(2,1fr)}.home-cta{margin-left:18px;margin-right:18px}.coming-page{grid-template-columns:1fr}.coming-visual{order:-1;height:360px}.coming-window{transform:none}.footer-inner{flex-direction:column;gap:28px}}
@media(max-width:620px){.topbar{height:66px;padding:0 14px}.brand strong{font-size:14px}.nav-actions>.btn{display:none}.home-hero{padding:44px 18px 40px}.home-hero h1{font-size:50px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-meta{gap:12px;flex-direction:column}.hero-stage{height:390px;transform:none;margin-top:20px}.stage-main{width:315px;height:360px;border-radius:20px}.canvas-caption{font-size:17px;bottom:92px}.canvas-prompt{height:63px}.canvas-prompt strong{font-size:9px}.float-card{transform:scale(.78);transform-origin:center}.float-image{left:-25px;top:52px}.float-map{right:-30px;top:105px}.float-pdf{right:-18px;bottom:35px}.chip-video,.chip-music,.orbit-two{display:none}.home-strip{margin:0 18px 60px}.future-section,.image-lab-section,.inspiration-section,.workflow-section{padding:38px 18px 78px}.home-section-head h2,.workflow-copy h2{font-size:39px;letter-spacing:-2px}.product-bento{display:block}.product-card,.product-card:not(.product-feature),.product-card:nth-child(n+4){display:block;margin-bottom:10px;min-height:285px}.product-feature{min-height:430px}.product-visual{left:5%;right:0;top:28px;transform:scale(.8);transform-origin:top right}.lab-main{padding:16px}.lab-top{align-items:flex-start;flex-direction:column;gap:12px}.lab-top h3{font-size:22px}.lab-tools{grid-template-columns:1fr}.image-lab-shell{padding:8px}.workflow-steps{grid-template-columns:1fr}.flow-line{left:35px;top:30px;bottom:30px;width:1px;height:auto;right:auto}.workflow-steps article{padding-left:100px;min-height:120px}.workflow-steps article>span{position:absolute;left:0;top:0}.flow-icon{position:absolute;left:0;top:18px;width:66px;height:66px}.inspire-grid{grid-template-columns:1fr}.inspire-art{height:210px}.home-cta{min-height:510px;padding:34px 24px;align-items:flex-start;flex-direction:column;justify-content:flex-end}.home-cta h2{font-size:38px}.cta-orb{right:-30px;top:40px;width:170px;height:170px}.footer-new{padding-left:18px;padding-right:18px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.footer-bottom{gap:10px;flex-direction:column}.coming-page{padding:55px 18px}.coming-copy h1{font-size:54px;letter-spacing:-3px}.coming-window{width:100%;height:300px}.coming-visual{height:320px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.canvas-art:before,.canvas-art:after,.float-card,.strip-track,.cta-orb{animation:none!important}}


/* account auth, sms and payment */
.auth-wide{width:min(500px,100%);padding:34px}.auth-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.auth-heading p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.7}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f2f6;padding:4px;border-radius:11px;margin-bottom:22px}.auth-tab{height:40px;border:0;background:transparent;color:#777c88;border-radius:8px;cursor:pointer;font-size:13px}.auth-tab.active{background:#fff;color:#111218;box-shadow:0 4px 14px rgba(28,34,60,.08)}
.auth-form .field{margin-bottom:17px}.auth-submit{width:100%;margin-top:4px}.auth-foot{text-align:center;color:#8a8e98;font-size:12px;margin-top:22px}.auth-foot a{color:#4058d6}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px}.code-btn{white-space:nowrap}.field-help{font-size:11px;color:#9599a5;margin:7px 0 0;line-height:1.5}
.recharge-page{max-width:1180px}.recharge-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.recharge-layout>section{background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:16px;padding:24px}.pay-section-head{margin-bottom:18px}.pay-section-head h3{font-size:18px;margin:0 0 6px}.pay-section-head p{font-size:12px;color:var(--muted);margin:0}
.recharge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.recharge-option{min-height:126px;border:1px solid #e5e7ec;background:#fff;border-radius:13px;padding:18px;text-align:left;cursor:pointer;position:relative;transition:.2s}.recharge-option:hover,.recharge-option.active{border-color:#788bff;background:#f8f9ff;box-shadow:0 12px 28px rgba(78,108,255,.10)}.recharge-option.active:after{content:"";position:absolute;right:12px;top:12px;width:9px;height:9px;border-radius:50%;background:#4e6cff;box-shadow:0 0 0 4px #e9edff}.option-price{display:block;font-size:31px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.option-price small{font-size:14px;margin-right:3px}.recharge-option strong{display:block;font-size:13px}.recharge-option em{display:block;font-style:normal;color:#5065d5;font-size:10px;margin-top:6px}
.channel-list{display:grid;gap:8px}.pay-channel{width:100%;display:grid;grid-template-columns:44px 1fr 16px;gap:11px;align-items:center;border:1px solid #e5e7ec;background:#fff;padding:12px;border-radius:12px;text-align:left;cursor:pointer}.pay-channel:hover,.pay-channel.active{border-color:#98a5ef;background:#f9faff}.pay-channel-icon{width:42px;height:42px;display:grid;place-items:center;background:#f3f5fb;border-radius:10px}.pay-channel-icon svg{width:20px;height:20px;fill:none;stroke:#4e6cff;stroke-width:1.7}.pay-channel strong{display:block;font-size:13px}.pay-channel small{display:block;color:#8b909b;font-size:10px;line-height:1.5;margin-top:3px}.pay-channel i{width:13px;height:13px;border:1px solid #cdd1da;border-radius:50%}.pay-channel.active i{border:4px solid #4e6cff}.recharge-submit{width:100%;margin-top:14px}.payment-history{margin-top:18px}.section-title.compact{margin-bottom:12px}.section-title.compact h3{margin:0;font-size:16px}
.pay-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:18px}.pay-modal.open{display:flex}.pay-modal-mask{position:absolute;inset:0;background:rgba(15,17,24,.48);backdrop-filter:blur(7px)}.pay-dialog{width:min(440px,100%);background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:28px;position:relative;z-index:2;box-shadow:0 35px 100px rgba(13,17,35,.28);text-align:center}.pay-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #e5e7ec;background:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer;transform:rotate(135deg)}.pay-close svg{width:16px;fill:none;stroke:#555b66;stroke-width:1.8}.pay-dialog-head>span{font-size:10px;color:#6473d7;background:#eff1ff;padding:6px 9px;border-radius:7px}.pay-dialog-head h3{font-size:22px;margin:15px 0 6px}.pay-dialog-head p{font-size:10px;color:#9a9ea8;margin:0}.pay-amount{font-size:20px;margin:18px 0 14px}.pay-amount strong{font-size:38px;letter-spacing:-1px}.qr-shell{width:250px;height:250px;margin:0 auto;padding:15px;border:1px solid #e5e7ec;border-radius:16px;background:#fff;display:grid;place-items:center}.qr-shell #payQrcode,.qr-shell canvas,.qr-shell img,.qr-shell svg{max-width:220px!important;max-height:220px!important}.pay-status{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;margin:17px 0}.pay-status i{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px #fff7df}.pay-status i.paid{background:#059669;box-shadow:0 0 0 4px #e7f8f1}.pay-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-tip{font-size:10px;color:#9a9ea8;margin:13px 0 0}
.admin-flash{margin-bottom:16px}.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-section-head h3{margin:0 0 6px}.admin-section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.compact-textarea{min-height:86px}.sms-template-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sms-template-card,.payment-config-block,.recharge-admin-card{border:1px solid #e5e7ec;background:#fbfcfe;border-radius:13px;padding:16px}.template-card-head,.config-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.template-card-head strong,.config-title strong{display:block;font-size:14px}.template-card-head div span{display:block;color:#9a9ea8;font-size:10px;margin-top:4px}.config-title p{color:#858a96;font-size:11px;line-height:1.6;margin:5px 0 0;max-width:680px}.payment-config-block{margin-bottom:12px;background:#fff}.legacy-block{background:#fafafa}.small-select{width:116px}.key-textarea{min-height:100px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.callback-line{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#f5f6f9;border-radius:9px;font-size:11px;margin:4px 0 14px;overflow:auto}.callback-line span{white-space:nowrap;color:#6f7480}.callback-line code{white-space:nowrap;color:#30343d}.recharge-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recharge-admin-card.new-card{border-style:dashed}.check-line{display:flex;align-items:center;gap:7px;font-size:12px;margin:4px 0 14px}
@media(max-width:900px){.recharge-layout{grid-template-columns:1fr}.sms-template-list,.recharge-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.auth-wrap{padding:24px 14px}.auth-wide{padding:24px 18px}.code-row{grid-template-columns:1fr 116px}.recharge-grid,.sms-template-list,.recharge-admin-grid{grid-template-columns:1fr}.recharge-layout>section{padding:18px}.pay-dialog{padding:24px 17px}.pay-dialog-actions{grid-template-columns:1fr}.qr-shell{width:232px;height:232px}.qr-shell #payQrcode,.qr-shell canvas,.qr-shell img,.qr-shell svg{max-width:202px!important;max-height:202px!important}.admin-section-head,.config-title{flex-direction:column}.small-select{width:100%}}


/* homepage refinement: platform-first, no decorative English labels */
.brand-logo-only{gap:0;min-width:150px}.site-logo{display:block;width:auto;height:38px;max-width:190px;object-fit:contain;object-position:left center}.footer-logo{height:34px;max-width:180px}.logo-fallback{width:118px;height:32px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid rgba(78,108,255,.14);background:linear-gradient(145deg,#fff,#eef1ff);border-radius:9px}.logo-fallback i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,#6078ff,#9a79ef)}.logo-fallback i:nth-child(1){width:28px}.logo-fallback i:nth-child(2){width:18px;opacity:.78}.logo-fallback i:nth-child(3){width:36px;opacity:.45}.mega-svg{width:38px;height:38px;border-radius:10px;background:#f2f4fb;display:grid;place-items:center}.mega-svg svg{width:19px;height:19px;fill:none;stroke:#5267d8;stroke-width:1.7}.product-mega .mega-intro{padding-top:4px}.product-mega .mega-intro>strong{font-size:21px;line-height:1.25}.product-mega .mega-intro>p{margin-top:10px}

.home-body main{overflow:visible}.creator-hero{max-width:1380px;min-height:720px;margin:0 auto;padding:82px 34px 74px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:66px;align-items:center;position:relative}.creator-hero:before{content:"";position:absolute;left:-180px;top:-170px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(112,132,255,.15),rgba(159,121,237,.07) 44%,transparent 70%);pointer-events:none}.creator-hero-copy{position:relative;z-index:2}.creator-hero h1{font-size:82px;line-height:.98;letter-spacing:-5px;margin:0;color:#111218;font-weight:650}.creator-hero h1 span{background:linear-gradient(90deg,#536dff 5%,#8f73ec 52%,#5dbdcc);-webkit-background-clip:text;background-clip:text;color:transparent}.creator-hero-copy>p{font-size:17px;line-height:1.8;color:#6f7480;max-width:660px;margin:25px 0 28px}
.creator-composer{background:rgba(255,255,255,.92);border:1px solid rgba(17,18,24,.10);border-radius:18px;box-shadow:0 26px 80px rgba(39,46,81,.12);overflow:hidden;max-width:680px}.composer-tabs{height:54px;display:flex;align-items:center;gap:3px;padding:7px 9px;border-bottom:1px solid #eceef3;overflow:auto}.composer-tabs a{height:39px;padding:0 11px;display:flex;align-items:center;gap:6px;color:#777c88;font-size:11px;border-radius:9px;white-space:nowrap}.composer-tabs a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.composer-tabs a.active{background:#eff2ff;color:#4159d3}.composer-input{padding:18px}.composer-placeholder{min-height:76px;color:#343842;font-size:15px;line-height:1.6;padding:4px 2px}.composer-prompt-input{display:block;width:100%;min-height:82px;resize:none;border:0;outline:0;background:transparent;color:#262933;font:inherit;font-size:15px;line-height:1.65;padding:4px 2px 12px}.composer-prompt-input::placeholder{color:#737887;opacity:1}.composer-prompt-input:focus::placeholder{color:#a2a6b1}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-upload{border:0;background:transparent;color:#777c86;font-size:11px;display:flex;align-items:center;gap:7px;padding:9px 2px;cursor:pointer}.composer-upload svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.composer-start{height:42px;padding:0 15px;border-radius:10px;background:#111218;color:#fff;font-size:12px;display:flex;align-items:center;gap:8px}.composer-start svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;color:#9599a3;font-size:10px}.hero-quick-links a{padding:7px 9px;background:rgba(255,255,255,.68);border:1px solid #e5e7ed;border-radius:8px;color:#656a76}.hero-quick-links a:hover{border-color:#cfd6ff;color:#4058d6}

.creator-board{height:570px;position:relative;display:grid;place-items:center}.creator-board:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#e5e9ff 0,#eeebff 42%,rgba(247,248,251,0) 70%);filter:blur(1px)}.board-window{width:590px;height:440px;background:rgba(255,255,255,.94);border:1px solid rgba(17,18,24,.10);border-radius:22px;box-shadow:0 35px 100px rgba(43,48,81,.16);position:relative;z-index:3;overflow:hidden;transform:rotate(1.2deg)}.board-toolbar{height:48px;border-bottom:1px solid #eceef3;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:11px;color:#5e636e}.board-toolbar>div{display:flex;gap:5px}.board-toolbar i{width:6px;height:6px;border-radius:50%;background:#d8dbe3}.board-body{display:grid;grid-template-columns:150px 1fr;height:calc(100% - 48px)}.board-body aside{padding:16px 12px;background:#fafbfe;border-right:1px solid #eceef3}.board-body aside>strong{display:block;font-size:9px;color:#8e929c;margin:7px 5px 8px}.board-body aside>button{width:100%;height:32px;border:0;background:transparent;border-radius:8px;text-align:left;padding:0 9px;color:#727783;font-size:10px;margin-bottom:3px}.board-body aside>button.active{background:#eef1ff;color:#4259d0}.board-upload{height:83px;border:1px dashed #ccd1dc;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8b909b;font-size:9px;margin-bottom:15px}.board-upload svg{width:18px;height:18px;fill:none;stroke:#6074dd;stroke-width:1.7}.board-body>section{padding:15px;background:#f4f6fa}.board-canvas{height:292px;background:linear-gradient(145deg,#e2e7f6,#eef0f8);border-radius:13px;position:relative;overflow:hidden}.board-product{position:absolute;width:145px;height:190px;left:50%;top:48%;transform:translate(-50%,-50%);background:linear-gradient(155deg,#7788eb,#5066da);border-radius:22px;box-shadow:0 28px 50px rgba(73,86,166,.25)}.board-product:before{content:"";position:absolute;left:18px;right:18px;top:20px;height:18px;border-radius:9px;background:rgba(255,255,255,.35)}.board-product span{position:absolute;left:23px;right:23px;top:60px;height:68px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}.board-product i{position:absolute;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.16);left:50%;bottom:23px;transform:translateX(-50%)}.board-result{position:absolute;width:82px;height:105px;border-radius:12px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 28px rgba(52,61,108,.12)}.result-one{left:24px;bottom:24px;transform:rotate(-7deg)}.result-two{right:24px;top:25px;transform:rotate(8deg)}.board-prompt{height:55px;margin-top:9px;background:#fff;border:1px solid #e6e8ee;border-radius:11px;padding:0 8px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.board-prompt span{font-size:9px;color:#6c717b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-prompt button{width:36px;height:36px;border:0;border-radius:9px;background:#111218;color:#fff;display:grid;place-items:center}.board-prompt svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}.board-float{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.93);border:1px solid rgba(17,18,24,.08);border-radius:13px;padding:11px 13px;box-shadow:0 20px 50px rgba(38,45,78,.13)}.board-float>span{width:34px;height:34px;border-radius:9px;background:#eef1ff;display:grid;place-items:center}.board-float svg{width:17px;height:17px;fill:none;stroke:#5268da;stroke-width:1.7}.board-float small{display:block;font-size:8px;color:#969aa4}.board-float b{display:block;font-size:10px;margin-top:2px}.float-ready{left:-16px;top:105px}.float-next{right:-18px;bottom:76px}

.creator-products,.creator-image-workbench,.creator-flow,.creator-inspiration{max-width:1360px;margin:0 auto;padding:74px 32px 110px}.creator-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.creator-section-head h2{font-size:42px;line-height:1.08;letter-spacing:-2px;margin:0 0 9px}.creator-section-head p{color:#777c87;font-size:13px;line-height:1.7;margin:0;max-width:620px}.section-link{font-size:11px;color:#525966;display:flex;align-items:center;gap:7px;padding-bottom:4px}.section-link svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.creator-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.creator-product-card{min-height:220px;border:1px solid #e6e8ee;background:rgba(255,255,255,.78);border-radius:15px;padding:19px;display:flex;flex-direction:column;position:relative;transition:.22s}.creator-product-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 20px 45px rgba(34,40,70,.09)}.creator-product-card.is-live{background:linear-gradient(150deg,#f7f8ff,#eef2ff);border-color:#d5dcff}.creator-product-icon{width:43px;height:43px;border-radius:11px;background:#f2f4f9;display:grid;place-items:center;margin-bottom:34px}.is-live .creator-product-icon{background:#dfe5ff}.creator-product-icon svg{width:20px;height:20px;fill:none;stroke:#566adc;stroke-width:1.65}.product-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-title-line h3{font-size:16px;margin:0}.product-title-line span{font-size:8px;color:#858b98;background:#f1f2f5;border-radius:6px;padding:5px 6px;white-space:nowrap}.is-live .product-title-line span{color:#3e57ce;background:#e1e7ff}.creator-product-copy p{font-size:10px;line-height:1.65;color:#838894;margin:9px 0 0}.creator-product-arrow{position:absolute;right:17px;bottom:17px;width:30px;height:30px;border-radius:9px;border:1px solid #e3e5eb;display:grid;place-items:center;color:#777c87}.creator-product-arrow svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}

.workbench-shell{background:#fff;border:1px solid #e5e7ed;border-radius:20px;padding:9px;box-shadow:0 30px 85px rgba(39,46,80,.10);display:grid;grid-template-columns:180px 1fr;min-height:610px}.workbench-side{background:#f7f8fb;border-radius:14px;padding:18px 11px;display:flex;flex-direction:column}.workbench-side>strong{font-size:11px;margin:4px 9px 14px}.workbench-side>a{padding:11px 10px;border-radius:9px;font-size:11px;color:#767b86}.workbench-side>a.active{background:#fff;color:#4058d2;box-shadow:0 8px 20px rgba(38,44,72,.06)}.workbench-side-tip{margin-top:auto;padding:13px;background:#fff;border:1px solid #e8eaf0;border-radius:11px}.workbench-side-tip span{font-size:9px;color:#4c60c9}.workbench-side-tip p{font-size:9px;line-height:1.55;color:#858a95;margin:6px 0 0}.workbench-main{padding:24px}.workbench-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.workbench-title small{font-size:9px;color:#999da6}.workbench-title h3{font-size:25px;letter-spacing:-1px;margin:5px 0 0}.workbench-title>a{font-size:10px;color:#4b5260;display:flex;align-items:center;gap:6px}.workbench-title svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}.workbench-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.workbench-tool{border:1px solid #e6e8ed;border-radius:13px;padding:9px;background:#fff}.workbench-art{height:160px;border-radius:10px;background:linear-gradient(145deg,#e2e7ff,#f1ecff);position:relative;overflow:hidden;margin-bottom:12px}.workbench-tool:nth-child(2) .workbench-art{background:linear-gradient(145deg,#e2f2ff,#e7e8ff)}.workbench-tool:nth-child(3) .workbench-art{background:linear-gradient(145deg,#efe6ee,#dfe6ff)}.workbench-tool:nth-child(4) .workbench-art{background:linear-gradient(145deg,#e6f1e4,#edf5ee)}.workbench-tool:nth-child(5) .workbench-art{background:linear-gradient(145deg,#ffe8df,#e9e5ff)}.workbench-tool:nth-child(6) .workbench-art{background:linear-gradient(145deg,#eceef3,#dde3f7)}.workbench-art span{position:absolute;width:74px;height:103px;border-radius:15px;background:linear-gradient(155deg,#7083eb,#4e63d4);left:50%;top:26px;transform:translateX(-50%) rotate(5deg);box-shadow:0 20px 35px rgba(70,83,162,.19)}.workbench-art i{position:absolute;width:90px;height:16px;border-radius:50%;background:rgba(52,60,96,.14);left:50%;bottom:20px;transform:translateX(-50%);filter:blur(4px)}.workbench-tool h4{font-size:13px;margin:0 3px 5px}.workbench-tool p{font-size:9px;line-height:1.5;color:#858a95;margin:0 3px 4px}

.creator-flow{padding-top:60px}.creator-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.creator-flow-grid article{min-height:230px;background:#fff;border:1px solid #e6e8ed;border-radius:15px;padding:24px}.flow-step-icon{width:48px;height:48px;border-radius:13px;background:#eef1ff;display:grid;place-items:center;margin-bottom:45px}.flow-step-icon svg{width:21px;height:21px;fill:none;stroke:#566adc;stroke-width:1.65}.creator-flow-grid h3{font-size:18px;margin:0 0 8px}.creator-flow-grid p{font-size:11px;color:#818692;line-height:1.7;margin:0}
.creator-inspire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.creator-inspire-card{background:#fff;border:1px solid #e7e9ee;border-radius:15px;padding:9px;transition:.22s}.creator-inspire-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(36,42,70,.09)}.creator-inspire-art{height:220px;border-radius:11px;position:relative;overflow:hidden;background:#e8ecff}.creator-inspire-art span,.creator-inspire-art i,.creator-inspire-art b{position:absolute;display:block}.inspire-1{background:linear-gradient(145deg,#dce7ff,#eee7ff)}.inspire-1 span{width:105px;height:142px;border-radius:19px;background:#6077e5;left:50%;top:38px;transform:translateX(-50%) rotate(9deg)}.inspire-2{background:linear-gradient(145deg,#dff3ff,#e0e4ff)}.inspire-2 span{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#76c2ee 48%,#526bea);left:50%;top:50%;transform:translate(-50%,-50%)}.inspire-3{background:linear-gradient(145deg,#f2e9ef,#dfe7ff)}.inspire-3 span{width:70px;height:150px;border-radius:34px 34px 15px 15px;background:linear-gradient(#31343d 0 18%,#aeb8ff 18% 60%,#3c404a 60%);left:50%;top:35px;transform:translateX(-50%)}.inspire-4{background:linear-gradient(145deg,#e8f3e5,#e9f6f2)}.inspire-4 span{width:125px;height:125px;border-radius:38% 62% 54% 46%;background:#9bc985;left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg)}.inspire-5{background:linear-gradient(145deg,#20222c,#353b53)}.inspire-5 span{width:150px;height:108px;border-radius:16px;background:linear-gradient(145deg,rgba(98,125,255,.74),rgba(95,210,230,.38));left:50%;top:55px;transform:translateX(-50%) rotate(-4deg)}.inspire-6{background:linear-gradient(145deg,#ffe7df,#eee7ff)}.inspire-6 span{width:140px;height:85px;border-radius:15px;background:rgba(255,255,255,.58);left:50%;top:70px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.8)}.creator-inspire-card>div:last-child{padding:12px 4px 6px}.creator-inspire-card h3{font-size:15px;margin:0 0 5px}.creator-inspire-card p{font-size:9px;line-height:1.5;color:#888d98;margin:0}
.creator-cta{max-width:1296px;min-height:320px;margin:0 auto 90px;background:#111218;color:#fff;border-radius:23px;padding:48px 54px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden}.creator-cta:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-70px;top:-170px;background:radial-gradient(circle,rgba(112,132,255,.50),rgba(143,103,230,.20) 40%,transparent 70%)}.creator-cta>div,.creator-cta>a{position:relative;z-index:2}.creator-cta h2{font-size:46px;letter-spacing:-2px;margin:0 0 10px}.creator-cta p{font-size:12px;color:#aeb3c0;margin:0}.logo-setting-row{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:start}.logo-preview-box{height:86px;border:1px solid #e3e6ed;background:#f8f9fc;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center}.logo-preview-box img{max-width:100%;max-height:56px;object-fit:contain}.logo-preview-box.empty{color:#999da7;font-size:11px}.logo-upload-copy .input{background:#fff}

@media(max-width:1180px){.brand-logo-only{min-width:130px}.creator-hero{grid-template-columns:1fr 1fr;gap:30px}.creator-hero h1{font-size:70px}.board-window{width:520px}.creator-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-logo{height:34px;max-width:165px}.brand-logo-only{min-width:auto}.creator-hero{grid-template-columns:1fr;padding-top:58px;min-height:auto}.creator-hero h1{font-size:66px}.creator-board{height:510px;margin-top:10px}.board-window{width:min(590px,94vw)}.creator-product-grid{grid-template-columns:repeat(2,1fr)}.workbench-shell{grid-template-columns:1fr}.workbench-side{display:none}.creator-flow-grid{grid-template-columns:1fr}.creator-inspire-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{height:66px}.site-logo{height:31px;max-width:145px}.creator-hero{padding:46px 18px 60px}.creator-hero h1{font-size:50px;letter-spacing:-3px}.creator-hero-copy>p{font-size:14px}.creator-composer{border-radius:15px}.composer-tabs a{display:flex}.composer-actions{align-items:flex-end}.composer-placeholder{font-size:13px;min-height:88px}.creator-board{height:390px}.board-window{width:340px;height:330px;border-radius:17px}.board-body{grid-template-columns:90px 1fr}.board-body aside{padding:10px 7px}.board-upload{height:60px}.board-canvas{height:200px}.board-product{width:100px;height:135px}.board-prompt{height:46px}.board-float{transform:scale(.82)}.float-ready{left:-6px;top:55px}.float-next{right:-7px;bottom:36px}.creator-products,.creator-image-workbench,.creator-flow,.creator-inspiration{padding:48px 18px 76px}.creator-section-head{align-items:flex-start;flex-direction:column;gap:12px}.creator-section-head h2{font-size:34px;letter-spacing:-1.5px}.creator-product-grid{grid-template-columns:1fr}.creator-product-card{min-height:180px}.creator-product-icon{margin-bottom:24px}.workbench-main{padding:13px}.workbench-title{align-items:flex-start;flex-direction:column;gap:10px}.workbench-title h3{font-size:21px}.workbench-tools{grid-template-columns:1fr 1fr}.workbench-art{height:125px}.creator-inspire-grid{grid-template-columns:1fr}.creator-inspire-art{height:205px}.creator-cta{margin:0 18px 70px;min-height:390px;padding:34px 25px;align-items:flex-start;flex-direction:column;justify-content:flex-end}.creator-cta h2{font-size:37px}.logo-setting-row{grid-template-columns:1fr}.logo-preview-box{justify-content:flex-start}}


/* logged-in AI workspace */
.workspace-body{background:#f5f6f9;color:#15161b;min-height:100vh}.workspace-topbar{height:64px;position:sticky;top:0;z-index:90;display:grid;grid-template-columns:190px 1fr 220px;align-items:center;padding:0 24px;border-bottom:1px solid #e7e8ed;background:rgba(255,255,255,.92);backdrop-filter:blur(20px)}.workspace-logo{display:flex;align-items:center}.workspace-site-logo{height:34px;max-width:165px}.workspace-nav{display:flex;justify-content:center;gap:5px}.workspace-nav a{font-size:12px;color:#737782;padding:9px 13px;border-radius:9px}.workspace-nav a:hover,.workspace-nav a.active{background:#f0f2f7;color:#16171c}.workspace-user{display:flex;align-items:center;justify-content:flex-end;gap:10px}.workspace-credit{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #e3e5eb;background:#fff;border-radius:10px;font-size:10px;color:#8b8f99}.workspace-credit strong{font-size:12px;color:#30333a}.workspace-avatar{width:38px;height:38px;border-radius:10px;background:#111218;color:#fff;display:grid;place-items:center;font-size:12px}
.workspace-main{max-width:1320px;margin:0 auto;padding:50px 28px 90px}.ws-hero{padding:30px 0 42px}.ws-welcome{text-align:center;margin-bottom:25px}.ws-welcome h1{font-size:42px;letter-spacing:-2px;margin:0 0 9px}.ws-welcome p{font-size:13px;color:#7f838d;margin:0}.ws-composer{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e1e3e9;border-radius:18px;box-shadow:0 24px 70px rgba(35,40,69,.09);overflow:hidden}.ws-composer-main{padding:20px 20px 8px}.ws-composer textarea{width:100%;min-height:112px;border:0;resize:none;outline:none;font:inherit;font-size:16px;line-height:1.7;color:#24262d;background:transparent}.ws-composer textarea::placeholder{color:#afb2ba}.ws-composer-preview{position:relative;width:116px;height:82px;border-radius:10px;overflow:hidden;border:1px solid #e1e3e9;margin-top:10px}.ws-composer-preview img{width:100%;height:100%;object-fit:cover}.ws-composer-preview button{position:absolute;right:4px;top:4px;border:0;background:rgba(17,18,24,.72);color:#fff;border-radius:6px;font-size:8px;padding:5px 6px}.ws-composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-top:1px solid #eceef2;gap:14px}.ws-input-actions,.ws-create-select{display:flex;align-items:center;gap:7px}.ws-soft-btn{height:38px;border:0;background:#f4f5f8;border-radius:9px;color:#666b76;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.ws-soft-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}.ws-create-select select{height:38px;border:1px solid #e2e4e9;background:#fff;border-radius:9px;padding:0 30px 0 10px;font-size:10px}.ws-generate{height:40px;border:0;background:#111218;color:#fff;border-radius:9px;padding:0 15px;display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.ws-generate svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}.ws-suggestions{display:flex;align-items:center;gap:6px;padding:0 13px 13px;flex-wrap:wrap}.ws-suggestions>span{font-size:9px;color:#9a9ea8}.ws-suggestions button{border:1px solid #e7e9ee;background:#fff;border-radius:7px;color:#737883;font-size:9px;padding:6px 8px;cursor:pointer}
.ws-section{padding:34px 0}.ws-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.ws-section-head h2{font-size:22px;margin:0 0 4px;letter-spacing:-.7px}.ws-section-head p{font-size:10px;color:#9397a1;margin:0}.ws-section-head>a{font-size:10px;color:#666c77;display:flex;align-items:center;gap:6px}.ws-section-head>a svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.ws-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ws-app-card{min-height:142px;background:#fff;border:1px solid #e4e6eb;border-radius:13px;padding:15px;display:grid;grid-template-columns:40px 1fr;gap:11px;position:relative}.ws-app-card:hover{border-color:#cfd5f4;box-shadow:0 14px 32px rgba(35,41,74,.07)}.ws-app-card.live{background:linear-gradient(145deg,#fff,#f5f7ff)}.ws-app-icon{width:40px;height:40px;border-radius:10px;background:#f1f3f8;display:grid;place-items:center}.ws-app-icon svg{width:18px;height:18px;fill:none;stroke:#586ddc;stroke-width:1.65}.ws-app-card h3{font-size:13px;margin:3px 0 5px}.ws-app-card p{font-size:9px;color:#858a94;line-height:1.55;margin:0;padding-right:28px}.ws-app-card em{position:absolute;right:12px;bottom:12px;font-style:normal;font-size:8px;color:#8b9099;background:#f3f4f6;border-radius:6px;padding:4px 6px}.ws-app-card.live em{color:#4058cf;background:#e9edff}
.ws-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ws-work-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;overflow:hidden}.ws-work-card img{width:100%;aspect-ratio:1.2/1;object-fit:cover;display:block;background:#eef0f5}.ws-work-card>div{padding:10px}.ws-work-card strong{display:block;font-size:11px}.ws-work-card span{display:block;color:#969aa4;font-size:8px;margin-top:4px}.ws-empty{min-height:170px;border:1px dashed #d7dae2;background:#fafbfc;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:16px;padding:25px}.ws-empty>span{width:48px;height:48px;border-radius:12px;background:#eef1ff;display:grid;place-items:center}.ws-empty svg{width:21px;height:21px;fill:none;stroke:#5e72df;stroke-width:1.7}.ws-empty strong{font-size:13px}.ws-empty p{font-size:9px;color:#90949e;margin:5px 0 0}.ws-empty>a{margin-left:20px;font-size:10px;padding:9px 11px;border:1px solid #e0e3e9;background:#fff;border-radius:8px}
.ws-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ws-template-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:8px}.ws-template-art{height:140px;border-radius:9px;background:linear-gradient(145deg,#e2e8ff,#f0e9ff);position:relative;overflow:hidden}.ws-template-art span{position:absolute;width:65px;height:92px;border-radius:14px;background:#687ee8;left:50%;top:24px;transform:translateX(-50%) rotate(7deg)}.ws-template-art i{position:absolute;width:90px;height:13px;border-radius:50%;background:rgba(50,60,110,.12);left:50%;bottom:14px;transform:translateX(-50%);filter:blur(4px)}.art-2{background:linear-gradient(145deg,#e3f1ff,#e4e8ff)}.art-3{background:linear-gradient(145deg,#f2e5ec,#e3eaff)}.art-4{background:linear-gradient(145deg,#e9f4e5,#eff8f0)}.art-5{background:linear-gradient(145deg,#ffe8de,#eee8ff)}.art-6{background:linear-gradient(145deg,#222530,#3b435b)}.art-7{background:linear-gradient(145deg,#f4eadf,#e8e7ff)}.art-8{background:linear-gradient(145deg,#e5eef1,#e4e7f6)}.ws-template-card h3{font-size:11px;margin:10px 3px 4px}.ws-template-card p{font-size:8px;line-height:1.5;color:#8d919b;margin:0 3px 4px}.existing-template-box{border:1px solid #dfe4ff;background:#f8f9ff;border-radius:12px;padding:15px;margin:3px 0 17px}.existing-template-box>div:first-child strong{font-size:13px}.existing-template-box>div:first-child p{font-size:10px;color:#7f8490;margin:5px 0 12px}.existing-template-form{display:grid;grid-template-columns:1fr auto;gap:8px}.template-example{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:9px;color:#8d919b}.template-example code{color:#454a55;background:#fff;border:1px solid #e5e7ef;border-radius:6px;padding:6px 8px}
@media(max-width:980px){.workspace-topbar{grid-template-columns:150px 1fr 150px}.ws-app-grid,.ws-work-grid,.ws-template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.workspace-topbar{height:60px;grid-template-columns:1fr auto;padding:0 14px}.workspace-nav{display:none}.workspace-credit span{display:none}.workspace-main{padding:28px 14px 65px}.ws-welcome h1{font-size:32px}.ws-composer-bottom{align-items:stretch;flex-direction:column}.ws-create-select{justify-content:space-between}.ws-create-select select{flex:1}.ws-input-actions{flex-wrap:wrap}.ws-app-grid,.ws-work-grid,.ws-template-grid{grid-template-columns:1fr 1fr}.ws-section-head{align-items:flex-start;gap:8px;flex-direction:column}.existing-template-form{grid-template-columns:1fr}.template-example{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.ws-app-grid,.ws-work-grid,.ws-template-grid{grid-template-columns:1fr}.ws-composer textarea{font-size:14px}.ws-create-select{display:grid;grid-template-columns:1fr}.ws-generate{justify-content:center}.ws-empty{align-items:flex-start;flex-direction:column}.ws-empty>a{margin-left:0}}


/* persistent creator sidebar */
.workspace-body{background:#f6f7fa;overflow-x:hidden}.workspace-shell{min-height:100vh}.workspace-sidebar{position:fixed;left:0;top:0;bottom:0;width:232px;background:#fff;border-right:1px solid #e7e8ed;z-index:120;display:flex;flex-direction:column}.workspace-sidebar-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 19px;border-bottom:1px solid #eceef2}.workspace-sidebar-head .workspace-logo{min-width:0}.workspace-site-logo{height:33px;max-width:158px}.workspace-sidebar-close{display:none;width:34px;height:34px;border:0;background:#f3f4f7;border-radius:9px;place-items:center;transform:rotate(180deg)}.workspace-sidebar-close svg{width:15px;fill:none;stroke:#6f7480;stroke-width:1.8}.workspace-side-nav{flex:1;overflow-y:auto;padding:14px 10px 18px;scrollbar-width:thin}.workspace-side-group{margin-bottom:18px}.workspace-side-label{font-size:9px;color:#a2a6af;padding:0 10px 7px;letter-spacing:.2px}.workspace-side-item{min-height:39px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;color:#666b76;font-size:11px;position:relative;margin-bottom:2px}.workspace-side-item:hover{background:#f5f6f9;color:#292c33}.workspace-side-item.active{background:#eef1ff;color:#4058d0;font-weight:600}.workspace-side-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.workspace-side-item.active .workspace-side-icon{background:#fff;box-shadow:0 3px 10px rgba(66,83,174,.08)}.workspace-side-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65}.workspace-side-item em{margin-left:auto;font-style:normal;font-size:7px;color:#a0a4ad;background:#f1f2f5;padding:3px 4px;border-radius:4px;white-space:nowrap}.workspace-side-bottom{padding:11px;border-top:1px solid #eceef2}.workspace-balance-card{height:51px;background:linear-gradient(145deg,#f2f4ff,#f7f5ff);border:1px solid #e1e5ff;border-radius:10px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.workspace-balance-card span{font-size:8px;color:#858a96;display:block}.workspace-balance-card strong{font-size:15px;display:block;margin-top:2px;color:#303850}.workspace-balance-card small{font-size:9px;color:#4058cf;background:#fff;border:1px solid #dde2ff;padding:5px 7px;border-radius:6px}.workspace-account-card{height:52px;border-radius:10px;display:grid;grid-template-columns:32px 1fr 14px;align-items:center;gap:9px;padding:0 8px}.workspace-account-card:hover{background:#f6f7f9}.workspace-account-avatar{width:32px;height:32px;border-radius:9px;background:#111218;color:#fff;display:grid;place-items:center;font-size:10px}.workspace-account-card strong{display:block;font-size:10px;color:#383b43}.workspace-account-card small{display:block;font-size:8px;color:#9b9fa8;margin-top:2px}.workspace-account-card>svg{width:13px;fill:none;stroke:#9b9fa8;stroke-width:1.7}.workspace-stage{margin-left:232px;min-height:100vh}.workspace-topbar{height:66px;position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(255,255,255,.91);border-bottom:1px solid #e7e8ed;backdrop-filter:blur(18px)}.workspace-topbar-left{display:flex;align-items:center;gap:12px}.workspace-sidebar-trigger{display:none;width:36px;height:36px;border:1px solid #e3e5ea;background:#fff;border-radius:9px;padding:0 9px}.workspace-sidebar-trigger span{display:block;height:1px;background:#5e626c;margin:5px 0}.workspace-page-title strong{display:block;font-size:13px}.workspace-page-title span{display:block;font-size:8px;color:#9a9ea7;margin-top:2px}.workspace-user{display:flex;align-items:center;gap:7px}.workspace-top-action{font-size:10px;color:#737883;padding:8px 9px;border-radius:8px}.workspace-top-action:hover{background:#f3f4f7;color:#292c33}.workspace-main{max-width:1420px;margin:0 auto;padding:34px 30px 84px}.ws-hero{padding-top:14px}.ws-welcome{text-align:left;max-width:900px;margin:0 auto 18px}.ws-welcome h1{font-size:33px;letter-spacing:-1.4px}.ws-welcome p{font-size:11px}.ws-composer{max-width:960px}.ws-quick-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ws-quick-tools>a{min-height:88px;background:#fff;border:1px solid #e4e6eb;border-radius:11px;padding:13px;display:flex;align-items:flex-start;gap:9px}.ws-quick-tools>a:hover{border-color:#cfd6f4;box-shadow:0 12px 28px rgba(40,46,78,.06)}.ws-quick-tools>a>span{width:35px;height:35px;border-radius:9px;background:#f0f2f8;display:grid;place-items:center}.ws-quick-tools svg{width:17px;height:17px;fill:none;stroke:#586cdb;stroke-width:1.65}.ws-quick-tools strong{display:block;font-size:11px;margin:2px 0 4px}.ws-quick-tools small{display:block;font-size:8px;color:#90949d;line-height:1.45}.workspace-studio{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);max-width:1240px;margin:0 auto;gap:12px}.workspace-studio>.panel{margin:0}.studio-create-panel{min-width:0}.studio-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:5px}.studio-panel-head h2{margin-top:0}.studio-home-link{font-size:9px;color:#777c87;display:flex;align-items:center;gap:6px;white-space:nowrap}.studio-home-link svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.8}.workspace-sidebar-mask{display:none}

@media(max-width:1180px){.ws-quick-tools{grid-template-columns:repeat(3,1fr)}.workspace-studio{grid-template-columns:1fr}.workspace-studio>aside.panel{min-height:320px}}
@media(max-width:820px){.workspace-sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(25,30,56,.13)}.workspace-sidebar-open .workspace-sidebar{transform:translateX(0)}.workspace-sidebar-close{display:grid}.workspace-sidebar-mask{position:fixed;inset:0;background:rgba(19,22,31,.34);z-index:110;display:block;opacity:0;pointer-events:none;transition:.2s}.workspace-sidebar-open .workspace-sidebar-mask{opacity:1;pointer-events:auto}.workspace-stage{margin-left:0}.workspace-sidebar-trigger{display:block}.workspace-main{padding:25px 16px 65px}.workspace-topbar{padding:0 14px}.workspace-top-action{display:none}.ws-quick-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.workspace-page-title span{display:none}.workspace-credit span{display:none}.workspace-credit{padding:0 9px}.ws-quick-tools{grid-template-columns:1fr}.studio-panel-head{flex-direction:column;gap:5px}.workspace-studio{display:block}.workspace-studio>aside.panel{margin-top:12px}}

/* AI assistant */
.ai-chat-shell{height:calc(100vh - 132px);min-height:650px;display:grid;grid-template-columns:228px minmax(0,1fr);background:#fff;border:1px solid #e3e5ea;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(28,34,55,.05)}
.ai-chat-history{background:#f8f9fb;border-right:1px solid #e7e9ee;display:flex;flex-direction:column;min-width:0}.ai-chat-history-head{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eaef}.ai-chat-history-head strong{display:block;font-size:12px}.ai-chat-history-head span{display:block;font-size:8px;color:#9a9eaa;margin-top:2px}.ai-chat-new{font-size:9px;border:1px solid #dfe2e9;background:#fff;padding:7px 9px;border-radius:7px;color:#414651}.ai-chat-history-list{padding:9px;overflow-y:auto;flex:1}.ai-chat-history-item{display:block;padding:10px 10px;border-radius:8px;margin-bottom:3px;color:#555b67}.ai-chat-history-item:hover{background:#f0f2f6}.ai-chat-history-item.active{background:#e9edff;color:#314fc5}.ai-chat-history-item span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-history-item small{display:block;font-size:7px;color:#9ca1ab;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-history-item.active small{color:#7180c5}.ai-chat-history-empty{font-size:9px;color:#a2a6af;text-align:center;padding:35px 8px}.ai-chat-delete{margin:9px;border:0;background:transparent;color:#a26767;font-size:8px;padding:8px;border-radius:7px;cursor:pointer}.ai-chat-delete:hover{background:#fff0f0}
.ai-chat-main{min-width:0;display:grid;grid-template-rows:62px minmax(0,1fr) auto;background:#fff}.ai-chat-toolbar{display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #eceef2}.ai-chat-model-wrap{display:flex;align-items:center;gap:7px}.ai-chat-model-wrap label{font-size:8px;color:#999ea8}.ai-chat-model-wrap select{height:32px;border:1px solid #dfe2e8;background:#fff;border-radius:8px;padding:0 28px 0 9px;font-size:9px;color:#333944}.ai-chat-toolbar-meta{margin-left:auto;font-size:8px;color:#8e939d;background:#f5f6f8;padding:6px 8px;border-radius:6px}.ai-chat-messages{overflow-y:auto;padding:28px max(22px,calc((100% - 850px)/2));scroll-behavior:smooth}.ai-chat-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px}.ai-chat-empty>span{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#eef1ff,#f5f1ff);display:grid;place-items:center;margin-bottom:18px}.ai-chat-empty svg{width:25px;height:25px;fill:none;stroke:#5269d5;stroke-width:1.6}.ai-chat-empty h2{font-size:22px;letter-spacing:-.7px;margin:0 0 8px}.ai-chat-empty p{font-size:10px;line-height:1.7;color:#8b909a;max-width:520px;margin:0}.ai-chat-starters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:22px}.ai-chat-starters button{border:1px solid #e0e3e9;background:#fff;border-radius:9px;padding:9px 11px;font-size:9px;color:#626772;cursor:pointer}.ai-chat-starters button:hover{border-color:#cdd4f5;background:#f8f9ff;color:#4358bf}
.ai-chat-message{max-width:850px;margin:0 auto 24px}.ai-chat-message-label{font-size:8px;font-weight:600;color:#9ca0aa;margin-bottom:7px}.ai-chat-message-text{font-size:12px;line-height:1.82;color:#2f333b;white-space:pre-wrap;word-break:break-word}.ai-chat-message.user{padding-left:18%}.ai-chat-message.user .ai-chat-message-text{background:#f3f5f8;border:1px solid #e7e9ee;border-radius:12px;padding:12px 14px}.ai-chat-message.assistant .ai-chat-message-text{padding:2px 0}.ai-chat-message.pending .ai-chat-message-text{color:#8d929c}.ai-chat-message-actions{display:flex;gap:6px;margin-top:9px}.ai-chat-message-actions button{border:1px solid #e2e4e9;background:#fff;border-radius:6px;color:#808590;font-size:8px;padding:5px 7px;cursor:pointer}.ai-chat-message-actions button:hover{background:#f5f6f9;color:#424751}
.ai-chat-composer-wrap{padding:10px max(22px,calc((100% - 850px)/2)) 15px;background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.86))}.ai-chat-attachment{height:52px;border:1px solid #e0e4ee;background:#f8f9fc;border-radius:9px 9px 0 0;padding:7px 10px;display:flex;align-items:center;gap:9px}.ai-chat-attachment[hidden]{display:none}.ai-chat-attachment img{width:38px;height:38px;object-fit:cover;border-radius:6px}.ai-chat-attachment span{font-size:9px;color:#686e79}.ai-chat-attachment button{margin-left:auto;border:0;background:transparent;color:#9297a1;font-size:8px;cursor:pointer}.ai-chat-composer{border:1px solid #dfe2e9;background:#fff;border-radius:13px;padding:10px;box-shadow:0 10px 30px rgba(30,36,57,.07)}.ai-chat-attachment:not([hidden])+.ai-chat-composer{border-radius:0 0 13px 13px}.ai-chat-composer textarea{width:100%;min-height:48px;max-height:180px;resize:none;border:0;outline:0;background:transparent;font:inherit;font-size:12px;line-height:1.65;color:#2f333b;padding:2px 3px}.ai-chat-composer textarea::placeholder{color:#a5a9b1}.ai-chat-composer-actions{display:flex;align-items:center;gap:7px;margin-top:6px}.ai-chat-attach-btn{height:31px;border:0;background:#f5f6f8;border-radius:8px;padding:0 9px;color:#6e737e;font-size:9px;display:flex;align-items:center;gap:5px;cursor:pointer}.ai-chat-attach-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.ai-chat-balance{font-size:8px;color:#9a9ea8}.ai-chat-balance strong{color:#5c616c}.ai-chat-send{height:32px;margin-left:auto;border:0;background:#111319;color:#fff;border-radius:8px;padding:0 12px;font-size:9px;display:flex;align-items:center;gap:6px;cursor:pointer}.ai-chat-send:disabled,.ai-chat-attach-btn:disabled{opacity:.45;cursor:not-allowed}.ai-chat-send svg{width:12px;fill:none;stroke:currentColor;stroke-width:1.8}.ai-chat-tip{text-align:center;color:#a3a7af;font-size:7px;margin-top:6px}
@media(max-width:980px){.ai-chat-shell{grid-template-columns:190px minmax(0,1fr)}.ai-chat-messages,.ai-chat-composer-wrap{padding-left:20px;padding-right:20px}.ai-chat-message.user{padding-left:10%}}
@media(max-width:700px){.ai-chat-shell{height:calc(100vh - 105px);min-height:560px;display:block;position:relative}.ai-chat-history{display:none}.ai-chat-main{height:100%;grid-template-rows:auto minmax(0,1fr) auto}.ai-chat-toolbar{min-height:58px;padding:8px 10px;gap:7px;flex-wrap:wrap}.ai-chat-model-wrap{gap:4px}.ai-chat-model-wrap label{display:none}.ai-chat-model-wrap select{height:30px;max-width:150px}.ai-chat-toolbar-meta{margin-left:0}.ai-chat-messages{padding:20px 13px}.ai-chat-message{margin-bottom:20px}.ai-chat-message.user{padding-left:7%}.ai-chat-message-text{font-size:11px}.ai-chat-composer-wrap{padding:7px 10px 10px}.ai-chat-composer textarea{font-size:11px}.ai-chat-empty h2{font-size:19px}.ai-chat-starters{display:grid;grid-template-columns:1fr}.ai-chat-starters button{text-align:left}}

/* 2026-08-10 工作台功能色增强：保持白色大厂风，只在图标、激活态与轻提示区域加入克制色彩 */
.workspace-side-group:nth-child(1) .workspace-side-label{color:#7d86a6}.workspace-side-group:nth-child(2) .workspace-side-label{color:#6f9197}.workspace-side-group:nth-child(3) .workspace-side-label{color:#718d7a}.workspace-side-group:nth-child(4) .workspace-side-label{color:#847b9f}.workspace-side-group:nth-child(5) .workspace-side-label{color:#8d8790}
.workspace-side-label{display:flex;align-items:center;gap:6px;font-weight:600}.workspace-side-label:before{content:"";width:14px;height:2px;border-radius:2px;background:#d9dde8}.workspace-side-group:nth-child(1) .workspace-side-label:before{background:#8b96ea}.workspace-side-group:nth-child(2) .workspace-side-label:before{background:#76c6c3}.workspace-side-group:nth-child(3) .workspace-side-label:before{background:#8cc79d}.workspace-side-group:nth-child(4) .workspace-side-label:before{background:#a69ad2}.workspace-side-group:nth-child(5) .workspace-side-label:before{background:#c4a7b1}

.workspace-side-item{--tool-color:#697386;--tool-soft:#f3f5f8;--tool-active:#f5f6f9;--tool-ring:#e7eaf0;color:#626874;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.workspace-side-item .workspace-side-icon{background:var(--tool-soft);color:var(--tool-color);border:1px solid var(--tool-ring);transition:transform .18s ease,background .18s ease,border-color .18s ease}.workspace-side-item:hover{background:var(--tool-active);color:#252932}.workspace-side-item:hover .workspace-side-icon{transform:translateY(-1px)}.workspace-side-item.active{background:var(--tool-active);color:#252932;font-weight:650;box-shadow:inset 2px 0 0 var(--tool-color)}.workspace-side-item.active .workspace-side-icon{background:#fff;color:var(--tool-color);border-color:var(--tool-ring);box-shadow:0 4px 12px rgba(37,43,61,.07)}
.workspace-side-item.tool-home{--tool-color:#596ee8;--tool-soft:#eef1ff;--tool-active:#f2f4ff;--tool-ring:#dfe4ff}
.workspace-side-item.tool-chat{--tool-color:#7b5dde;--tool-soft:#f2edff;--tool-active:#f6f2ff;--tool-ring:#e5dcff}
.workspace-side-item.tool-text2img{--tool-color:#3478eb;--tool-soft:#edf5ff;--tool-active:#f1f7ff;--tool-ring:#dceaff}
.workspace-side-item.tool-reference{--tool-color:#2c9bc2;--tool-soft:#ebf9fd;--tool-active:#f0fbfd;--tool-ring:#d5eff6}
.workspace-side-item.tool-background{--tool-color:#159f99;--tool-soft:#eaf9f7;--tool-active:#f0faf9;--tool-ring:#d4efec}
.workspace-side-item.tool-expand{--tool-color:#6d67d8;--tool-soft:#f0efff;--tool-active:#f5f4ff;--tool-ring:#dfddff}
.workspace-side-item.tool-upscale{--tool-color:#d88a22;--tool-soft:#fff6e7;--tool-active:#fff9ef;--tool-ring:#f8e4bf}
.workspace-side-item.tool-cutout{--tool-color:#4a86d9;--tool-soft:#edf5ff;--tool-active:#f3f8ff;--tool-ring:#dce9f8}
.workspace-side-item.tool-recolor{--tool-color:#d75678;--tool-soft:#fff0f4;--tool-active:#fff5f7;--tool-ring:#f6dbe3}
.workspace-side-item.tool-suite{--tool-color:#259267;--tool-soft:#ecf8f2;--tool-active:#f2faf6;--tool-ring:#d8eee4}
.workspace-side-item.tool-main{--tool-color:#3d78db;--tool-soft:#eef4ff;--tool-active:#f3f7ff;--tool-ring:#dde8fb}
.workspace-side-item.tool-scene{--tool-color:#c9892f;--tool-soft:#fff6e9;--tool-active:#fff9f1;--tool-ring:#f3e3c8}
.workspace-side-item.tool-detail{--tool-color:#238fa8;--tool-soft:#edf8fb;--tool-active:#f3fafc;--tool-ring:#d8edf2}
.workspace-side-item.tool-angle{--tool-color:#8065ca;--tool-soft:#f2effd;--tool-active:#f7f5fd;--tool-ring:#e3ddf5}
.workspace-side-item.tool-model{--tool-color:#c5539d;--tool-soft:#fbf0f8;--tool-active:#fdf5fb;--tool-ring:#f0dcec}
.workspace-side-item.tool-poster{--tool-color:#dd6b3b;--tool-soft:#fff2ec;--tool-active:#fff6f2;--tool-ring:#f5ded4}
.workspace-side-item.tool-mindmap{--tool-color:#6077cc;--tool-soft:#eff3fd;--tool-active:#f5f7fd;--tool-ring:#dde5f7}
.workspace-side-item.tool-pdf{--tool-color:#e06457;--tool-soft:#fff1ef;--tool-active:#fff6f5;--tool-ring:#f7ddda}
.workspace-side-item.tool-write{--tool-color:#8a62be;--tool-soft:#f4effa;--tool-active:#f8f5fc;--tool-ring:#e6dcf1}
.workspace-side-item.tool-ppt{--tool-color:#d87a32;--tool-soft:#fff3e9;--tool-active:#fff8f2;--tool-ring:#f5e0cf}
.workspace-side-item.tool-video{--tool-color:#5e69d6;--tool-soft:#f0f1ff;--tool-active:#f5f5ff;--tool-ring:#dfe1fb}
.workspace-side-item.tool-music{--tool-color:#b75ba8;--tool-soft:#faeff8;--tool-active:#fdf5fb;--tool-ring:#eedced}
.workspace-side-item.tool-works{--tool-color:#466fd1;--tool-soft:#eef3ff;--tool-active:#f4f7ff;--tool-ring:#dfe7fb}
.workspace-side-item.tool-templates{--tool-color:#9b6bc1;--tool-soft:#f5effa;--tool-active:#faf6fc;--tool-ring:#e9def2}
.workspace-side-item.tool-recharge{--tool-color:#2f9a70;--tool-soft:#edf8f3;--tool-active:#f3faf7;--tool-ring:#d9eee5}
.workspace-side-item em{background:#f5f6f8;color:#959aa5;border:1px solid #eceef2}

.workspace-balance-card{background:linear-gradient(135deg,#eef3ff 0%,#f5f1ff 48%,#effaf6 100%);border-color:#dde5f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.workspace-balance-card strong{color:#34416b}.workspace-balance-card small{color:#5268c8;border-color:#dce3fa;background:rgba(255,255,255,.84)}.workspace-account-avatar{background:linear-gradient(135deg,#4c62d8,#7655c9)}

.ws-quick-tools>a{--quick-color:#5b6ddd;--quick-soft:#eef2ff;--quick-border:#dce3ff;position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.ws-quick-tools>a:after{content:"";position:absolute;right:-26px;top:-34px;width:78px;height:78px;border-radius:50%;background:var(--quick-soft);opacity:.72;pointer-events:none}.ws-quick-tools>a:hover{border-color:var(--quick-border);box-shadow:0 14px 30px rgba(43,49,72,.07);transform:translateY(-1px)}.ws-quick-tools>a>span{position:relative;z-index:1;background:var(--quick-soft);color:var(--quick-color);border:1px solid var(--quick-border)}.ws-quick-tools svg{stroke:currentColor}.ws-quick-tools>a>div{position:relative;z-index:1}.ws-quick-tools .quick-chat{--quick-color:#7958d6;--quick-soft:#f1edff;--quick-border:#e2d9ff}.ws-quick-tools .quick-image{--quick-color:#3478e5;--quick-soft:#edf5ff;--quick-border:#dceaff}.ws-quick-tools .quick-suite{--quick-color:#278f68;--quick-soft:#edf8f3;--quick-border:#d8eee5}.ws-quick-tools .quick-model{--quick-color:#c05098;--quick-soft:#fbf0f8;--quick-border:#f0dceb}.ws-quick-tools .quick-background{--quick-color:#159a98;--quick-soft:#eaf9f7;--quick-border:#d4efec}.ws-quick-tools .quick-poster{--quick-color:#d86c3c;--quick-soft:#fff2ec;--quick-border:#f5ddd3}

#workspaceUpload{color:#3378d9;background:#eff5ff}#workspaceUpload:hover{background:#e7f0ff}#workspacePolish{color:#7557c9;background:#f3effd}#workspacePolish:hover{background:#ece6fb}.ws-generate{background:linear-gradient(135deg,#171a22,#394b95);box-shadow:0 7px 18px rgba(45,59,121,.17)}.ws-suggestions button:nth-of-type(1){color:#3f78cb;border-color:#dfe9f8;background:#f8fbff}.ws-suggestions button:nth-of-type(2){color:#2b8a68;border-color:#dceee5;background:#f8fcfa}.ws-suggestions button:nth-of-type(3){color:#c56a3c;border-color:#f1dfd7;background:#fffaf8}.ws-suggestions button:nth-of-type(4){color:#6b63c3;border-color:#e3e0f6;background:#faf9ff}

/* 官网导航的大图标也按功能分色，避免所有 SVG 都是同一蓝色 */
.mega-grid>a:nth-child(1) .mega-svg{background:#f1edff;color:#7958d6}.mega-grid>a:nth-child(2) .mega-svg{background:#edf5ff;color:#3478e5}.mega-grid>a:nth-child(3) .mega-svg{background:#edf8f3;color:#2b8d69}.mega-grid>a:nth-child(4) .mega-svg{background:#fff1ef;color:#d76557}.mega-grid>a:nth-child(5) .mega-svg{background:#f5effa;color:#8a62be}.mega-grid>a:nth-child(6) .mega-svg{background:#fff3e9;color:#d87a32}.mega-grid>a:nth-child(7) .mega-svg{background:#f0f1ff;color:#5e69d6}.mega-svg svg{stroke:currentColor}

/* 官网首页功能色：文字和主体仍保持黑白，颜色只用于功能识别 */
.composer-tabs a:nth-child(1){color:#7659c9}.composer-tabs a:nth-child(2){color:#3978d8}.composer-tabs a:nth-child(3){color:#2f8e6c}.composer-tabs a:nth-child(4){color:#cf6256}.composer-tabs a:nth-child(5){color:#8761b2}.composer-tabs a.active{background:#f2effd;color:#7254ca}.composer-tabs a:hover{background:#f6f7fa}.composer-upload{color:#3d7acb}.composer-start{background:linear-gradient(135deg,#171920,#4257a7);box-shadow:0 8px 22px rgba(48,65,143,.18)}
.hero-quick-links a:nth-of-type(1){color:#7358c3;border-color:#e6def5;background:#fbf8ff}.hero-quick-links a:nth-of-type(2){color:#2f77ca;border-color:#dfe9f7;background:#f8fbff}.hero-quick-links a:nth-of-type(3){color:#b44c8b;border-color:#eedbea;background:#fff8fc}.hero-quick-links a:nth-of-type(4){color:#208f89;border-color:#d9eeeb;background:#f7fcfb}.hero-quick-links a:nth-of-type(5){color:#c8663b;border-color:#f1dfd7;background:#fff9f7}
.float-ready>span{background:#edf5ff;color:#3478e5}.float-ready svg{stroke:currentColor}.float-next>span{background:#f2edff;color:#7958d6}.float-next svg{stroke:currentColor}.board-upload{color:#6f7889;background:linear-gradient(180deg,#fff,#f8fbff)}.board-upload svg{stroke:#3478e5}.board-body aside>button.active{background:#edf8f3;color:#288965}

.creator-product-card{--product-color:#697386;--product-soft:#f3f5f8;--product-border:#e6e8ee}.creator-product-card .creator-product-icon{background:var(--product-soft);color:var(--product-color);border:1px solid var(--product-border)}.creator-product-card .creator-product-icon svg{stroke:currentColor}.creator-product-card:hover{border-color:var(--product-border)}.creator-product-card:nth-child(1){--product-color:#7659cf;--product-soft:#f2edff;--product-border:#e4dcfa}.creator-product-card:nth-child(2){--product-color:#3478e5;--product-soft:#edf5ff;--product-border:#dceaff}.creator-product-card:nth-child(3){--product-color:#278e69;--product-soft:#edf8f3;--product-border:#d8eee5}.creator-product-card:nth-child(4){--product-color:#d36155;--product-soft:#fff1ef;--product-border:#f6deda}.creator-product-card:nth-child(5){--product-color:#8a62be;--product-soft:#f5effa;--product-border:#e7ddf1}.creator-product-card:nth-child(6){--product-color:#2c929e;--product-soft:#edf8f9;--product-border:#d8ecef}.creator-product-card:nth-child(7){--product-color:#d77a32;--product-soft:#fff3e9;--product-border:#f4dfcf}.creator-product-card:nth-child(8){--product-color:#b65ba8;--product-soft:#faeff8;--product-border:#eedced}.creator-product-card:nth-child(9){--product-color:#5e69d6;--product-soft:#f0f1ff;--product-border:#dfe1fb}.creator-product-card.is-live{background:#fff}.creator-product-card.is-live .product-title-line span{color:var(--product-color);background:var(--product-soft)}

.creator-flow-grid article:nth-child(1) .flow-step-icon{background:#f5effa;color:#8a62be}.creator-flow-grid article:nth-child(2) .flow-step-icon{background:#edf5ff;color:#3478e5}.creator-flow-grid article:nth-child(3) .flow-step-icon{background:#edf8f3;color:#278e69}.flow-step-icon svg{stroke:currentColor}
.workbench-side>a:nth-of-type(1).active{color:#278e69;background:#edf8f3}.workbench-side>a:nth-of-type(2){color:#b44c8b}.workbench-side>a:nth-of-type(3){color:#c96a3e}.workbench-side>a:nth-of-type(4){color:#238f9c}.workbench-side-tip{background:linear-gradient(145deg,#f8fbff,#f8fcfa)}.workbench-side-tip span{color:#3980c8}

/* =========================================================
   1.0.0 UI refinement: restrained 3D surfaces + real hierarchy
   ========================================================= */
:root{
  --press-border:#e1e4eb;
  --press-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 2px 0 rgba(33,38,54,.055),0 8px 18px rgba(34,40,62,.055);
  --press-shadow-hover:inset 0 1px 0 rgba(255,255,255,1),0 2px 0 rgba(33,38,54,.07),0 11px 24px rgba(34,40,62,.075);
}

/* 删除“右上角一团颜色”式装饰，颜色只用于图标和交互状态 */
.ws-quick-tools>a:after{content:none!important;display:none!important}
.ws-quick-tools>a{overflow:visible;background:#fff;border:1px solid var(--press-border);box-shadow:var(--press-shadow);transform:none}
.ws-quick-tools>a:hover{transform:translateY(-1px);box-shadow:var(--press-shadow-hover)}
.ws-quick-tools>a:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(23,27,39,.04),0 1px 0 rgba(33,38,54,.05)}

/* 全站统一的轻拟态 3D 图标底座：不使用漂浮色块 */
.workspace-side-item .workspace-side-icon,
.ws-quick-tools>a>span,
.mega-svg,
.creator-product-icon,
.flow-step-icon,
.board-float>span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 2px 0 rgba(36,42,60,.045),0 6px 13px rgba(41,48,72,.055);
}
.workspace-side-item:hover .workspace-side-icon,
.ws-quick-tools>a:hover>span,
.mega-grid a:hover .mega-svg,
.creator-product-card:hover .creator-product-icon{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(36,42,60,.055),0 8px 17px rgba(41,48,72,.075);
}
.workspace-side-item:active .workspace-side-icon,
.ws-quick-tools>a:active>span{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(30,34,48,.05),0 1px 0 rgba(36,42,60,.045)}

/* 主操作按钮改为实体按键感，减少蓝紫渐变的 AI 模板感 */
.btn,.composer-start,.ws-generate,.board-prompt button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(10,12,18,.18),0 8px 17px rgba(30,35,54,.10);
}
.btn:hover,.composer-start:hover,.ws-generate:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(10,12,18,.20),0 11px 21px rgba(30,35,54,.13)}
.btn:active,.composer-start:active,.ws-generate:active{transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(0,0,0,.10),0 1px 0 rgba(10,12,18,.12)}
.composer-start,.ws-generate{background:#17191f}

/* 首页 AI 图片工作台：四类可真实切换 */
.workbench-side{gap:4px}
.workbench-side>strong{margin-bottom:10px}
.workbench-tab{
  width:100%;min-height:40px;border:1px solid transparent;background:transparent;color:#747985;text-align:left;
  padding:0 11px;border-radius:9px;font-size:11px;cursor:pointer;transition:.16s ease;position:relative;
}
.workbench-tab:hover{background:#fff;border-color:#e8eaf0;color:#272a31;box-shadow:var(--press-shadow)}
.workbench-tab.active{background:#fff;border-color:#e1e4eb;color:#22252c;font-weight:650;box-shadow:var(--press-shadow)}
.workbench-tab.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:#5b6fe1}
.workbench-tab[data-workbench-tab="model"].active:before{background:#c05298}
.workbench-tab[data-workbench-tab="marketing"].active:before{background:#d36e3e}
.workbench-tab[data-workbench-tab="edit"].active:before{background:#229795}
.workbench-side-tip{margin-top:auto}
.workbench-side-tip[hidden],.workbench-pane[hidden]{display:none!important}
.workbench-pane{animation:workbenchPaneIn .18s ease both}
@keyframes workbenchPaneIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.workbench-tool{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(30,35,50,.035)}
.workbench-tool:hover{transform:translateY(-2px);border-color:#dfe2e9;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(30,35,50,.04),0 12px 25px rgba(33,39,61,.07)}
.workbench-tool:active{transform:translateY(0)}
.workbench-tool-model .workbench-art{background:linear-gradient(145deg,#f5e9f1,#e6e9f7)}
.workbench-tool-marketing .workbench-art{background:linear-gradient(145deg,#f8ebe4,#ece9f4)}
.workbench-tool-edit .workbench-art{background:linear-gradient(145deg,#e6f1f0,#e8edf5)}

/* 后台：从平铺菜单改成一级 / 二级 / 三级层级 */
.admin-body{background:#f5f6f8;color:#191c22}
.admin-shell{display:block;min-height:100vh}
.admin-side{
  position:fixed;left:0;top:0;bottom:0;width:252px;background:#fff;color:#4b505b;padding:0;border-right:1px solid #e6e8ed;
  display:flex;flex-direction:column;gap:0;z-index:180;box-shadow:6px 0 22px rgba(28,34,52,.025)
}
.admin-side-head{height:68px;padding:0 16px 0 18px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}
.admin-brand{display:flex!important;align-items:center;gap:10px;padding:0!important;margin:0!important;border:0!important;color:#20232a!important;min-width:0}
.admin-site-logo{height:31px;max-width:112px;object-fit:contain}
.admin-brand>span{min-width:0;border-left:1px solid #e4e6eb;padding-left:10px}
.admin-brand strong{display:block;font-size:12px;white-space:nowrap}
.admin-brand small{display:block;font-size:8px;color:#9a9ea7;margin-top:2px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-side-close{display:none;width:33px;height:33px;border:1px solid #e4e6eb;background:#fff;border-radius:8px;place-items:center;box-shadow:var(--press-shadow)}
.admin-side-close svg{width:14px;fill:none;stroke:#686d78;stroke-width:1.8;transform:rotate(180deg)}
.admin-nav{flex:1;overflow:auto;padding:13px 10px 20px;scrollbar-width:thin}
.admin-nav-level1{display:block;margin-bottom:5px}
.admin-nav-level1>summary,.admin-nav-link{
  min-height:40px;border-radius:9px;display:flex;align-items:center;gap:9px;padding:7px 9px!important;margin:0;color:#555a65!important;
  font-size:11px!important;cursor:pointer;user-select:none;transition:.15s ease;white-space:normal!important
}
.admin-nav-level1>summary{list-style:none}.admin-nav-level1>summary::-webkit-details-marker{display:none}
.admin-nav-level1>summary:hover,.admin-nav-link:hover{background:#f5f6f8!important;color:#24272e!important}
.admin-nav-level1>summary>i{margin-left:auto;display:grid;place-items:center;transition:transform .18s ease}
.admin-nav-level1>summary>i svg{width:13px;fill:none;stroke:#9a9ea7;stroke-width:1.8}
.admin-nav-level1[open]>summary>i{transform:rotate(180deg)}
.admin-nav-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f1f3f6;border:1px solid #e5e7ec;color:#657085;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(29,34,47,.035)}
.admin-nav-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.65}
.admin-nav-link.active{background:#eef2ff!important;color:#334eb5!important;font-weight:650;box-shadow:inset 2px 0 0 #5269d7}
.admin-nav-link.active .admin-nav-icon{background:#fff;border-color:#dfe5fb;color:#5269d7}
.admin-nav-level2{margin:2px 0 7px 38px;padding:2px 0 2px 10px;border-left:1px solid #e7e9ee}
.admin-nav-parent{display:flex!important;align-items:center;min-height:32px;padding:6px 8px!important;margin:2px 0;color:#777c86!important;font-size:10px!important;border-radius:7px;white-space:normal!important}
.admin-nav-parent:hover{background:#f7f8fa!important;color:#33363d!important}.admin-nav-parent.active{color:#364da5!important;font-weight:650}
.admin-nav-level3{padding:0 0 3px 8px}
.admin-nav-level3 .admin-nav-link{min-height:32px;padding:5px 7px!important;font-size:10px!important;gap:7px}
.admin-nav-level3 .admin-nav-icon{width:20px;height:20px;border-radius:6px;background:#f7f8fa;border-color:#eceef2;box-shadow:none}
.admin-nav-level3 .admin-nav-icon svg{width:11px;height:11px}
.admin-nav-level1>summary,.admin-nav-level1>.admin-nav-link{font-size:20px!important}.admin-nav-parent,.admin-nav-level2>.admin-nav-link,.admin-nav-level3 .admin-nav-link{font-size:16px!important}.admin-nav-level1>summary,.admin-nav-link{min-height:48px}.admin-nav-parent,.admin-nav-level3 .admin-nav-link{min-height:42px}
.admin-side-bottom{padding:10px;border-top:1px solid #eceef2;display:grid;gap:5px;flex:0 0 auto}
.admin-front-link,.admin-logout-link{min-height:38px;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 10px!important;font-size:10px!important;color:#656a75!important}
.admin-front-link:hover,.admin-logout-link:hover{background:#f5f6f8!important;color:#24272e!important}.admin-front-link svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.admin-main{margin-left:252px;padding:0;min-height:100vh;overflow:visible}
.admin-topbar{height:68px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid #e8eaef;display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:80}
.admin-topbar>div{display:flex;align-items:baseline;gap:10px}.admin-topbar strong{font-size:13px}.admin-topbar small{font-size:9px;color:#9a9ea7}.admin-top-front{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:#535863}.admin-top-front svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.admin-side-trigger{display:none;width:36px;height:36px;border:1px solid #e4e6eb;background:#fff;border-radius:9px;margin-right:10px;box-shadow:var(--press-shadow)}
.admin-side-trigger span{display:block;width:14px;height:1px;background:#565b66;margin:3px auto}
.admin-content{max-width:1460px;margin:0 auto;padding:26px 28px 50px}.admin-title{margin-bottom:18px}.admin-title h1{font-size:24px;letter-spacing:-.7px}.admin-title p{font-size:10px;color:#9397a0}
.admin-content>.panel,.admin-content>.table-wrap,.admin-content>.notice,.admin-content>.form-msg{border-radius:12px}
.admin-content>.panel{border:1px solid #e3e5ea;box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(36,41,61,.035)}

/* 模型中心入口页 */
.admin-model-overview{background:#fff;border:1px solid #e3e5ea;border-radius:14px;padding:20px;box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(36,41,61,.04)}
.admin-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-model-card{--mc:#5269d7;--ms:#eef2ff;display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;min-height:126px;background:#fff;border:1px solid #e5e7ec;border-radius:12px;padding:16px;color:#24272e;box-shadow:var(--press-shadow);transition:.16s ease}
.admin-model-card:hover{transform:translateY(-1px);border-color:#dce0e8;box-shadow:var(--press-shadow-hover)}.admin-model-card:active{transform:translateY(1px)}
.admin-model-card-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:var(--ms);color:var(--mc);border:1px solid color-mix(in srgb,var(--mc) 14%,#fff);box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(38,43,59,.045),0 7px 15px rgba(39,45,66,.055)}
.admin-model-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65}.admin-model-card small{font-size:8px;color:#9a9ea8}.admin-model-card h3{font-size:15px;margin:3px 0 5px}.admin-model-card p{font-size:9px;color:#7f848f;line-height:1.55;margin:0}.admin-model-card>strong{font-size:24px;color:#ced1d8;font-weight:600}
.admin-model-card.model-chat{--mc:#785bcf;--ms:#f2edff}.admin-model-card.model-image{--mc:#3478df;--ms:#edf5ff}.admin-model-card.model-channel{--mc:#248d68;--ms:#edf8f3}.admin-model-card.model-route{--mc:#c66b3e;--ms:#fff2ec}
.admin-model-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;gap:10px;align-items:center;margin-top:12px;background:#fff;border:1px solid #e3e5ea;border-radius:14px;padding:16px}
.admin-model-flow>div{min-height:86px;padding:13px;border:1px solid #eceef2;border-radius:10px;background:#fafbfc}.admin-model-flow>div span{font-size:8px;color:#8e94a0}.admin-model-flow>div strong{display:block;font-size:12px;margin:5px 0}.admin-model-flow>div p{font-size:9px;line-height:1.55;color:#858a95;margin:0}.admin-model-flow>i{display:grid;place-items:center;color:#a7abb4}.admin-model-flow>i svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.6}

@media(max-width:900px){
  .workbench-side{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:11px;background:#f7f8fa}
  .workbench-side>strong{width:100%;margin:2px 5px 7px}.workbench-tab{width:auto;flex:1 1 120px;text-align:center}.workbench-tab.active:before{left:20%;right:20%;top:auto;bottom:0;width:auto;height:2px}.workbench-side-tip{width:100%;margin-top:7px}
  .admin-side{transform:translateX(-102%);transition:transform .2s ease;box-shadow:16px 0 42px rgba(20,25,42,.12)}
  .admin-side-open .admin-side{transform:none}.admin-side-mask{position:fixed;inset:0;background:rgba(17,19,26,.24);z-index:170;opacity:0;visibility:hidden;transition:.2s}.admin-side-open .admin-side-mask{opacity:1;visibility:visible}
  .admin-side-close{display:grid}.admin-main{margin-left:0}.admin-side-trigger{display:block}.admin-topbar{padding:0 14px}.admin-content{padding:18px 14px 40px}
  .admin-model-grid{grid-template-columns:1fr}.admin-model-flow{grid-template-columns:1fr}.admin-model-flow>i{transform:rotate(90deg)}
}
@media(max-width:620px){
  .workbench-side{display:flex}.workbench-tools{grid-template-columns:1fr 1fr}.workbench-main{padding:13px}.workbench-title{margin-bottom:13px}
  .admin-top-front{font-size:0}.admin-top-front svg{width:16px}.admin-title h1{font-size:21px}.admin-model-card{grid-template-columns:40px 1fr auto;min-height:112px;padding:13px}.admin-model-card-icon{width:40px;height:40px}.admin-model-card>strong{font-size:20px}
}
.admin-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:9px;color:#a0a4ad}.admin-breadcrumb i{font-style:normal;color:#c7cad1}.admin-breadcrumb span:last-child{color:#606570}
/* 工作台与官网卡片统一为平面主体 + 轻 3D 边缘，不额外叠加装饰色块 */
.workspace-balance-card{background:#f7f8fb;border-color:#e3e6ed;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(30,35,50,.035)}
.workspace-account-avatar{background:#202228}
.creator-product-card,.creator-inspire-card,.workbench-tool,.ws-template-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 2px 0 rgba(32,37,53,.03)}
.creator-product-card:hover,.creator-inspire-card:hover,.ws-template-card:hover{box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(32,37,53,.04),0 12px 26px rgba(35,41,62,.06)}
.ai-chat-usage{margin-top:8px;font-size:12px;color:#98a2b3}.ai-chat-toolbar-meta{font-variant-numeric:tabular-nums}

/* =========================================================
   1.0.0 Mobile front-end refinement: compact accordions
   ========================================================= */
.creator-mobile-accordion{display:none}

@media(max-width:620px){
  /* 手机端不再把桌面大卡片硬压成一列，改为真正的纵向手风琴 */
  .creator-desktop-products,.creator-desktop-flow{display:none!important}
  .creator-mobile-accordion{display:grid;gap:8px}
  .creator-products,.creator-flow{padding-left:14px;padding-right:14px}
  .creator-products .creator-section-head,.creator-flow .creator-section-head{margin-bottom:17px}
  .creator-products .creator-section-head h2,.creator-flow .creator-section-head h2{font-size:30px;letter-spacing:-1.25px;line-height:1.12}
  .creator-products .creator-section-head p,.creator-flow .creator-section-head p{font-size:11px;line-height:1.65}

  .mobile-accordion-item{
    --acc-color:#5367c9;--acc-soft:#eef2ff;--acc-ring:#dfe5fb;
    background:#fff;border:1px solid #e4e7ed;border-radius:13px;overflow:hidden;
    box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(31,36,51,.035);
    transition:border-color .16s ease,box-shadow .16s ease
  }
  .mobile-accordion-item.is-open{border-color:var(--acc-ring);box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(31,36,51,.04),0 8px 22px rgba(35,41,62,.055)}
  .mobile-accordion-trigger{width:100%;min-height:58px;border:0;background:#fff;padding:9px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 28px;align-items:center;gap:9px;text-align:left;color:#20232a;cursor:pointer}
  .mobile-accordion-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-color);border:1px solid var(--acc-ring);box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(34,39,55,.04),0 6px 13px rgba(36,42,64,.045)}
  .mobile-accordion-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65}
  .mobile-accordion-trigger strong{min-width:0;font-size:13px;font-weight:650;letter-spacing:-.15px}
  .mobile-accordion-trigger em{font-style:normal;font-size:8px;white-space:nowrap;color:#8d929c;background:#f4f5f7;border:1px solid #eceef2;border-radius:6px;padding:4px 6px}
  .mobile-accordion-item.is-open .mobile-accordion-trigger em{color:var(--acc-color);background:var(--acc-soft);border-color:var(--acc-ring)}
  .mobile-accordion-chevron{width:28px;height:28px;border:1px solid #e7e9ee;border-radius:8px;display:grid;place-items:center;color:#9297a1;box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(34,39,55,.035);transition:transform .18s ease,color .18s ease}
  .mobile-accordion-chevron svg{width:12px;fill:none;stroke:currentColor;stroke-width:1.8;transform:rotate(90deg);transition:transform .18s ease}
  .mobile-accordion-item.is-open .mobile-accordion-chevron{color:var(--acc-color);border-color:var(--acc-ring);background:var(--acc-soft)}
  .mobile-accordion-item.is-open .mobile-accordion-chevron svg{transform:rotate(-90deg)}
  .mobile-accordion-panel{padding:0 12px 13px 57px;background:#fff}
  .mobile-accordion-panel[hidden]{display:none!important}
  .mobile-accordion-panel p{margin:0;color:#777d88;font-size:10.5px;line-height:1.72}
  .mobile-accordion-action{width:max-content;max-width:100%;min-height:31px;margin-top:10px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;background:#202228;color:#fff;font-size:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 0 rgba(20,22,29,.12)}
  .mobile-accordion-action svg{width:11px;fill:none;stroke:currentColor;stroke-width:1.8}
  .mobile-accordion-action.is-soon{background:#f4f5f7;color:#777d87;border:1px solid #e7e9ed;box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(32,37,53,.035)}

  .product-tone-1{--acc-color:#7659cf;--acc-soft:#f2edff;--acc-ring:#e4dcfa}
  .product-tone-2{--acc-color:#3478e5;--acc-soft:#edf5ff;--acc-ring:#dceaff}
  .product-tone-3{--acc-color:#278e69;--acc-soft:#edf8f3;--acc-ring:#d8eee5}
  .product-tone-4{--acc-color:#d36155;--acc-soft:#fff1ef;--acc-ring:#f6deda}
  .product-tone-5{--acc-color:#8a62be;--acc-soft:#f5effa;--acc-ring:#e7ddf1}
  .product-tone-6{--acc-color:#2c929e;--acc-soft:#edf8f9;--acc-ring:#d8ecef}
  .product-tone-7{--acc-color:#d77a32;--acc-soft:#fff3e9;--acc-ring:#f4dfcf}
  .product-tone-8{--acc-color:#b65ba8;--acc-soft:#faeff8;--acc-ring:#eedced}
  .product-tone-9{--acc-color:#5e69d6;--acc-soft:#f0f1ff;--acc-ring:#dfe1fb}
  .flow-tone-1{--acc-color:#8a62be;--acc-soft:#f5effa;--acc-ring:#e7ddf1}
  .flow-tone-2{--acc-color:#3478e5;--acc-soft:#edf5ff;--acc-ring:#dceaff}
  .flow-tone-3{--acc-color:#278e69;--acc-soft:#edf8f3;--acc-ring:#d8eee5}
  .creator-mobile-flow .mobile-accordion-trigger{grid-template-columns:38px minmax(0,1fr) 28px}
  .creator-mobile-flow .mobile-accordion-panel{padding-bottom:14px}

  /* 首页其余区域补齐手机宽度与触控尺寸，避免横向漏出 */
  .home-body{overflow-x:hidden}
  .creator-hero,.creator-products,.creator-image-workbench,.creator-flow,.creator-inspiration,.creator-cta{max-width:100%}
  .creator-board{max-width:100%;overflow:hidden}
  .workbench-shell{min-width:0;border-radius:15px;padding:6px;box-shadow:0 14px 38px rgba(39,46,80,.07)}
  .workbench-side{gap:6px;padding:9px}
  .workbench-tab{min-height:38px;font-size:10px}
  .workbench-main{min-width:0;padding:10px}
  .workbench-tools{gap:7px}
  .workbench-tool{min-width:0;padding:7px;border-radius:11px}
  .workbench-tool h4{font-size:11.5px}.workbench-tool p{font-size:8.5px}
  .workbench-title>a{min-height:32px;align-items:center}
  .hero-quick-links{gap:6px}.hero-quick-links a{min-height:32px;display:flex;align-items:center}
  .composer-tabs{scrollbar-width:none}.composer-tabs::-webkit-scrollbar{display:none}
  .composer-tabs a:nth-child(n+4){display:flex}
  .composer-tabs{overflow-x:auto;overscroll-behavior-x:contain}
  .creator-cta{width:auto}
}

/* =========================================================
   1.0.0 Mobile viewport overflow hard fix
   Fix iOS horizontal page expansion caused by decorative layers,
   fixed-size mockups and grid/flex intrinsic minimum widths.
   ========================================================= */
@media(max-width:620px){
  html,body{
    width:100%;max-width:100%;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }
  @supports (overflow:clip){
    html,body{overflow-x:clip!important}
  }
  body.home-body,body.site-body{min-width:0!important}
  .home-body main,.site-body main{
    width:100%;max-width:100%;min-width:0;
    overflow-x:hidden!important;
    position:relative;
  }
  @supports (overflow:clip){
    .home-body main,.site-body main{overflow-x:clip!important}
  }

  /* Header must always follow the visual viewport, never content width. */
  .topbar{
    width:100%;max-width:100%;min-width:0;
    left:0;right:0;
    padding-left:14px;padding-right:14px;
  }
  .topbar>*{min-width:0}
  .brand,.brand-logo-only{min-width:0!important;max-width:calc(100% - 58px)}
  .site-logo{max-width:132px}
  .nav-actions{min-width:42px;flex:0 0 auto}
  .mobile-menu{max-width:calc(100vw - 28px);overflow:hidden}

  /* Every homepage section is viewport-bound. */
  .creator-hero,
  .creator-products,
  .creator-image-workbench,
  .creator-flow,
  .creator-inspiration{
    width:100%;max-width:100%;min-width:0;
    margin-left:0;margin-right:0;
    overflow-x:hidden;
  }
  @supports (overflow:clip){
    .creator-hero,
    .creator-products,
    .creator-image-workbench,
    .creator-flow,
    .creator-inspiration{overflow-x:clip}
  }
  .creator-hero{grid-template-columns:minmax(0,1fr)!important;gap:22px;padding-left:14px;padding-right:14px}
  .creator-hero:before{
    left:-90px;top:-90px;width:300px;height:300px;
  }
  .creator-hero-copy,.creator-board,
  .creator-composer,.composer-tabs,.composer-input,.composer-actions,
  .hero-quick-links,.creator-section-head,
  .workbench-shell,.workbench-side,.workbench-main,.workbench-pane,
  .workbench-title,.workbench-tools,.workbench-tool,
  .creator-mobile-accordion,.mobile-accordion-item{
    min-width:0!important;max-width:100%;
  }

  /* Composer remains internally scrollable, but must not widen the document. */
  .creator-composer{width:100%}
  .composer-tabs{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden}
  .composer-tabs a{flex:0 0 auto}
  .composer-input{width:100%}
  .composer-actions{width:100%}
  .composer-placeholder{overflow-wrap:anywhere;word-break:break-word}
  .hero-quick-links{width:100%;overflow:hidden}
  .hero-quick-links a{max-width:100%;white-space:normal}

  /* The decorative workbench preview used to be 340px + floating cards.
     Bind the full visual to the available content width instead. */
  .creator-board{
    width:100%;height:365px;
    padding:0 4px;
    place-items:center;
    overflow:hidden!important;
    contain:layout paint;
  }
  .creator-board:before{
    width:min(360px,92vw);height:min(360px,92vw);
    left:50%;top:50%;transform:translate(-50%,-50%);
  }
  .board-window{
    width:min(340px,100%)!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:34/33;
    transform:rotate(.65deg);
  }
  .board-toolbar{height:42px;padding:0 12px}
  .board-body{height:calc(100% - 42px);grid-template-columns:minmax(72px,26%) minmax(0,1fr)}
  .board-body aside,.board-body>section{min-width:0}
  .board-body>section{padding:10px}
  .board-canvas{height:190px;max-width:100%}
  .board-product{width:92px;height:126px}
  .board-result{width:58px;height:78px}
  .result-one{left:13px;bottom:15px}.result-two{right:13px;top:17px}
  .board-prompt{width:100%;max-width:100%;min-width:0}
  .board-prompt span{min-width:0;max-width:100%}
  .board-float{max-width:145px;padding:8px 9px;gap:7px}
  .board-float>span{width:29px;height:29px;flex:0 0 29px}
  .board-float div{min-width:0}.board-float b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}
  .float-ready{left:0;top:48px}.float-next{right:0;bottom:31px}

  /* Workbench: no intrinsic grid width can escape the viewport. */
  .creator-image-workbench{padding-left:14px!important;padding-right:14px!important}
  .workbench-shell{width:100%;grid-template-columns:minmax(0,1fr)!important}
  .workbench-side{width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px}
  .workbench-side>strong{grid-column:1/-1;margin:2px 4px 4px}
  .workbench-tab{width:100%;min-width:0;padding:7px 3px!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .workbench-side-tip{grid-column:1/-1;margin-top:2px}
  .workbench-main{width:100%;padding:10px 4px 5px}
  .workbench-title{width:100%}
  .workbench-title>div{min-width:0;max-width:100%}
  .workbench-title h3{overflow-wrap:anywhere}
  .workbench-tools{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workbench-tool{width:100%;overflow:hidden}
  .workbench-art{width:100%;height:112px}
  .workbench-tool h4,.workbench-tool p{overflow-wrap:anywhere}

  /* Accordion and remaining cards. */
  .mobile-accordion-trigger{min-width:0;max-width:100%}
  .mobile-accordion-trigger>*{min-width:0}
  .mobile-accordion-panel{max-width:100%;overflow:hidden}
  .creator-inspire-grid,.creator-inspire-card,.creator-inspire-art{min-width:0;max-width:100%}

  /* CTA has desktop max-width + margins; force true mobile sizing. */
  .creator-cta{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0;
    margin-left:14px!important;margin-right:14px!important;
    overflow:hidden;
  }

  img,svg,video,canvas{max-width:100%}
}

/* Narrow phones (320–375 CSS px) get one more compact pass. */
@media(max-width:380px){
  .creator-hero h1{font-size:44px;letter-spacing:-2.6px}
  .creator-hero-copy>p{font-size:13px}
  .creator-board{height:345px}
  .board-body{grid-template-columns:72px minmax(0,1fr)}
  .workbench-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workbench-side>strong,.workbench-side-tip{grid-column:1/-1}
  .workbench-tools{grid-template-columns:1fr!important}
  .workbench-art{height:132px}
}


/* =========================================================
   1.0.0 Functional polish components
   Tactile controls, model picker, live pricing, result actions,
   image before/after comparison. No decorative corner blobs.
   ========================================================= */
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.field-label-row label{margin:0}.studio-inline-action{height:29px;padding:0 9px;border:1px solid #e0e3ea;border-radius:8px;background:#fff;color:#6c57bd;font-size:9px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(34,39,54,.04)}.studio-inline-action:hover{background:#f7f4ff;border-color:#e1d9f4}.studio-inline-action:active{transform:translateY(1px)}.studio-inline-action svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7}.prompt-helper{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;color:#959aa4;font-size:8px}.prompt-helper a{display:flex;align-items:center;gap:4px;color:#5964b8;white-space:nowrap}.prompt-helper svg{width:11px;fill:none;stroke:currentColor;stroke-width:1.8}

.studio-price-grid{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:10px;align-items:end}.studio-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.studio-model-field{position:relative}.model-picker{position:relative}.model-picker-trigger{width:100%;height:47px;border:1px solid #dfe2e8;border-radius:10px;background:#fff;padding:5px 8px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;color:#282b33;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(35,40,55,.04);transition:.16s}.model-picker-trigger:hover,.model-picker-trigger[aria-expanded="true"]{border-color:#cfd5e8;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(35,40,55,.05),0 8px 20px rgba(40,47,77,.06)}.model-picker-icon,.model-item-icon{width:34px;height:34px;border-radius:9px;background:#edf4ff;border:1px solid #dce8fb;color:#3975d1;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(38,43,58,.04),0 5px 11px rgba(42,49,72,.045)}.model-picker-icon svg,.model-item-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.model-picker-trigger>span:nth-child(2){min-width:0}.model-picker-trigger strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-picker-trigger small{display:block;margin-top:2px;color:#9297a1;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-picker-trigger em{font-style:normal;font-size:8px;color:#858a95;display:flex;align-items:center;gap:4px}.model-picker-trigger em svg{width:11px;fill:none;stroke:currentColor;stroke-width:1.8}.model-picker-panel{position:absolute;left:0;right:0;top:54px;z-index:65;background:rgba(255,255,255,.98);border:1px solid #dde1ea;border-radius:13px;padding:9px;box-shadow:0 22px 55px rgba(34,40,65,.16),inset 0 1px 0 #fff;backdrop-filter:blur(14px)}.model-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 3px 8px}.model-picker-head strong{display:block;font-size:10px}.model-picker-head small{display:block;font-size:7px;color:#9ba0a9;margin-top:2px}.model-picker-head input{width:145px;height:30px;border:1px solid #e0e3e9;border-radius:8px;background:#f8f9fb;padding:0 9px;outline:none;font-size:8px}.model-picker-head input:focus{background:#fff;border-color:#cbd3ed}.model-picker-list{max-height:280px;overflow:auto;display:grid;gap:5px}.model-picker-item{width:100%;border:1px solid transparent;border-radius:9px;background:#fff;padding:6px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;cursor:pointer}.model-picker-item:hover{background:#f8f9fb;border-color:#eceef2}.model-picker-item.active{background:#f4f7ff;border-color:#dce4fb}.model-picker-item>span:nth-child(2){min-width:0}.model-picker-item strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-picker-item small{display:block;color:#9297a1;font-size:7px;margin-top:2px}.model-picker-item i{font-style:normal;color:#5570ce;font-size:7.5px;opacity:.55}.model-picker-item.active i{opacity:1}.model-picker-item:nth-child(3n+2) .model-item-icon{background:#f2edff;border-color:#e4dcf8;color:#7759cd}.model-picker-item:nth-child(3n+3) .model-item-icon{background:#edf8f3;border-color:#d9eee4;color:#298b68}

.studio-live-price{margin:2px 0 12px;border:1px solid #e0e3e9;border-radius:12px;background:#f8f9fb;display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,.8fr));overflow:hidden;box-shadow:inset 0 1px 0 #fff}.studio-live-price>div{min-width:0;padding:10px 11px;border-left:1px solid #e6e8ed}.studio-live-price>div:first-child{border-left:0}.studio-live-price span{display:block;font-size:7px;color:#969ba5;margin-bottom:4px}.studio-live-price strong{display:block;font-size:12px;color:#282b33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.studio-live-price strong b{font-size:15px}.studio-live-price strong small{font-size:8px;font-weight:500;color:#777d87}.studio-live-price em{display:block;margin-top:3px;font-size:7px;font-style:normal;color:#9da1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-price-model small{display:block;font-size:7.5px;color:#7f65c7;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-price-total{background:#f3f6ff}.live-price-total strong b{color:#4158bf}.studio-create-btn{width:100%;height:47px;justify-content:space-between;padding:0 13px 0 16px;background:#17191f;border-color:#17191f;border-radius:10px}.studio-create-btn>span{margin-left:auto;font-size:8px;color:#d3d6df;font-weight:400}.studio-create-btn>span b{color:#fff;font-size:9px}.studio-create-btn>svg{width:15px}

.studio-result-panel{min-width:0}.studio-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.studio-result-head span{display:block;color:#9b70c7;font-size:7px;letter-spacing:1px;margin-bottom:3px}.studio-result-head h3{margin:0;font-size:15px}.studio-result-head>a{font-size:8px;color:#747a86;display:flex;align-items:center;gap:4px}.studio-result-head>a svg{width:11px;fill:none;stroke:currentColor;stroke-width:1.8}.result-box{min-height:360px;padding:10px;background:#f7f8fa;border-color:#e3e5ea;text-align:left}.result-empty-state{max-width:260px;margin:auto;text-align:center}.result-empty-state>span{width:43px;height:43px;border-radius:11px;margin:0 auto 10px;background:#edf4ff;border:1px solid #dce8fb;color:#3975d1;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(35,40,55,.04),0 7px 15px rgba(40,47,75,.05)}.result-empty-state svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.65}.result-empty-state strong{display:block;color:#3a3e47;font-size:11px}.result-empty-state p{margin:5px 0 0;font-size:8px;line-height:1.6;color:#989da6}.result-task{width:100%;min-width:0}.result-task-top{display:flex;align-items:flex-end;justify-content:space-between;margin:2px 2px 8px}.result-task-top span{display:block;font-size:7px;color:#9a9fa8;margin-bottom:2px}.result-task-top strong{display:block;color:#353941;font-size:10px}.result-task-top em{font-style:normal;font-size:8px;color:#6573c7}.result-task .progress{height:5px;border-radius:5px;background:#e8eaf0;margin-bottom:10px}.result-task .progress>i{border-radius:5px;background:#566bd9;transition:width .25s ease}.result-grid{gap:9px;margin-top:10px}.result-card{background:#fff;border:1px solid #e1e4e9;border-radius:11px;padding:6px;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(35,40,55,.035)}.result-card-media{position:relative;overflow:hidden;border-radius:8px;background:#eef0f4;isolation:isolate}.result-card-media>img{width:100%;display:block;border:0;border-radius:0;max-height:430px;object-fit:contain}.result-card-badge{position:absolute;left:7px;top:7px;padding:4px 6px;border-radius:6px;background:rgba(22,24,31,.76);backdrop-filter:blur(8px);color:#fff;font-size:7px}.result-card-actions{position:absolute;left:6px;right:6px;bottom:6px;display:flex;gap:5px;justify-content:center;opacity:0;transform:translateY(4px);transition:.16s}.result-card:hover .result-card-actions{opacity:1;transform:none}.result-card-actions a,.result-card-actions button{height:28px;padding:0 8px;border-radius:7px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.90);color:#343842;font-size:7.5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 13px rgba(22,27,42,.10);backdrop-filter:blur(8px)}.result-card-actions a:hover,.result-card-actions button:hover{background:#fff}.result-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 2px 2px}.result-card-foot strong{font-size:8.5px;color:#4b505b}.result-card-foot span{font-size:7px;color:#9b9fa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.compare-block{margin:12px 0 10px}.compare-block-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:7px;padding:0 2px}.compare-block-head span{display:block;font-size:7px;color:#8b65bd;margin-bottom:2px}.compare-block-head strong{display:block;font-size:9px;color:#444851}.compare-block-head small{font-size:7px;color:#a0a4ad}.before-after{height:260px;border:1px solid #e0e3e9;border-radius:10px;position:relative;overflow:hidden;background-color:#eef0f3;background-image:linear-gradient(45deg,#e4e6ea 25%,transparent 25%),linear-gradient(-45deg,#e4e6ea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e6ea 75%),linear-gradient(-45deg,transparent 75%,#e4e6ea 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.before-after>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare-before{clip-path:inset(0 50% 0 0)}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(30,35,50,.12),0 0 14px rgba(30,35,50,.08);pointer-events:none}.compare-divider:after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid #dfe2e8;box-shadow:0 6px 15px rgba(29,34,52,.12);display:grid;place-items:center;color:#646a76;font-size:11px}.before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}.compare-label{position:absolute;top:8px;z-index:3;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.88);border:1px solid rgba(225,228,234,.8);color:#5f6570;font-size:7px;backdrop-filter:blur(7px)}.compare-label-before{left:8px}.compare-label-after{right:8px}

/* Recently created works become real product cards with actions instead of bare images. */
.ws-work-card{background:#fff;border:1px solid #e3e5ea;border-radius:11px;padding:6px;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(35,40,55,.035);transition:.16s}.ws-work-card:hover{border-color:#d8dce6;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(35,40,55,.04),0 10px 22px rgba(38,44,68,.06)}.ws-work-preview{position:relative;display:block;border-radius:8px;overflow:hidden;background:#f0f1f4}.ws-work-preview img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .22s}.ws-work-card:hover .ws-work-preview img{transform:scale(1.018)}.ws-work-view{position:absolute;left:50%;bottom:8px;transform:translate(-50%,5px);opacity:0;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.65);color:#3c414b;font-size:7.5px;box-shadow:0 6px 16px rgba(23,28,45,.12);transition:.16s}.ws-work-card:hover .ws-work-view{opacity:1;transform:translate(-50%,0)}.ws-work-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 2px 1px}.ws-work-meta>div{min-width:0}.ws-work-meta strong{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-work-meta span{display:block;margin-top:2px;color:#9a9fa8;font-size:6.8px}.ws-work-continue{height:26px;padding:0 7px;border:1px solid #e2e5eb;border-radius:7px;background:#f8f9fb;color:#666d78;font-size:7px;display:flex;align-items:center;gap:4px;white-space:nowrap}.ws-work-continue:hover{background:#fff;color:#4658aa;border-color:#d9def0}.ws-work-continue svg{width:10px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Tactile micro-surfaces used consistently across homepage and workspace. */
.hero-quick-links a,.ws-suggestions button,.chip,.template-mini,.workbench-tool,.creator-product-card,.creator-inspire-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 2px 0 rgba(34,39,54,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.hero-quick-links a:hover,.ws-suggestions button:hover,.chip:hover,.template-mini:hover,.workbench-tool:hover,.creator-product-card:hover,.creator-inspire-card:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(34,39,54,.045),0 9px 19px rgba(39,45,67,.055)}.hero-quick-links a:active,.ws-suggestions button:active,.chip:active,.workbench-tool:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(32,37,52,.04),0 1px 0 rgba(34,39,54,.04)}

@media(max-width:860px){.studio-price-grid{grid-template-columns:1fr}.studio-live-price{grid-template-columns:1fr 1fr}.studio-live-price>div:nth-child(3){border-left:0;border-top:1px solid #e6e8ed}.studio-live-price>div:nth-child(4){border-top:1px solid #e6e8ed}.model-picker-panel{position:fixed;left:14px;right:14px;top:86px;max-height:calc(100vh - 110px);z-index:190}.model-picker-list{max-height:calc(100vh - 205px)}.model-picker-head input{width:130px}.before-after{height:320px}}
@media(max-width:520px){.field-label-row{align-items:center}.prompt-helper{align-items:flex-start;flex-direction:column;gap:5px}.studio-live-price{grid-template-columns:1fr 1fr}.studio-live-price>div{padding:9px}.studio-live-price>div:nth-child(3){border-left:0}.studio-create-btn{position:relative;height:48px}.result-box{min-height:300px}.result-card-actions{opacity:1;transform:none;position:static;padding:6px 0 0}.result-card-actions a,.result-card-actions button{flex:1;border-color:#e1e4e9;background:#f8f9fb;box-shadow:none}.result-card-media{overflow:visible}.result-card-media>img,.result-card-badge{border-radius:8px}.before-after{height:260px}.ws-work-view{display:none}.ws-work-meta{grid-template-columns:1fr}.ws-work-continue{width:max-content}.model-picker-head{align-items:flex-start;flex-direction:column}.model-picker-head input{width:100%}}
.ws-work-card>.ws-work-meta{padding:7px 2px 1px}.ws-work-card .ws-work-view{display:block;margin:0;font-size:7.5px}

/* Frontend modular CMS */
.board-window-image{overflow:hidden;background:#f5f6f8}.board-window-image img{width:100%;height:100%;object-fit:cover;display:block}.workbench-art-media,.inspire-media{overflow:hidden;padding:0!important;background:#f5f6f8!important}.workbench-art-media img,.inspire-media img{width:100%;height:100%;object-fit:cover;display:block}.creator-cta[style*="background-image"]{background-size:cover;background-position:center}.mega-svg img,.creator-product-icon img,.flow-step-icon img,.mobile-accordion-icon img,.frontend-item-summary-icon img{width:100%;height:100%;object-fit:contain;display:block}
.frontend-admin-notice{margin-bottom:16px}.frontend-admin-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.frontend-module-list{position:sticky;top:82px;background:#fff;border:1px solid #e6e8ee;padding:12px;box-shadow:0 18px 45px rgba(22,27,45,.05)}.frontend-module-list-head{padding:9px 8px 14px;border-bottom:1px solid #eceef2;margin-bottom:8px}.frontend-module-list-head strong{font-size:15px}.frontend-module-list-head p{margin:6px 0 0;font-size:11px;line-height:1.6;color:#8a8f9a}.frontend-module-nav{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 9px;color:#5d626d;border-left:2px solid transparent}.frontend-module-nav:hover{background:#f8f9fb}.frontend-module-nav.active{background:#f2f5fb;color:#20242d;border-left-color:#4b69da}.frontend-module-nav>span{width:30px;height:30px;display:grid;place-items:center;background:#f3f5f9;border:1px solid #e5e8ef}.frontend-module-nav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.frontend-module-nav div{min-width:0}.frontend-module-nav strong{display:block;font-size:12px}.frontend-module-nav small{display:block;font-size:9px;color:#9b9faa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.frontend-module-nav em{font-style:normal;font-size:9px;color:#8b909a}.frontend-module-editor{min-width:0}.frontend-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:4px 0 16px}.frontend-editor-head small{font-size:10px;color:#8c919c}.frontend-editor-head h2{margin:5px 0 4px;font-size:24px}.frontend-editor-head p{margin:0;color:#8b909a;font-size:12px}.frontend-section-form{margin-bottom:18px}.frontend-form-row,.frontend-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.frontend-setting-grid{padding:14px;background:#fafbfc;border:1px solid #edf0f4;margin:8px 0 14px}.frontend-media-setting{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:start}.frontend-media-preview{background:#f7f8fa;border:1px solid #e6e9ee;padding:9px}.frontend-media-preview img{display:block;width:100%;height:130px;object-fit:contain;background:#fff}.frontend-media-preview label{display:block;margin-top:8px;font-size:11px;color:#707580}.frontend-items-head{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.frontend-items-head h3{margin:0;font-size:17px}.frontend-items-head p{margin:5px 0 0;font-size:11px;color:#8a8f99}.frontend-item-list{display:grid;gap:9px}.frontend-item-editor{background:#fff;border:1px solid #e4e7ed;box-shadow:0 12px 30px rgba(30,35,55,.035)}.frontend-item-editor>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;gap:10px;align-items:center;padding:13px 14px}.frontend-item-editor>summary::-webkit-details-marker{display:none}.frontend-item-editor>summary>svg{width:15px;height:15px;fill:none;stroke:#9499a4;stroke-width:1.8;transition:.2s}.frontend-item-editor[open]>summary>svg{transform:rotate(180deg)}.frontend-item-summary-icon{width:34px;height:34px;display:grid;place-items:center;background:#f2f4f8;border:1px solid #e4e7ed;overflow:hidden}.frontend-item-summary-icon svg{width:17px;height:17px;fill:none;stroke:#4b5c87;stroke-width:1.7}.frontend-item-editor summary strong{display:block;font-size:13px}.frontend-item-editor summary small{display:block;margin-top:3px;font-size:9px;color:#969ba5}.frontend-item-editor summary em{font-style:normal;font-size:10px;color:#7f8590}.frontend-item-editor>form{padding:14px;border-top:1px solid #edf0f3}.frontend-icon-box{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.frontend-svg-input{min-height:98px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.frontend-item-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.frontend-delete-form{padding:0 14px 14px!important;border-top:0!important;text-align:right}.frontend-delete-form button{border:0;background:none;color:#b45f5f;font-size:10px;cursor:pointer}.frontend-add-item{margin-top:16px}.frontend-add-item h3{margin-top:0;font-size:15px}
@media(max-width:900px){.frontend-admin-shell{grid-template-columns:1fr}.frontend-module-list{position:static;display:flex;overflow:auto;gap:7px}.frontend-module-list-head{display:none}.frontend-module-nav{min-width:180px;border-left:0;border-bottom:2px solid transparent}.frontend-module-nav.active{border-left:0;border-bottom-color:#4b69da}.frontend-media-setting{grid-template-columns:1fr}.frontend-form-row,.frontend-setting-grid,.frontend-icon-box{grid-template-columns:1fr}}
@media(max-width:620px){.composer-prompt-input{font-size:13px;min-height:96px}.frontend-editor-head{flex-direction:column}.frontend-module-nav{min-width:160px}.frontend-module-nav small{display:none}}


/* Hero 循环打字演示：展示效果，不是输入框 */
.composer-typewriter-shell{padding:18px}
.composer-typewriter{min-height:82px;padding:4px 2px 12px;color:#343842;font-size:15px;line-height:1.65;display:flex;align-items:flex-start;cursor:default;user-select:none}
.composer-typewriter-text{white-space:pre-wrap;overflow-wrap:anywhere}
.composer-typewriter-caret{display:inline-block;width:1.5px;height:1.25em;margin:2px 0 0 3px;background:#5964e8;border-radius:2px;animation:composerCaretBlink .9s steps(1,end) infinite;flex:0 0 auto}
@keyframes composerCaretBlink{0%,48%{opacity:1}49%,100%{opacity:0}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:620px){.composer-typewriter{min-height:96px;font-size:13px}.composer-typewriter-shell{padding:18px}}
@media(prefers-reduced-motion:reduce){.composer-typewriter-caret{animation:none;opacity:1}}


/* =========================================================
   1.0.0 Workspace readability hotfix
   Logged-in workspace/studio text +3~5px. Keep visual hierarchy.
   ========================================================= */
.workspace-side-label{font-size:12px}
.workspace-side-item{font-size:14px}
.workspace-side-item em{font-size:10px}
.workspace-balance-card span{font-size:11px}
.workspace-balance-card strong{font-size:18px}
.workspace-balance-card small{font-size:12px}
.workspace-account-avatar{font-size:13px}
.workspace-account-card strong{font-size:13px}
.workspace-account-card small{font-size:11px}
.workspace-page-title strong{font-size:16px}
.workspace-page-title span{font-size:11px}
.workspace-top-action{font-size:13px}

.ws-welcome p{font-size:14px}
.ws-soft-btn{font-size:13px}
.ws-create-select select{font-size:13px}
.ws-generate{font-size:14px}
.ws-suggestions>span{font-size:12px}
.ws-suggestions button{font-size:12px}
.ws-section-head h2{font-size:25px}
.ws-section-head p,.ws-section-head>a{font-size:13px}
.ws-quick-tools strong{font-size:14px}
.ws-quick-tools small{font-size:11px;line-height:1.55}
.ws-work-view{font-size:11px}
.ws-work-meta strong{font-size:12px}
.ws-work-meta span{font-size:10px}
.ws-work-continue{font-size:10px}

.workspace-studio .field label{font-size:16px}
.workspace-studio .input,.workspace-studio .textarea,.workspace-studio .select{font-size:15px}
.workspace-studio .muted{font-size:13px;line-height:1.65}
.studio-home-link{font-size:12px}
.studio-inline-action{font-size:12px}
.prompt-helper{font-size:11px}
.model-picker-trigger strong{font-size:14px}
.model-picker-trigger small{font-size:11px}
.model-picker-trigger em{font-size:11px}
.model-picker-head strong{font-size:13px}
.model-picker-head small{font-size:10px}
.model-picker-head input{font-size:12px}
.model-picker-item strong{font-size:13px}
.model-picker-item small{font-size:11px}
.model-picker-item i{font-size:11px}
.workspace-studio .chip,.workspace-studio .template-mini{font-size:15px}
.studio-live-price span{font-size:11px}
.studio-live-price strong{font-size:15px}
.studio-live-price strong b{font-size:18px}
.studio-live-price strong small{font-size:11px}
.studio-live-price em,.live-price-model small{font-size:10px}
.studio-create-btn>span{font-size:11px}
.studio-create-btn>span b{font-size:12px}
.studio-result-head span{font-size:10px}
.studio-result-head h3{font-size:18px}
.studio-result-head>a{font-size:11px}
.result-empty-state strong{font-size:14px}
.result-empty-state p{font-size:12px}
.result-task-top span{font-size:11px}
.result-task-top strong{font-size:14px}
.result-task-top em{font-size:12px}
.result-card-badge{font-size:10px}
.result-card-actions a,.result-card-actions button{font-size:11px}
.result-card-foot strong{font-size:12px}
.result-card-foot span{font-size:10px}

@media(max-width:520px){
  .workspace-side-item{font-size:14px}
  .ws-soft-btn,.ws-create-select select{font-size:13px}
  .ws-generate{font-size:14px}
  .workspace-studio .field label{font-size:15px}
  .workspace-studio .input,.workspace-studio .textarea,.workspace-studio .select{font-size:16px}
}

/* AI assistant usability hotfix */
.ai-chat-toolbar{min-height:66px}
.ai-chat-model-wrap label{font-size:12px}
.ai-chat-model-wrap select{height:38px;font-size:13px;min-width:150px;cursor:pointer}
.ai-chat-toolbar-meta{font-size:11px}
.ai-chat-history-head strong{font-size:15px}
.ai-chat-history-head span{font-size:11px}
.ai-chat-new{font-size:12px}
.ai-chat-history-item span{font-size:13px}
.ai-chat-history-item small{font-size:10px}
.ai-chat-history-empty{font-size:12px}
.ai-chat-delete{font-size:11px}
.ai-chat-message-label{font-size:11px}
.ai-chat-message-text{font-size:15px;line-height:1.75}
.ai-chat-message-actions button{font-size:11px}
.ai-chat-composer-wrap{position:relative;z-index:5}
.ai-chat-composer{position:relative;z-index:6}
.ai-chat-composer textarea{position:relative;z-index:7;pointer-events:auto!important;user-select:text;-webkit-user-select:text;font-size:15px;min-height:58px;caret-color:#4e6cff}
.ai-chat-composer textarea:focus{outline:none}
.ai-chat-attach-btn{font-size:12px}
.ai-chat-balance{font-size:11px}
.ai-chat-send{font-size:13px;min-width:82px;justify-content:center}
.ai-chat-tip{font-size:10px;line-height:1.5}
.ai-chat-empty h2{font-size:24px}
.ai-chat-empty p{font-size:13px;line-height:1.7}
.ai-chat-starters button{font-size:12px}
.ai-chat-usage{font-size:11px}
@media(max-width:700px){
  .ai-chat-model-wrap select{font-size:13px;max-width:180px;min-width:0}
  .ai-chat-toolbar-meta{font-size:10px}
  .ai-chat-message-text{font-size:15px}
  .ai-chat-composer textarea{font-size:16px;min-height:56px}
  .ai-chat-send{font-size:13px}
}

/* Cost protection + configurable public announcement */
.cost-protect-note{margin:12px 0;background:#f8fafc;border-color:#e4e7ec;color:#475467}.cost-protect-note strong{color:#101828}
.cost-switch{display:flex;align-items:center;gap:10px;min-height:42px}.cost-switch input{position:absolute;opacity:0;pointer-events:none}.cost-switch>span{width:44px;height:24px;border-radius:999px;background:#d0d5dd;position:relative;transition:.2s;flex:0 0 auto}.cost-switch>span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.18);transition:.2s}.cost-switch input:checked+span{background:#111827}.cost-switch input:checked+span:after{transform:translateX(20px)}.cost-switch strong{font-size:13px}
body.announcement-open{overflow:hidden}.site-announcement[hidden]{display:none!important}.site-announcement{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .18s ease}.site-announcement.is-visible{opacity:1}.site-announcement-mask{position:absolute;inset:0;background:rgba(17,24,39,.36);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-announcement-card{position:relative;z-index:1;width:min(520px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:0 28px 80px rgba(16,24,40,.22);transform:translateY(10px) scale(.985);transition:transform .2s ease}.site-announcement.is-visible .site-announcement-card{transform:translateY(0) scale(1)}.site-announcement-close{position:absolute;right:14px;top:14px;z-index:3;width:34px;height:34px;border:1px solid rgba(228,231,236,.9);border-radius:10px;background:rgba(255,255,255,.92);cursor:pointer}.site-announcement-close span{position:absolute;left:9px;top:16px;width:15px;height:1.5px;background:#344054}.site-announcement-close span:first-child{transform:rotate(45deg)}.site-announcement-close span:last-child{transform:rotate(-45deg)}.site-announcement-media{width:100%;aspect-ratio:16/7.8;background:#f2f4f7;overflow:hidden}.site-announcement-media img{width:100%;height:100%;display:block;object-fit:cover}.site-announcement-copy{padding:26px}.site-announcement-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:#f0f2ff;color:#4f46e5;font-size:11px;font-weight:750;letter-spacing:.02em}.site-announcement-copy h2{margin:13px 0 9px;font-size:25px;line-height:1.3;color:#101828}.site-announcement-copy p{margin:0;color:#667085;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.site-announcement-action{margin-top:20px;min-height:46px;padding:0 16px;border-radius:12px;background:#111827;color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;box-shadow:0 2px 0 rgba(0,0,0,.14)}.site-announcement-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.site-announcement-action:active{transform:translateY(1px);box-shadow:none}
@media(max-width:620px){.site-announcement{padding:16px}.site-announcement-card{max-height:calc(100vh - 32px);border-radius:18px}.site-announcement-copy{padding:22px 20px}.site-announcement-copy h2{font-size:22px}.site-announcement-copy p{font-size:14px}.site-announcement-media{aspect-ratio:16/8.6}}
@media(prefers-reduced-motion:reduce){.site-announcement,.site-announcement-card{transition:none}}

/* Admin chat model split management */
.chat-model-head{align-items:center}.chat-model-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.chat-model-summary-card{background:#fff;border:1px solid #e5e7ec;border-radius:12px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;transition:.18s ease}.chat-model-summary-card:hover,.chat-model-summary-card.active{border-color:#bcc7ff;background:#fafbff}.chat-model-summary-card span{font-size:11px;color:#7f8591}.chat-model-summary-card strong{font-size:22px;letter-spacing:-.5px}.chat-model-filter-panel{padding:14px;margin-bottom:14px}.chat-model-filter-form{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:10px;align-items:end}.chat-model-filter-form .field{margin:0}.chat-model-table-wrap{border-radius:12px}.chat-model-table td{vertical-align:middle}.model-name-cell strong{display:block;font-size:13px}.model-name-cell small{display:block;color:#8f949e;font-size:10px;margin-top:4px}.model-price-cell{display:grid;gap:2px}.model-price-cell span{font-size:11px}.model-price-cell small{font-size:9px;color:#969ba5}.model-capabilities{display:flex;gap:5px;flex-wrap:wrap}.model-capabilities span{font-size:9px;padding:4px 6px;border:1px solid #e4e6eb;background:#fafbfc;border-radius:6px;color:#666c77}.route-count-link{display:flex;align-items:baseline;gap:5px}.route-count-link strong{font-size:14px;color:#405bd4}.route-count-link span{font-size:9px;color:#8a909b}.model-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;font-size:9px;background:#f4f5f7;color:#656b76}.model-status-pill.ok{background:#edf9f2;color:#18794e}.model-status-pill.warn{background:#fff7e8;color:#a15c00}.model-status-pill.bad{background:#fff0f0;color:#b42318}.model-row-actions{display:flex;align-items:center;gap:8px;font-size:10px}.model-row-actions form{display:inline;margin:0}.link-btn{border:0;background:none;padding:0;color:#405bd4;cursor:pointer;font:inherit}.link-btn.danger{color:#b42318}.admin-empty-state{padding:34px 16px;text-align:center}.admin-empty-state strong{display:block;font-size:13px}.admin-empty-state span{display:block;color:#9297a1;font-size:10px;margin-top:5px}
.chat-model-edit-form{display:grid;gap:14px}.chat-model-edit-section{margin:0}.compact-head{margin-bottom:14px}.compact-head h3{font-size:15px}.compact-head a{font-size:10px;color:#405bd4}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fixed-price-field{max-width:320px}.model-switch-field .check-line{min-height:41px;margin:0;padding:0 2px}.chat-model-advanced{padding:0;overflow:hidden}.chat-model-advanced>summary,.opencode-import-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;cursor:pointer}.chat-model-advanced>summary::-webkit-details-marker,.opencode-import-panel>summary::-webkit-details-marker{display:none}.chat-model-advanced>summary strong,.opencode-import-panel>summary strong{display:block;font-size:13px}.chat-model-advanced>summary span,.opencode-import-panel>summary span{display:block;font-size:9px;color:#9297a1;margin-top:4px}.chat-model-advanced>summary i,.opencode-import-panel>summary i{width:16px;height:16px;display:grid;place-items:center}.chat-model-advanced>summary svg,.opencode-import-panel>summary svg{width:13px;fill:none;stroke:#858b96;stroke-width:1.8}.chat-model-advanced[open]>summary i,.opencode-import-panel[open]>summary i{transform:rotate(180deg)}.chat-model-advanced-body,.opencode-import-body{padding:2px 18px 18px;border-top:1px solid #eceef2}.admin-sticky-actions{display:flex;gap:8px;position:sticky;bottom:12px;background:rgba(247,248,251,.9);backdrop-filter:blur(14px);padding:10px;border:1px solid #e5e7ec;border-radius:12px;z-index:5}
.route-editor-panel{margin-bottom:14px}.route-advanced{border:1px solid #e6e8ed;background:#fafbfc;border-radius:9px;margin:3px 0 14px}.route-advanced summary{cursor:pointer;padding:11px 12px;font-size:10px;font-weight:600}.route-advanced-body{padding:2px 12px 12px}.opencode-import-panel{margin-top:14px;padding:0}.cost-protect-note{margin-bottom:14px}
@media(max-width:900px){.chat-model-summary{grid-template-columns:1fr 1fr}.chat-model-filter-form{grid-template-columns:1fr 160px}.chat-model-filter-form .btn{grid-column:1/-1}.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.chat-model-summary{grid-template-columns:1fr 1fr;gap:8px}.chat-model-summary-card{padding:11px}.chat-model-summary-card strong{font-size:18px}.chat-model-filter-form{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.admin-sticky-actions{bottom:8px}.model-row-actions{gap:7px}.chat-model-head{align-items:flex-start}}

/* Compact inspiration entrances, aligned with the product module */
.creator-inspiration-compact{padding-top:58px;padding-bottom:82px}
.creator-inspire-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.creator-inspire-compact-card{--inspire-color:#5568f5;--inspire-soft:#f0f2ff;min-width:0;min-height:88px;display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:13px 14px;background:#fff;border:1px solid #e7e9ee;border-radius:14px;color:#171a21;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.creator-inspire-compact-card:hover{border-color:color-mix(in srgb,var(--inspire-color) 30%,#e7e9ee);background:color-mix(in srgb,var(--inspire-soft) 38%,#fff);box-shadow:0 10px 24px rgba(30,35,55,.07)}
.creator-inspire-compact-icon{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--inspire-color) 15%,transparent);border-radius:12px;background:var(--inspire-soft);color:var(--inspire-color)}
.creator-inspire-compact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.creator-inspire-compact-icon.has-media{border-color:#eaecf0;background:#f4f5f7}
.creator-inspire-compact-icon.has-media img,.creator-inspire-compact-icon.has-media video{width:100%;height:100%;display:block;object-fit:cover}
.creator-inspire-compact-copy{min-width:0;display:grid;gap:4px}
.creator-inspire-compact-copy strong{overflow:hidden;color:#171a21;font-size:15px;line-height:1.35;font-weight:720;text-overflow:ellipsis;white-space:nowrap}
.creator-inspire-compact-copy small{overflow:hidden;color:#7b8290;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.creator-inspire-compact-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f6f7f9;color:#8a909c;transition:background-color .18s ease,color .18s ease}
.creator-inspire-compact-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.creator-inspire-compact-card:hover .creator-inspire-compact-arrow{background:var(--inspire-color);color:#fff}
.inspiration-tone-2{--inspire-color:#0f9f83;--inspire-soft:#eaf9f5}
.inspiration-tone-3{--inspire-color:#c36a2d;--inspire-soft:#fff4e9}
.inspiration-tone-4{--inspire-color:#d95582;--inspire-soft:#fff0f5}
.inspiration-tone-5{--inspire-color:#2686c7;--inspire-soft:#edf7ff}
.inspiration-tone-6{--inspire-color:#8256d8;--inspire-soft:#f4efff}
@media(max-width:900px){.creator-inspire-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .creator-inspiration-compact{padding:42px 14px 58px}
  .creator-inspiration-compact .creator-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:16px}
  .creator-inspiration-compact .creator-section-head p{margin-top:5px}
  .creator-inspiration-compact .section-link{white-space:nowrap}
  .creator-inspire-compact-grid{grid-template-columns:1fr;gap:7px}
  .creator-inspire-compact-card{min-height:68px;grid-template-columns:40px minmax(0,1fr) 26px;gap:10px;padding:9px 10px;border-radius:12px}
  .creator-inspire-compact-icon{width:40px;height:40px;border-radius:10px}
  .creator-inspire-compact-icon svg{width:19px;height:19px}
  .creator-inspire-compact-copy{gap:2px}
  .creator-inspire-compact-copy strong{font-size:14px}
  .creator-inspire-compact-copy small{font-size:10px}
  .creator-inspire-compact-arrow{width:26px;height:26px;border-radius:8px}
}