:root{color-scheme:dark;--bg:#050b0a;--panel:#081311;--panel2:#0c1816;--line:#1c2a27;--muted:#7c8c88;--text:#f4f7f6;--mint:#6df2ad;--cyan:#25d8df;--danger:#ff7c8f;--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;font-size:16px}body{background:radial-gradient(circle at 18% 0,rgba(30,235,179,.09),transparent 28%),var(--bg)}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:34px;position:sticky;top:0;background:rgba(5,11,10,.9);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:700;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--mint),var(--cyan));display:grid;place-items:center;color:#06221d;font-size:20px;box-shadow:0 0 28px rgba(72,236,183,.2)}.brand em{font-style:normal;color:var(--mint)}.main-nav,.auth-nav{display:flex;align-items:center;gap:8px}.main-nav{flex:1}.nav-link{color:#8d9996;padding:10px 15px;border-radius:11px;border:0;background:transparent}.nav-link:hover,.nav-link.active{color:#fff;background:#0e201c}.account-link{background:linear-gradient(135deg,var(--mint),#57ecd3);color:#06201c;font-weight:700;padding:10px 15px;border-radius:10px}.studio{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.94fr);min-height:calc(100vh - 70px)}.creator{padding:25px 32px 48px;border-right:1px solid var(--line);overflow:auto}.eyebrow{margin:0 0 10px;color:var(--mint);font-size:.78rem;letter-spacing:.18em;font-weight:700}.hero h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;margin:0 0 10px;letter-spacing:-.04em}.hero>p:last-child{margin:0;color:var(--muted)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--line);border-radius:13px;margin:20px 0 18px;background:#07100f}.mode-tab{height:46px;border:0;border-radius:10px;background:transparent;color:#84918e}.mode-tab.active{background:linear-gradient(100deg,var(--mint),var(--cyan));color:#05211c;font-weight:700;box-shadow:0 10px 28px rgba(32,220,191,.12)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:19px 0 10px}.section-head strong{font-size:.9rem}.section-head span{color:var(--muted);font-size:.82rem}.model-group{margin:0 0 13px}.group-title{color:#8fa09c;font-size:.82rem;margin:0 0 8px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.model-card{min-height:64px;border:1px solid var(--line);border-radius:12px;background:#0a1413;color:#b8c1bf;padding:12px;text-align:left;display:flex;flex-direction:column;gap:7px;position:relative}.model-card:hover{border-color:#34504a}.model-card.active{border-color:#258b70;background:linear-gradient(135deg,rgba(62,235,171,.1),rgba(9,20,18,.85));color:#fff;box-shadow:inset 0 0 20px rgba(43,233,174,.035)}.model-card.active:after{content:"";position:absolute;right:11px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 11px var(--mint)}.model-card small{color:#71807c}.badge{display:inline-flex;align-items:center;background:var(--mint);color:#06241e;font-size:.62rem;padding:2px 5px;border-radius:5px;margin-left:6px;font-weight:800}.field{margin:18px 0}.field label{display:flex;justify-content:space-between;gap:16px;margin:0 0 9px;font-size:.9rem}.field label span{color:var(--muted);font-size:.82rem}.prompt{width:100%;min-height:94px;resize:vertical;border:1px solid var(--line);border-radius:13px;background:#0b1615;color:#eef3f1;padding:14px 15px;line-height:1.65;outline:none}.prompt:focus,input:focus,select:focus{border-color:#36c795;box-shadow:0 0 0 3px rgba(54,199,149,.1)}.counter{display:block;text-align:right;color:#65736f;font-size:.75rem;margin-top:-22px;padding-right:10px;position:relative;pointer-events:none}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload{border:1px dashed #2a3b37;border-radius:12px;background:#091310;min-height:78px;display:flex;align-items:center;justify-content:center;gap:10px;color:#aeb8b5}.upload:hover{border-color:var(--mint)}.upload span{display:flex;flex-direction:column;gap:4px}.upload small{color:#64736f;font-size:.72rem}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.control label{display:block;font-size:.82rem;margin-bottom:7px}.control select,.text-input{width:100%;height:43px;border:1px solid var(--line);border-radius:10px;background:#0a1513;color:#e9efed;padding:0 11px;outline:none}.generate{width:100%;height:50px;border:0;border-radius:12px;background:linear-gradient(100deg,var(--mint),var(--cyan));color:#06231e;font-weight:800;font-size:1rem}.generate:hover{filter:brightness(1.08)}.cost{display:flex;justify-content:center;gap:16px;color:#6f7f7b;font-size:.78rem;margin-top:11px}.results{padding:35px 30px;background:linear-gradient(180deg,#07100f,#050b0a);min-width:0}.results-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.results h2{margin:0 0 7px;font-size:1.15rem}.results p{margin:0;color:var(--muted);font-size:.84rem}.ghost{border:1px solid var(--line);background:#0a1412;color:#a9b4b1;border-radius:9px;padding:9px 12px}.empty{border:1px dashed #1f302c;border-radius:13px;padding:28px;text-align:center;color:#6d7c78;font-size:.86rem}.task-card{border:1px solid #24453d;border-radius:14px;background:#0b1714;padding:17px;margin-bottom:12px}.task-card strong{display:block;margin-bottom:7px}.task-card p{line-height:1.55}.progress{height:6px;background:#15231f;border-radius:9px;overflow:hidden;margin-top:14px}.progress i{display:block;height:100%;width:62%;background:linear-gradient(90deg,var(--mint),var(--cyan));animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.workflow{padding:34px 32px}.workflow-hero{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line)}.workflow-hero h1{font-size:2.25rem;margin:4px 0 8px}.workflow-hero p{margin:0;color:var(--muted)}.workflow-hero>span{color:#7f908b;font-size:.82rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.step{border:1px solid var(--line);border-radius:12px;padding:13px;background:#081210;color:#72817d}.step b{display:block;color:var(--mint);margin-bottom:5px}.workflow-grid{display:grid;grid-template-columns:1fr 310px;gap:22px}.workflow-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.workflow-card{border:1px solid var(--line);border-radius:14px;background:#091412;padding:18px;min-height:112px}.workflow-card h3{margin:0 0 8px}.workflow-card p{color:var(--muted);margin:0 0 18px}.workflow-card button{border:0;background:transparent;color:var(--mint);padding:0}.summary{border:1px solid var(--line);border-radius:14px;background:#091412;padding:19px;height:max-content}.summary h3{margin-top:0}.summary-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);color:#86958f}.summary-row b{color:#d9e2df}.page{max-width:1120px;margin:0 auto;padding:52px 28px}.page-head{margin-bottom:26px}.page h1{font-size:2.3rem;margin:5px 0 9px}.page p{color:var(--muted);line-height:1.7}.back{color:var(--mint);display:inline-block;margin-bottom:22px}.form-card{max-width:520px;margin:34px auto;border:1px solid var(--line);border-radius:18px;background:#091412;padding:30px;box-shadow:var(--shadow)}.form-card h1{font-size:2rem;margin:7px 0 9px}.form{display:grid;gap:16px;margin-top:24px}.form label{display:grid;gap:8px;color:#b8c3c0;font-size:.9rem}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#06100e;color:#fff;padding:12px;outline:none}.form button{height:46px;border:0;border-radius:10px;background:linear-gradient(100deg,var(--mint),var(--cyan));color:#06221c;font-weight:800}.form-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important}.form-row input{width:auto!important}.form-links{display:flex;justify-content:space-between;margin-top:18px;color:var(--mint);font-size:.88rem}.message{padding:12px;border:1px solid #305148;border-radius:10px;background:#0b1d18;color:#9ef3c7;margin-top:16px}.account{display:grid;grid-template-columns:230px 1fr;gap:22px}.account-side,.account-main{border:1px solid var(--line);border-radius:15px;background:#081310;padding:18px}.account-side h3{margin:0 0 15px}.account-side button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#8c9995;padding:10px;border-radius:9px}.account-side button.active{background:#10231e;color:var(--mint)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid var(--line);border-radius:12px;padding:15px}.stat b{display:block;font-size:1.6rem;margin-bottom:4px}.stat span{color:var(--muted);font-size:.82rem}.mobile-menu{display:none}.legal-note{font-size:.8rem;color:#61716d;margin-top:18px}.access-shell{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 30%,rgba(42,227,177,.11),transparent 36%)}.access-card{width:min(560px,100%);text-align:center;border:1px solid #234139;border-radius:20px;background:rgba(8,19,16,.94);padding:42px 36px;box-shadow:var(--shadow)}.access-card h1{font-size:2rem;margin:8px 0 14px}.access-card p:not(.eyebrow){color:#93a39e;line-height:1.75;margin:0 auto 24px;max-width:470px}.access-card small{display:block;color:#61716d;margin-top:20px}.access-icon{width:66px;height:66px;border-radius:19px;margin:0 auto 22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),var(--cyan));color:#06221d;font-size:1.8rem;box-shadow:0 14px 38px rgba(37,216,223,.16)}.access-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.access-actions a{height:48px;border-radius:11px;display:grid;place-items:center;font-weight:800}.access-primary{background:linear-gradient(100deg,var(--mint),var(--cyan));color:#06221d}.access-secondary{border:1px solid #355b50;color:#c6d5d0;background:#0b1b17}.access-spinner{width:42px;height:42px;margin:0 auto 22px;border:3px solid #193129;border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.studio{grid-template-columns:1fr}.creator{border-right:0}.results{border-top:1px solid var(--line)}.workflow-grid{grid-template-columns:1fr}.summary{grid-row:1}.model-grid{grid-template-columns:repeat(2,1fr)}.auth-nav .nav-link{display:none}.account{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{padding:0 14px;gap:8px}.brand strong{display:none}.main-nav{gap:0}.nav-link{padding:9px 10px;font-size:.88rem}.account-link{padding:9px 10px;font-size:.88rem}.creator,.results,.workflow,.page{padding-left:18px;padding-right:18px}.hero h1,.workflow-hero h1{font-size:1.7rem}.model-grid,.upload-grid,.settings,.workflow-list,.steps{grid-template-columns:1fr}.workflow-hero{align-items:start;flex-direction:column}.form-card{padding:22px;margin-top:16px}.stat-grid{grid-template-columns:1fr 1fr}.access-shell{padding:20px}.access-card{padding:32px 22px}.access-card h1{font-size:1.65rem}.access-actions{grid-template-columns:1fr}}