:root{--ink:#182033;--muted:#7d8498;--line:#e7e9f0;--surface:#fff;--canvas:#f6f7fb;--purple:#7457ff;--cyan:#25c9fa;--soft-purple:#f0edff;--shadow:0 14px 40px rgba(30,39,70,.08)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--canvas)}button,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-left:248px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#151927;color:#d8dceb;padding:24px 14px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:6px 8px 30px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--purple),var(--cyan));font-size:22px;box-shadow:0 8px 20px rgba(103,77,246,.42)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:17px;letter-spacing:0}.brand-copy small{font-size:8px;letter-spacing:1px;color:#9ea5be;margin-top:5px}.nav-list{display:grid;gap:4px}.nav-item{height:44px;border:0;border-radius:8px;background:transparent;color:#aeb5cb;text-align:left;padding:0 12px;display:flex;align-items:center;gap:11px;font-weight:600}.nav-item:hover{background:#22283a;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(100deg,rgba(116,87,255,.34),rgba(37,201,250,.12));box-shadow:inset 2px 0 var(--cyan)}.nav-icon{width:18px;text-align:center;font-size:18px}.nav-section-title{font-size:10px;color:#6f7894;letter-spacing:1.2px;margin:30px 12px 9px}.module-list{display:grid;gap:2px}.module-chip{border:0;background:transparent;color:#aeb5cb;border-radius:7px;text-align:left;padding:9px 12px;font-size:13px}.module-chip:hover,.module-chip.active{background:#22283a;color:#fff}.sidebar-bottom{margin-top:auto}.account-card{padding:12px;background:#202536;border-radius:10px;display:flex;align-items:center;gap:9px;cursor:pointer}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffbf83,#fa817b);color:white;font-size:12px;font-weight:700}.account-copy{display:flex;flex-direction:column;min-width:0;flex:1}.account-copy b{font-size:12px;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy small{font-size:10px;color:#9aa4bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-more{color:#929ab0;letter-spacing:1px}.main-area{min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.crumb{color:#8e94a5;font-size:13px}.crumb i{font-style:normal;margin:0 9px;color:#c5c9d4}.crumb b{color:#30384b}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{height:34px;width:34px;border:1px solid var(--line);border-radius:8px;color:#71798e;background:#fff;font-size:18px}.points-pill,.profile-button{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 10px;color:#51596d}.points-pill span{color:var(--purple)}.points-pill em{font-style:normal;color:#8e94a5;font-size:11px}.profile-button{padding:0 7px 0 4px}.avatar-sm{width:25px;height:25px;font-size:10px}.workspace,.collection-view,.account-view{max-width:1400px;margin:0 auto;padding:48px 44px 70px}.intro-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:32px}.eyebrow,.panel-kicker{font-size:10px;letter-spacing:1.4px;color:var(--purple);font-weight:800;margin:0 0 7px}.intro-row h1,.collection-hero h1{font-size:36px;line-height:1.22;letter-spacing:0;margin:0;font-weight:750}.intro-row h1 span{color:var(--purple)}.intro-copy{color:var(--muted);margin:10px 0 0;font-size:15px}.today-stat{width:126px;border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;color:var(--muted);font-size:11px}.today-stat b{color:var(--ink);font-size:28px;line-height:1.2;margin-top:3px}.today-stat small{font-size:11px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.prompt-panel,.settings-panel,.result-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.prompt-panel{padding:27px}.panel-head,.settings-head,.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2,.settings-head h2,.section-heading h2{font-size:18px;letter-spacing:0;margin:0}.shortcut{font-size:10px;color:#9198aa;border:1px solid var(--line);border-radius:5px;padding:3px 6px}textarea{width:100%;height:174px;border:1px solid transparent;background:#f7f8fc;border-radius:9px;resize:vertical;padding:17px;margin-top:22px;color:var(--ink);outline:none;line-height:1.7}textarea:focus{background:#fff;border-color:#b8adff;box-shadow:0 0 0 3px rgba(116,87,255,.09)}textarea::placeholder{color:#a5aabc}.prompt-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 2px 19px;color:#9aa0af;font-size:11px}.text-button{border:0;color:var(--purple);background:transparent;font-weight:700;padding:3px 0}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #eef0f5;padding-top:20px}.tool-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;display:flex;align-items:center;text-align:left;gap:10px;color:var(--ink)}.tool-card:hover,.tool-card.selected{border-color:#b8adff;background:#faf9ff}.tool-symbol{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:var(--soft-purple);color:var(--purple);font-size:17px}.tool-card span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.tool-card b{font-size:12px}.tool-card small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card i{font-style:normal;font-size:17px;color:#8991a5}.reference-box{margin-top:12px}.drop-zone{border:1px dashed #b8bfd0;border-radius:9px;min-height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#596277;background:#fafbfe}.drop-zone:hover{border-color:var(--purple);background:#faf9ff}.upload-mark{font-size:21px;color:var(--purple);line-height:1}.drop-zone b{font-size:12px;margin-top:4px}.drop-zone small{color:#9298a9;font-size:10px}.reference-preview{height:170px;position:relative;border-radius:9px;overflow:hidden;background:#f5f6fa}.reference-preview img{width:100%;height:100%;object-fit:cover}.reference-preview button{position:absolute;right:9px;top:9px;border:0;width:27px;height:27px;border-radius:50%;background:rgba(18,22,35,.7);color:white;font-size:20px}.hidden{display:none!important}.style-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.style-option{border:1px solid var(--line);border-radius:999px;background:#fff;color:#657087;padding:6px 11px;font-size:12px}.style-option:hover,.style-option.active{background:var(--soft-purple);color:var(--purple);border-color:#b8adff}.settings-panel{padding:27px;align-self:start}.settings-head{margin-bottom:22px}.field-label{display:flex;flex-direction:column;color:#60697d;font-size:12px;font-weight:700;gap:8px}.field-group{margin-top:22px}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.ratio-card{height:81px;padding:9px 4px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#687187;display:flex;flex-direction:column;align-items:center;gap:2px}.ratio-card:hover,.ratio-card.active{border-color:#ab9fff;background:#faf9ff;color:var(--purple)}.ratio-icon{display:block;border:1.5px solid currentColor;border-radius:2px;margin-bottom:2px}.ratio-icon.square{width:18px;height:18px}.ratio-icon.portrait{width:12px;height:21px}.ratio-icon.landscape{width:22px;height:13px}.ratio-card b{font-size:11px}.ratio-card small{font-size:9px;color:#a1a7b6}.switch-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f5;padding-top:20px;margin-top:22px}.switch-row span{display:flex;flex-direction:column}.switch-row b{font-size:12px}.switch-row small{font-size:10px;color:var(--muted);margin-top:2px}.switch-row input{display:none}.switch-row i{width:37px;height:21px;background:#dfe3eb;border-radius:99px;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:2px;left:2px;box-shadow:0 1px 3px #aab0c0;transition:.2s}.switch-row input:checked+i{background:var(--purple)}.switch-row input:checked+i:after{transform:translateX(16px)}.cost-box{margin-top:22px;padding:12px 13px;background:#f7f7fb;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.cost-box b{color:#465065;font-size:13px}.cost-box i{font-style:normal;color:var(--purple)}.cost-box em{font-style:normal}.cost-box small{font-weight:400;color:#959cad}.generate-button{width:100%;height:48px;margin-top:13px;border:0;border-radius:8px;color:white;background:linear-gradient(105deg,var(--purple),#6074ff 50%,var(--cyan));display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 19px rgba(97,96,255,.24)}.generate-button:hover{filter:brightness(1.04)}.generate-button:disabled{opacity:.7;cursor:wait}.generate-button span{font-size:18px}.generate-button small{font-size:10px;opacity:.7;margin-left:4px}.task-status{margin-top:13px;border-radius:7px;background:#f0edff;color:#6851df;padding:9px 10px;font-size:12px}.result-section{padding:24px;margin-top:20px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.result-card{position:relative;border-radius:9px;overflow:hidden;background:#f4f5f9;aspect-ratio:1}.result-card img{width:100%;height:100%;object-fit:cover;display:block}.result-card a{position:absolute;right:10px;bottom:10px;background:rgba(18,23,36,.78);color:#fff;padding:6px 10px;border-radius:6px;text-decoration:none;font-size:11px}.inspiration-section{margin-top:45px}.section-heading{align-items:center;margin-bottom:16px}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.inspiration-card{min-height:172px;position:relative;border:0;border-radius:10px;overflow:hidden;text-align:left;color:#fff;background:#25304a;box-shadow:0 7px 21px rgba(31,38,70,.12)}.inspiration-card:hover{transform:translateY(-3px);transition:.2s}.inspiration-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.inspiration-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,14,25,.72),rgba(10,14,25,.03) 65%)}.inspiration-card span{position:absolute;bottom:12px;left:13px;z-index:1;font-size:13px;font-weight:700}.inspiration-placeholder{background:linear-gradient(135deg,#785cf6,#23cbed)}.collection-hero{padding:14px 0 35px}.collection-hero p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.collection-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.filter-tabs{display:flex;gap:17px}.filter{border:0;background:transparent;color:#8a91a3;padding:4px 0}.filter.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--purple)}.masonry{columns:4 220px;column-gap:16px}.account-hero{display:flex;justify-content:space-between;align-items:flex-end;padding:14px 0 24px}.account-hero h1{margin:0;font-size:30px;letter-spacing:0}.account-hero p:not(.eyebrow){color:var(--muted);margin:8px 0 0}.logout-button{border:1px solid #f0c4c4;background:#fff7f7;color:#bd5a5a;border-radius:8px;padding:9px 14px;font-weight:700}.account-banner{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.account-identity{display:flex;align-items:center;gap:16px;min-width:0}.account-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:700;background:linear-gradient(135deg,#7c5cff,#21d4fd);box-shadow:0 8px 18px rgba(116,87,255,.28);flex-shrink:0}.account-identity-txt{min-width:0}.account-name-row{display:flex;align-items:center;gap:10px}.account-name-row b{font-size:18px;letter-spacing:0}.account-identity-txt small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.vip-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.3px}.vip-common{background:#eef1f5;color:#64748b}.vip-gold{background:#fff4dd;color:#b07a00}.vip-diamond{background:#f0edff;color:#6a4cf0}.vip-none{background:#f4f5f8;color:#9aa1b0}.account-banner-actions{display:flex;gap:9px;flex-shrink:0}.account-dashboard{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px;margin-bottom:16px}.account-balance,.account-stat,.account-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.account-balance{padding:22px;background:linear-gradient(125deg,#7055f4,#21c8f4);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;gap:15px}.account-balance:after{content:"✦";position:absolute;right:18px;bottom:-34px;font-size:130px;opacity:.12}.account-balance .stat-icon{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:22px;flex-shrink:0}.account-balance small,.account-stat small{display:block;font-size:11px;opacity:.8}.account-balance strong{display:block;font-size:32px;line-height:1.15;margin:4px 0}.account-balance .balance-split{font-size:12px;opacity:.9}.account-balance .balance-split i{font-style:normal;margin:0 6px;opacity:.6}.account-stat{padding:20px 22px;display:flex;align-items:center;gap:14px}.account-stat .stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;flex-shrink:0;background:var(--soft-purple);color:var(--purple)}.account-stat .stat-icon.icon-crown{background:#fff4dd;color:#c28600}.account-stat .stat-icon.icon-quota{background:#e6f6f1;color:#1f9d74}.account-stat .stat-icon.icon-invite{background:#fdeef0;color:#e05c78}.account-stat small{color:var(--muted)}.account-stat b{display:block;font-size:22px;margin:4px 0 2px;letter-spacing:0}.account-stat em{font-style:normal;color:var(--muted);font-size:11px}.account-panel{padding:22px 24px}.account-panel h2{font-size:16px;margin:0}.account-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-sub{font-size:12px;color:var(--muted)}.account-info-list{border:1px solid #f0f1f5;border-radius:10px;overflow:hidden}.account-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font-size:13px}.account-info-row:nth-child(odd){background:#fafbfd}.account-info-row span:first-child{color:var(--muted)}.account-info-row span:last-child{font-weight:700;color:#3a4256}.account-actions{display:flex;gap:9px;margin-top:16px}.account-action{border:1px solid var(--line);background:#fff;border-radius:8px;color:#566077;padding:9px 15px;font-weight:700;font-size:13px}.account-action:hover{border-color:#b8adff;color:var(--purple)}.account-action.primary{background:linear-gradient(105deg,var(--purple),#6074ff);border:none;color:#fff;box-shadow:0 6px 14px rgba(97,96,255,.22)}.account-action.primary:hover{filter:brightness(1.04);color:#fff}.account-logs{min-width:0}.points-table{width:100%;border-collapse:collapse;font-size:13px}.points-table th{text-align:left;color:#9aa1b0;font-weight:600;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.points-table td{padding:12px 0;border-bottom:1px solid #f2f3f7}.log-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:middle}.dot-plus{background:#34b37e}.dot-minus{background:#ef7b8b}.log-time{color:var(--muted);font-size:12px}.log-empty{text-align:center;color:var(--muted);padding:24px 0}.points-plus{color:#1f9d74;font-weight:700}.points-minus{color:#e05c78;font-weight:700}.account-guest{padding:70px 30px;border:1px dashed #d5d9e4;border-radius:14px;text-align:center;background:#fff}.guest-avatar{width:66px;height:66px;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--cyan))}.account-guest h2{margin:0 0 8px;font-size:20px}.account-guest p{color:var(--muted);margin:0 0 22px}.auth-mask{position:fixed;inset:0;background:rgba(13,18,31,.62);z-index:20;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.auth-modal{width:min(420px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:30px}.auth-modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.auth-modal-head h2{margin:0;font-size:21px}.auth-modal-head p{color:var(--muted);font-size:12px;margin:6px 0 0}.auth-close{border:0;background:#f4f5f8;color:#747d90;width:28px;height:28px;border-radius:50%;font-size:18px}.auth-field{margin-bottom:13px}.auth-field label{display:block;color:#5e677a;font-size:12px;font-weight:700;margin-bottom:6px}.auth-field input{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;outline:none;padding:0 12px;color:var(--ink)}.auth-field input:focus{border-color:#a99cff;box-shadow:0 0 0 3px rgba(116,87,255,.09)}.captcha-row{display:grid;grid-template-columns:1fr 110px;gap:8px}.captcha-question{height:42px;border:1px solid var(--line);border-radius:8px;background:#f8f8fc;display:grid;place-items:center;color:var(--purple);font-weight:800;cursor:pointer}.auth-submit{width:100%;height:44px;border:0;border-radius:8px;background:linear-gradient(105deg,var(--purple),#6074ff 50%,var(--cyan));color:#fff;font-weight:800;margin-top:6px}.auth-switch{border:0;background:transparent;color:var(--purple);display:block;width:100%;text-align:center;margin-top:16px;font-size:12px}.auth-agree{font-size:11px;color:#999;margin-top:14px;text-align:center}.auth-agree input{vertical-align:middle;margin-right:4px}.auth-error{color:#c65c5c;font-size:12px;min-height:18px;margin-top:8px}.recharge-modal{width:min(620px,100%);background:#fff;border-radius:14px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.recharge-head{display:flex;justify-content:space-between;align-items:flex-start}.recharge-head h2{margin:0;font-size:20px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.package-card{position:relative;border:1px solid var(--line);border-radius:9px;background:#fff;padding:16px 12px;text-align:center}.package-card:hover,.package-card.active{border-color:#aa9eff;background:#faf9ff}.package-card .tag{position:absolute;right:7px;top:7px;background:#eeeaff;color:var(--purple);border-radius:4px;padding:2px 4px;font-size:9px}.package-card b{display:block;font-size:23px;color:#323b50}.package-card strong{display:block;font-size:13px;margin-top:6px}.package-card small{color:var(--muted);font-size:10px}.pay-choice{display:flex;gap:8px;margin-top:12px}.pay-choice button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px;color:#566077}.pay-choice button:hover{border-color:#aa9eff;color:var(--purple)}@media(max-width:1080px){.account-dashboard{grid-template-columns:1fr 1fr}.account-balance{grid-column:1/-1}.account-grid{grid-template-columns:1fr}.account-banner{flex-direction:column;align-items:flex-start}.account-banner-actions{width:100%}.account-banner-actions .account-action{flex:1;text-align:center}}.work-card{break-inside:avoid;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(38,45,74,.04)}.work-card img{display:block;width:100%;min-height:150px;object-fit:cover;background:#eff1f6}.work-meta{padding:10px 11px}.work-meta p{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3d4658}.work-meta small{display:block;color:#9ca3b4;font-size:10px;margin-top:5px}.empty-card{break-inside:avoid;padding:34px 18px;border:1px dashed #cfd4e0;border-radius:10px;color:#9299aa;text-align:center;background:#fff}.toast{position:fixed;left:50%;bottom:28px;z-index:9;transform:translateX(-50%) translateY(70px);background:#1a2030;color:white;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 8px 22px rgba(0,0,0,.2);opacity:0;transition:.24s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1080px){.app-shell{padding-left:210px}.sidebar{width:210px}.workspace,.collection-view,.account-view{padding:36px 28px}.topbar{padding:0 28px}.studio-grid{grid-template-columns:minmax(0,1fr) 290px}.inspiration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.app-shell{padding:0}.sidebar{display:none}.topbar{padding:0 18px}.workspace,.collection-view,.account-view{padding:30px 18px}.studio-grid{grid-template-columns:1fr}.intro-row{align-items:flex-start}.intro-row h1,.collection-hero h1{font-size:28px}.today-stat{display:none}.inspiration-grid{grid-template-columns:repeat(2,1fr)}.masonry{columns:2 145px}.top-actions .icon-button,.points-pill em,.profile-button span:not(.avatar){display:none}}@media(max-width:480px){.tool-row{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.filter-tabs{gap:10px}}
.chat-view,.video-view{max-width:1100px;margin:0 auto;padding:48px 44px 70px}
.chat-window{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);height:calc(100vh - 220px);min-height:420px;display:flex;flex-direction:column;overflow:hidden}
.chat-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px;background:#fafbfe}
.chat-welcome{margin:auto;text-align:center;color:#9aa1b2;font-size:14px;padding:30px}
.chat-row{display:flex}.chat-row.me{justify-content:flex-end}.chat-bubble{max-width:72%;padding:11px 15px;border-radius:14px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.chat-row.me .chat-bubble{background:linear-gradient(105deg,var(--purple),#6074ff);color:#fff;border-bottom-right-radius:4px}
.chat-row.ai .chat-bubble{background:#f0f1f6;color:#2d3548;border-bottom-left-radius:4px}
.chat-bubble.typing{color:#9aa1b2}
.chat-input-bar{border-top:1px solid var(--line);padding:14px 16px;display:flex;gap:12px;align-items:flex-end;background:#fff}
.chat-input-bar textarea{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 13px;resize:none;outline:none;max-height:120px;line-height:1.5;font:inherit}
.chat-input-bar textarea:focus{border-color:#a99cff;box-shadow:0 0 0 3px rgba(116,87,255,.09)}
.chat-send{width:auto;height:42px;padding:0 22px;margin:0}
.video-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:28px}
.video-tip{color:var(--muted);margin:0 0 18px;font-size:14px}
.video-row{display:flex;gap:12px}
.video-row input{flex:1;height:46px;border:1px solid var(--line);border-radius:9px;padding:0 14px;outline:none;font:inherit;color:var(--ink)}
.video-row input:focus{border-color:#a99cff;box-shadow:0 0 0 3px rgba(116,87,255,.09)}
.video-parse-btn{width:auto;height:46px;padding:0 26px;margin:0;white-space:nowrap}
.video-result{margin-top:22px}
.video-card{display:flex;gap:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;align-items:center}
.video-thumb{width:140px;height:180px;flex-shrink:0;border-radius:9px;overflow:hidden;background:#eef0f5}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.video-info{flex:1;min-width:0}
.video-title{font-size:15px;font-weight:700;margin:0 0 6px;color:var(--ink)}
.video-author{color:var(--muted);font-size:13px;margin:0 0 16px}
.video-download{display:inline-block;background:linear-gradient(105deg,var(--purple),#6074ff);color:#fff;padding:9px 18px;border-radius:8px;text-decoration:none;font-weight:700;font-size:13px}
.video-download:hover{filter:brightness(1.04)}

/* Desktop studio refresh */
:root{--ink:#18213a;--muted:#78839a;--line:#e6e9f2;--canvas:#f4f6fb;--purple:#7857ff;--cyan:#35c5f6;--soft-purple:#f1efff;--shadow:0 18px 46px rgba(44,52,87,.08)}
body{background:radial-gradient(circle at 77% -8%,rgba(134,104,255,.13),transparent 28rem),radial-gradient(circle at 43% 15%,rgba(48,203,246,.08),transparent 24rem),var(--canvas)}
.sidebar{width:264px;padding:25px 15px;background:linear-gradient(160deg,#121726 0%,#171c2c 48%,#111827 100%);border-right:1px solid rgba(255,255,255,.05)}
.app-shell{padding-left:264px}.brand{padding:7px 10px 37px}.brand-mark{width:40px;height:40px;border-radius:13px;background:conic-gradient(from 220deg,#42d4f7,#8062ff,#b463ff,#42d4f7);box-shadow:0 10px 27px rgba(91,75,246,.42)}
.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px;letter-spacing:1.4px}.nav-item{height:46px;border-radius:10px;padding:0 13px;transition:background .2s,color .2s,transform .2s}.nav-item:hover{transform:translateX(2px)}.nav-item.active{background:linear-gradient(100deg,rgba(124,90,255,.35),rgba(50,203,246,.12));box-shadow:inset 2px 0 #81dcff,0 6px 18px rgba(0,0,0,.12)}
.nav-section-title{margin-top:34px}.module-chip{padding:10px 13px;border-radius:9px;transition:.2s}.module-chip.active{background:rgba(255,255,255,.09);box-shadow:inset 1px 0 rgba(91,220,255,.8)}.account-card{padding:13px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.07);border-radius:12px}
.topbar{height:76px;padding:0 52px;background:rgba(250,251,255,.76);border-bottom-color:rgba(220,224,235,.78)}.top-actions{gap:11px}.icon-button,.points-pill,.profile-button{height:38px;border-radius:10px;background:rgba(255,255,255,.84);box-shadow:0 3px 10px rgba(40,48,74,.03)}.points-pill{padding:0 12px}.profile-button{padding-right:10px}
.workspace,.collection-view,.account-view{max-width:1490px;padding:56px 52px 80px}.intro-row{margin-bottom:30px}.intro-row h1,.collection-hero h1{font-size:42px;letter-spacing:-1.3px;font-weight:800}.intro-row h1 span{background:linear-gradient(105deg,#704dff,#20bdf2);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-copy{font-size:15px;max-width:500px}.hero-tags{display:flex;gap:8px;margin-top:18px}.hero-tags span{border:1px solid rgba(118,94,255,.16);border-radius:999px;padding:5px 10px;background:rgba(255,255,255,.6);color:#626d85;font-size:11px;font-weight:700}.hero-tags span:first-child{color:#7054e9;background:#f1efff}.today-stat{width:205px;min-height:116px;padding:18px 20px;border:1px solid rgba(125,108,255,.14);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,242,255,.84));box-shadow:0 13px 30px rgba(68,63,131,.08)}.today-stat>span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#64708a}.today-stat span i{width:7px;height:7px;border-radius:50%;background:#45d7a1;box-shadow:0 0 0 4px rgba(69,215,161,.12)}.today-stat b{font-size:30px;margin:4px 0 0;background:linear-gradient(100deg,#5543d9,#318adf);-webkit-background-clip:text;background-clip:text;color:transparent}.today-stat small{font-size:10px}
.studio-grid{grid-template-columns:minmax(0,1fr) 348px;gap:22px}.prompt-panel,.settings-panel,.result-section{border-radius:18px;border-color:rgba(220,224,237,.94);box-shadow:var(--shadow)}.prompt-panel{padding:30px;background:rgba(255,255,255,.88)}.settings-panel{padding:28px;background:linear-gradient(155deg,#fff 0%,#faf9ff 100%)}.panel-kicker{font-size:10px;color:#7857ff}.panel-head h2,.settings-head h2,.section-heading h2{font-size:20px;letter-spacing:-.3px}.shortcut{border-radius:6px;background:#fafbff}
textarea{height:184px;margin-top:20px;border:1px solid #edf0f6;background:linear-gradient(135deg,#fafbff,#f7f7fc);border-radius:14px;padding:18px;font-size:15px}.prompt-footer{padding-bottom:14px}.prompt-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid #edf0f5;padding:15px 0 18px}.suggestion-label{font-size:11px;color:#94a0b4;margin-right:2px}.prompt-suggestion{border:1px solid #e3e6f0;color:#69748a;background:#fff;border-radius:999px;padding:5px 10px;font-size:11px;transition:.2s}.prompt-suggestion:hover{border-color:#b6aaff;background:#f4f2ff;color:#6951df;transform:translateY(-1px)}
.tool-row{padding-top:0;border-top:0}.tool-card{border-radius:12px;padding:13px;transition:.2s}.tool-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(52,59,96,.06)}.tool-symbol{width:34px;height:34px;border-radius:10px}.reference-box{margin-top:13px}.drop-zone{min-height:118px;border-radius:12px;background:linear-gradient(135deg,#fbfcff,#f8f7ff)}.style-picker{padding-top:2px}.style-option{padding:7px 12px}
.ratio-card{height:88px;border-radius:11px}.switch-row{margin-top:24px}.cost-box{padding:14px;border:1px solid #ededf6;background:linear-gradient(100deg,#f7f6ff,#f8fcff);border-radius:11px}.generate-button{height:53px;margin-top:15px;border-radius:12px;background:linear-gradient(105deg,#6c4df3,#7765fb 48%,#28c8ef);box-shadow:0 14px 26px rgba(91,79,241,.27);transition:transform .2s,box-shadow .2s}.generate-button:hover{transform:translateY(-2px);box-shadow:0 17px 29px rgba(91,79,241,.33)}
.inspiration-section{margin-top:55px}.section-heading{margin-bottom:18px}.inspiration-grid{gap:16px}.inspiration-card{min-height:192px;border-radius:15px;box-shadow:0 11px 25px rgba(31,38,70,.13)}.inspiration-card span{bottom:15px;left:15px}.inspiration-card:before{content:"灵感示例";position:absolute;left:15px;top:13px;z-index:1;border-radius:999px;padding:3px 8px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);font-size:9px;backdrop-filter:blur(6px)}.inspiration-placeholder{background:linear-gradient(135deg,#5540bc,#7d5eff 51%,#2dc3e9)}.result-section{margin-top:23px}
@media(max-width:1080px){.app-shell{padding-left:220px}.sidebar{width:220px}.workspace,.collection-view,.account-view{padding:40px 30px}.topbar{padding:0 30px}.studio-grid{grid-template-columns:minmax(0,1fr) 300px}.intro-row h1{font-size:36px}}
@media(max-width:780px){.app-shell{padding-left:0}.workspace,.collection-view,.account-view{padding:30px 18px}.topbar{padding:0 18px}.intro-row h1{font-size:29px}.hero-tags{display:none}.today-stat{display:none}.prompt-panel,.settings-panel{border-radius:14px}}

/* Conversation-first image studio */
.workspace{max-width:none;height:calc(100vh - 76px);padding:0!important;overflow:hidden}
.image-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;height:100%}
.image-chat-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 28%,rgba(235,231,255,.82),transparent 25rem),#fbfbfd}
.chat-stage{flex:1;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 28px 25px;transition:.35s}.chat-stage.has-result{display:none}
.stage-orb{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:24px;margin-bottom:24px;background:linear-gradient(135deg,#6e4ff5,#8e79ff 51%,#37c8e9);color:#fff;font-size:31px;box-shadow:0 18px 42px rgba(102,76,233,.28)}.stage-orb:after{content:"";position:absolute;inset:-8px;border-radius:30px;border:1px solid rgba(120,87,255,.13)}
.chat-stage .eyebrow{margin-bottom:10px;color:#7156e9}.chat-stage h1{margin:0;font-size:38px;line-height:1.2;letter-spacing:-1.1px;color:#222a3c}.chat-stage>p:not(.eyebrow){margin:11px 0 24px;color:#8992a5;font-size:14px}.chat-stage .prompt-suggestions{border:0;padding:0;justify-content:center;max-width:650px}.chat-stage .prompt-suggestion{padding:8px 13px;background:rgba(255,255,255,.82);font-size:12px;box-shadow:0 4px 12px rgba(52,56,83,.04)}
.composer-wrap{width:min(850px,calc(100% - 52px));margin:0 auto;padding:0 0 20px;position:relative}.prompt-composer{border:1px solid #dfe2ea;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(39,45,72,.10),0 2px 6px rgba(39,45,72,.04);overflow:visible;transition:border .2s,box-shadow .2s}.prompt-composer:focus-within{border-color:#aa9cff;box-shadow:0 15px 38px rgba(83,68,188,.15),0 0 0 3px rgba(119,87,255,.08)}
.prompt-composer textarea{display:block;height:96px;min-height:96px;max-height:180px;margin:0;padding:17px 18px 7px;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;resize:none;font-size:15px;line-height:1.6}.composer-actions{padding:7px 10px 10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-tools,.composer-send{display:flex;align-items:center;gap:8px}.composer-tool{height:32px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:#f4f5f8;color:#59657a;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:5px}.composer-tool:hover{background:#eeecff;color:#684ee0}.composer-tool span{font-size:18px;font-weight:400;line-height:1}.composer-tool i{display:none}.composer-tool b{font-weight:650}.prompt-count{font-size:10px;color:#a7afbd;margin-left:2px}.composer-send .text-button{font-size:12px;color:#9aa2b2;padding:6px 7px}.composer-send .generate-button{width:auto;height:34px;margin:0;padding:0 14px;border-radius:9px;box-shadow:none;font-size:12px;gap:5px}.composer-send .generate-button:hover{transform:none}.composer-send .generate-button span{font-size:19px;line-height:1}.composer-send .generate-button b{font-size:12px}.composer-hint{text-align:center;margin:9px 0 0;color:#a3aab7;font-size:10px}.composer-hint kbd{font:inherit;border:1px solid #dde1e8;border-radius:3px;padding:1px 3px;background:#fff;color:#87909f}
.composer-wrap .reference-box{margin:0 0 9px}.composer-wrap .drop-zone{min-height:86px;border-radius:13px}.composer-wrap .reference-preview{height:120px}.composer-wrap .style-picker{margin:0 0 8px;padding:0}.composer-wrap .task-status{margin:9px 0 0;text-align:center;border-radius:10px}
.chat-settings{border:0!important;border-left:1px solid #e7e9f0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:27px 23px!important;overflow:auto}.chat-settings .settings-head{align-items:center;margin-bottom:27px}.chat-settings .settings-head h2{font-size:17px}.settings-live{display:flex;align-items:center;gap:5px;border-radius:999px;background:#ecfaf4;color:#278d68;padding:4px 8px;font-size:10px;font-weight:700}.settings-live i{width:6px;height:6px;border-radius:50%;background:#4ecb93}.chat-settings .setting-module{border-bottom:1px solid #edf0f5;padding-bottom:22px}.chat-settings .field-label{color:#3f485c;font-size:12px}.chat-settings .ratio-grid{gap:6px;margin-top:11px}.chat-settings .ratio-card{height:82px;border-radius:10px}.chat-settings .switch-row{margin-top:22px;padding-top:0;border:0}.chat-settings .cost-box{margin-top:22px;padding:13px;border-radius:10px}.settings-note{display:flex;gap:9px;padding:14px 2px 0;color:#929aab;font-size:11px;line-height:1.55}.settings-note span{color:#7457ff;font-size:16px}.settings-note p{margin:0}
.image-chat-main .result-section{width:min(850px,calc(100% - 52px));margin:35px auto 18px;padding:0;border:0;box-shadow:none;background:transparent}.image-chat-main .section-heading{margin-bottom:12px}.image-chat-main .section-heading h2{font-size:17px}.image-chat-main .result-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:0}.image-chat-main .result-card{border-radius:14px;box-shadow:0 10px 22px rgba(38,43,66,.1)}
@media(max-width:1080px){.image-chat-layout{grid-template-columns:minmax(0,1fr) 276px}.chat-settings{padding:24px 17px!important}.composer-wrap,.image-chat-main .result-section{width:calc(100% - 36px)}}
@media(max-width:780px){.workspace{height:auto;min-height:calc(100vh - 72px);overflow:visible}.image-chat-layout{display:block}.image-chat-main{min-height:calc(100vh - 72px)}.chat-settings{border-left:0!important;border-top:1px solid #e7e9f0!important}.chat-stage{min-height:390px}.chat-stage h1{font-size:30px}.composer-wrap,.image-chat-main .result-section{width:calc(100% - 28px)}.composer-tools{gap:3px}.prompt-count{display:none}}

/* All image settings live in the composer, leaving a single conversation canvas. */
.image-chat-layout{grid-template-columns:minmax(0,1fr)}
.composer-tools{min-width:0;flex-wrap:wrap}.inline-ratios{display:flex;align-items:center;gap:2px;padding:2px;border-radius:9px;background:#f3f4f7}.inline-ratio{height:28px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:#778196;font-size:10px;font-weight:700}.inline-ratio:hover{color:#6248dd}.inline-ratio.active{background:#fff;color:#6950e7;box-shadow:0 1px 3px rgba(51,57,83,.12)}.inline-ratio .ratio-icon{margin:0;border-width:1.3px}.inline-ratio .ratio-icon.square{width:12px;height:12px}.inline-ratio .ratio-icon.portrait{width:8px;height:13px}.inline-ratio .ratio-icon.landscape{width:14px;height:9px}.inline-private{height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;color:#778196;font-size:10px;font-weight:700;cursor:pointer}.inline-private input{display:none}.inline-private i{position:relative;width:24px;height:14px;border-radius:999px;background:#dfe3eb;transition:.2s}.inline-private i:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:.2s}.inline-private input:checked+i{background:#7857ff}.inline-private input:checked+i:after{transform:translateX(10px)}.inline-private input:checked~span{color:#684de2}.inline-cost{height:28px;display:inline-flex;align-items:center;gap:3px;padding:0 4px;color:#80899c;font-size:11px;white-space:nowrap}.inline-cost i{font-style:normal;color:#7357f5}.inline-cost em{font-style:normal;color:#566178;font-weight:800}.inline-cost small{font-size:10px;color:#a2a9b6}
@media(max-width:780px){.inline-private,.prompt-count{display:none}.inline-ratio{padding:0 5px}.composer-actions{align-items:flex-end}.composer-tools{gap:4px}.inline-cost small{display:none}}

.model-picker-wrap{position:relative}.model-picker{background:#f0efff;color:#6248dd}.model-picker>i{font-style:normal;font-size:12px;margin-left:1px}.model-picker-menu{position:absolute;left:0;top:calc(100% + 10px);bottom:auto;z-index:12;width:282px;padding:7px;border:1px solid #e0e3ec;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 40px rgba(37,42,70,.18)}.model-picker-menu:before{content:"选择生图模型";display:block;padding:5px 8px 7px;color:#929bad;font-size:10px;font-weight:700;letter-spacing:.4px}.model-option{width:100%;border:0;border-radius:10px;background:transparent;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;color:#4c566c}.model-option:hover,.model-option.active{background:#f4f2ff}.model-option-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ebe8ff;color:#6e52e8;font-size:14px}.model-option>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.model-option b{font-size:12px}.model-option small{font-size:10px;color:#929bae;margin-top:2px}.model-option>i{font-style:normal;color:#6d52e8;font-size:14px}.model-empty{margin:9px;color:#929bae;font-size:11px;text-align:center}

.template-feed{padding:8px max(26px,calc((100% - 850px)/2)) 24px}.template-feed-head{height:30px;display:flex;align-items:center;justify-content:space-between}.template-feed-head>div{display:flex;align-items:baseline;gap:8px}.template-feed-head span{font-size:12px;font-weight:800;color:#4a5368}.template-feed-head small,.template-feed-head>b{font-size:10px;color:#9ba3b2;font-weight:500}.template-grid{columns:3;column-gap:10px}.template-card{position:relative;display:block;width:100%;height:auto;break-inside:avoid;page-break-inside:avoid;margin:0 0 10px;border:0;border-radius:12px;overflow:hidden;background:#f1f3f8;color:#fff;text-align:left;padding:0;isolation:isolate;box-shadow:0 5px 14px rgba(34,40,69,.09);transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(34,40,69,.17)}.template-card img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}.template-card-fallback{display:grid;min-height:170px;place-items:center;background:radial-gradient(circle at 70% 20%,#58d9ff,#7a60ff 46%,#27304c 100%);font-size:30px}.template-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,16,32,.72) 0%,rgba(12,16,32,.16) 32%,rgba(12,16,32,0) 60%)}.template-card-copy{position:absolute;left:12px;right:12px;bottom:11px;z-index:1;display:flex;flex-direction:column}.template-card-copy small{font-size:9px;opacity:.72;margin-bottom:2px}.template-card-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-use{position:absolute;right:10px;top:9px;z-index:1;border:1px solid rgba(255,255,255,.27);border-radius:999px;padding:3px 7px;background:rgba(9,13,27,.24);font-size:9px;opacity:0;transform:translateY(-3px);transition:.18s}.template-card:hover .template-use{opacity:1;transform:none}.template-loader{display:block;column-span:all;text-align:center;color:#9099aa;font-size:11px;padding:14px}.chat-stage{min-height:230px}
@media(max-width:780px){.template-feed{height:270px;padding:8px 14px 22px}.template-grid{columns:2;column-gap:8px}.template-card{margin-bottom:8px}.template-use{display:none}.chat-stage{min-height:310px}}

/* Let the page—not the template shelf—own scrolling. */
.captcha-row{display:grid;grid-template-columns:1fr 118px;gap:8px}.captcha-question{height:42px;border:1px solid #d9d2ff;border-radius:8px;background:linear-gradient(135deg,#f4f1ff,#eaf8ff);display:grid;place-items:center;color:#5c43d7;font:800 17px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:3px;cursor:pointer}.captcha-tip{display:block;margin-top:6px;color:#9aa1b2;font-size:11px}
.workspace{height:auto!important;min-height:calc(100vh - 76px);overflow:visible!important}.image-chat-layout{height:auto;min-height:calc(100vh - 76px)}.image-chat-main{display:block;min-height:calc(100vh - 76px)}.chat-stage{min-height:410px}.template-feed{height:auto;overflow:visible;padding-bottom:48px}.template-loader{padding:16px 0}
@media(max-width:780px){.workspace,.image-chat-layout,.image-chat-main{min-height:calc(100vh - 72px)}.template-feed{height:auto;padding-bottom:32px}}
/* 公开作品详情入口：保留原卡片视觉，并让链接卡片可点击。 */
a.work-card{display:block;color:inherit;text-decoration:none;transition:transform .18s,box-shadow .18s}a.work-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(38,45,74,.12)}