@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

:root{--dk-ink:#1f1f28;--dk-muted:#8b8b99;--dk-bg:#f7f7fb;--dk-panel:#fff;--dk-line:#ececf3;--dk-violet:#7357f6;--dk-pink:#f65d9f;--dk-mint:#32cfa7;--dk-yellow:#ffbe45;--dk-shadow:0 12px 36px rgba(35,28,77,.08)}
*{box-sizing:border-box} body{font-family:Inter,'Noto Sans SC',sans-serif!important;background:radial-gradient(circle at 65% -15%,#eeeaff 0,transparent 28%),#f8f8fc!important;color:var(--dk-ink)!important}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(113,87,246,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(113,87,246,.025) 1px,transparent 1px);background-size:36px 36px;z-index:-1}
a{color:inherit} button,.btn,.primary,.btn-gen{font-family:inherit!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}button:hover,.btn:hover,.primary:hover,.btn-gen:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(115,87,246,.22)!important}
input,textarea,select{font-family:inherit!important;border:1px solid var(--dk-line)!important;background:#fbfbfe!important;border-radius:12px!important;color:var(--dk-ink)!important;box-shadow:none!important}input:focus,textarea:focus,select:focus{border-color:var(--dk-violet)!important;box-shadow:0 0 0 3px rgba(115,87,246,.12)!important;outline:none!important}

/* 登录 */
.login-card{max-width:440px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:28px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 24px 70px rgba(44,36,99,.13)!important;padding:42px 36px!important}.brand-text{font-size:25px!important;letter-spacing:-1px!important}.brand img{height:42px!important}.login-card button{background:linear-gradient(110deg,var(--dk-violet),#9d62ff)!important;border-radius:13px!important;box-shadow:0 10px 20px rgba(115,87,246,.28)!important}.toggle-link{color:var(--dk-violet)!important;text-decoration:none!important}.footer{color:#b5b4c5!important}

/* 通用工作台 */
.dashboard,.wrap{max-width:1440px!important;margin:0 auto!important}.topbar{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:18px!important;box-shadow:var(--dk-shadow)!important;margin:18px 20px!important;padding:13px 18px!important;backdrop-filter:blur(18px)}.topbar:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--dk-pink),var(--dk-violet));box-shadow:0 0 0 5px rgba(115,87,246,.1);margin-right:10px}.brand,.title,.title-col{letter-spacing:-.4px!important}.brand h1,.title h1,.title-col h1{font-size:20px!important;letter-spacing:-.7px!important}.subtitle,.sub,.hint{color:var(--dk-muted)!important}.chip,.pill,.badge{background:#f1efff!important;color:#6146da!important;border:0!important;border-radius:999px!important;font-weight:700!important}.logout-link,.back-link,.link{border:1px solid var(--dk-line)!important;border-radius:10px!important;padding:8px 12px!important;background:#fff!important;text-decoration:none!important;color:#5f5a72!important}.logout-link:hover,.back-link:hover,.link:hover{border-color:#cfc5ff!important;color:var(--dk-violet)!important}

/* 试衣工作台 */
.dashboard .body,.main{gap:18px!important;padding:0 20px 28px!important}.col,.card{border:1px solid rgba(236,236,243,.94)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--dk-shadow)!important}.col{padding:18px!important}.section-title{font-size:13px!important;color:#373446!important;font-weight:800!important;letter-spacing:.2px!important;margin-bottom:11px!important}.section-title:before{content:'';display:inline-block;width:5px;height:15px;background:linear-gradient(180deg,var(--dk-pink),var(--dk-violet));border-radius:5px;margin-right:8px;vertical-align:-2px}.upload-zone{border:1.5px dashed #cfc5ff!important;border-radius:16px!important;background:linear-gradient(135deg,#faf9ff,#fff7fc)!important}.upload-zone:hover{border-color:var(--dk-violet)!important;background:#f6f3ff!important}.uz-icon{color:var(--dk-violet)!important}.btn-gen,.primary,.btn-primary{background:linear-gradient(100deg,#7255f5,#9b5df5)!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 18px rgba(115,87,246,.25)!important}.model-card,.bg-card{border-radius:14px!important;border:1px solid var(--dk-line)!important;overflow:hidden!important}.model-card.selected,.bg-card.selected{border-color:var(--dk-violet)!important;box-shadow:0 0 0 3px rgba(115,87,246,.12)!important}.result-empty{background:linear-gradient(145deg,#fcfbff,#f5f3ff)!important;border-radius:16px!important;border:1px dashed #d7d0ff!important}.re-title{color:var(--dk-violet)!important}.toast{border-radius:12px!important;background:#29243e!important}

/* 批量与后台 */
.wrap{padding:0 20px 32px!important}.main{padding:0!important}.grid{gap:18px!important}.card{overflow:hidden!important}.card h2,.card h3{letter-spacing:-.4px!important}.cardHead,.card-head,.galleryHeader{background:linear-gradient(100deg,#fff,#faf9ff)!important;border-bottom:1px solid var(--dk-line)!important}.primary,.btn-accent{color:#fff!important}.btn-outline{border:1px solid #dcd6ff!important;color:#6249d6!important;background:#fff!important}.btn-danger{border:1px solid #ffd7e6!important;background:#fff6fa!important;color:#e6538d!important}.tabs{background:#efeff6!important;border-radius:12px!important;padding:4px!important;border:0!important}.tab-btn{border-radius:9px!important;color:#777387!important}.tab-btn.active{background:#fff!important;color:var(--dk-violet)!important;box-shadow:0 4px 10px rgba(49,36,110,.08)!important}.tableWrap{border:1px solid var(--dk-line)!important;border-radius:14px!important}table thead{background:#f9f8ff!important}table th{color:#716d80!important}table td{border-color:var(--dk-line)!important}.modal{border-radius:20px!important;border:1px solid #eeeaff!important;box-shadow:0 24px 70px rgba(34,25,74,.2)!important}.modal-head{background:linear-gradient(100deg,#faf8ff,#fff)!important}.upload-area{border-color:#cbc0ff!important;background:#fbfaff!important;border-radius:12px!important}

/* 首页：让常见内容块统一成创作面板 */
header,nav{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px)!important;border-color:var(--dk-line)!important}main{max-width:1440px!important}.sidebar,.left-sidebar,.menu,.tool-panel,.workspace,.content-panel,.generator-panel,.hero,.feature-card,.tool-card,.history-card,.result-card{border-color:var(--dk-line)!important;box-shadow:var(--dk-shadow)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important}.menu-item.active,.nav-item.active,.tool-item.active{background:#f0edff!important;color:var(--dk-violet)!important}.action-btn,.generate-btn,.submit-btn{background:linear-gradient(100deg,var(--dk-violet),#a263ff)!important;border-radius:12px!important;border:0!important}.section-header,.panel-header{border-color:var(--dk-line)!important}.tool-card:hover,.feature-card:hover{transform:translateY(-4px);border-color:#cfc5ff!important}

@media(max-width:760px){.topbar{margin:10px!important;border-radius:14px!important}.dashboard .body,.main,.wrap{padding-left:10px!important;padding-right:10px!important}.login-card{padding:32px 24px!important}.col{border-radius:16px!important}.topbar:before{display:none}}

/* 首页对话式创作工作台 */
.app{min-height:100vh!important;background:transparent!important}.app>.topbar{height:64px!important;display:flex!important;align-items:center!important;position:sticky!important;top:0!important;z-index:20!important}.app>.topbar:before{display:none!important}.app>.topbar .brand-title strong{font-size:17px!important}.shell{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;height:calc(100vh - 84px)!important;padding:0 20px 20px!important;gap:14px!important}.rail{width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px 7px!important;background:rgba(255,255,255,.88)!important;border:1px solid var(--dk-line)!important;border-radius:18px!important;box-shadow:var(--dk-shadow)!important;overflow-y:auto!important}.rail-btn{width:100%!important;min-height:66px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#777387!important;padding:7px 2px!important}.rail-btn .rail-ico{font-size:18px!important;margin:0 0 4px!important}.rail-btn .rail-txt{font-size:10px!important;white-space:nowrap!important}.rail-btn.active{background:linear-gradient(145deg,#eeeaff,#f8f5ff)!important;color:var(--dk-violet)!important;box-shadow:none!important}.rail-btn.active:after{display:none!important}.workspace{min-width:0!important;height:100%!important}.workspace>.grid{display:grid!important;grid-template-columns:310px minmax(440px,1fr) 270px!important;gap:14px!important;height:100%!important;overflow:hidden!important}.workspace>.grid>.card{min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important}.workspace>.grid>#config-card{grid-column:1!important;grid-row:1!important}.workspace>.grid>.card:nth-child(2){grid-column:2!important;grid-row:1!important}.workspace>.grid>.card:nth-child(3){grid-column:3!important;grid-row:1!important}.workspace>.grid>#config-card .card-body{overflow:auto!important;padding-bottom:24px!important}.workspace>.grid>.card:nth-child(2) .preview{flex:1!important;min-height:0!important;overflow:auto!important;background:linear-gradient(180deg,#fcfbff,#f8f7ff)!important}.workspace>.grid>.card:nth-child(3) .history{flex:1!important;overflow:auto!important;padding:10px!important}.conversation-head{padding:18px 22px 8px!important;background:linear-gradient(120deg,#fff 45%,#f6f2ff)!important;border-bottom:1px solid var(--dk-line)!important}.conversation-head .eyebrow{font-size:11px!important;font-weight:800!important;letter-spacing:.1em!important;color:var(--dk-violet)!important}.conversation-head h1{font-size:20px!important;margin:7px 0 4px!important;letter-spacing:-.6px!important}.conversation-head p{font-size:12px!important;color:var(--dk-muted)!important;margin:0!important}.chat-composer{margin:14px!important;padding:12px!important;border:1px solid #ded8ff!important;background:#fff!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(67,48,160,.08)!important}.chat-composer .field{margin:0 0 10px!important}.chat-composer textarea#prompt{min-height:82px!important;border:0!important;background:#faf9ff!important;padding:13px!important;font-size:14px!important}.chat-composer .primary{width:100%!important;min-height:44px!important;margin-top:4px!important}.chat-composer .uploader{background:#fbfaff!important;border-color:#d7cfff!important}.workspace>.grid>#config-card .card-head:after{content:'选择功能后，在对话区描述你想创作的内容';display:block!important;font-size:11px!important;color:var(--dk-muted)!important;margin:5px 0 0 21px!important}.workspace>.grid>.card:nth-child(3) .card-head{padding:16px!important}.workspace>.grid>.card:nth-child(3) .hitem{border-radius:12px!important;overflow:hidden!important}.workspace>.grid>.card:nth-child(3) .history{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:9px!important}.workspace>.grid>.card:nth-child(3) .hitem{width:100%!important;aspect-ratio:1/0.78!important}.chat-welcome{max-width:480px!important;margin:32px auto!important;text-align:center!important;padding:26px!important;background:#fff!important;border:1px solid var(--dk-line)!important;border-radius:18px!important;box-shadow:var(--dk-shadow)!important}.chat-welcome .spark{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;margin:0 auto 12px!important;border-radius:14px!important;background:linear-gradient(135deg,#f7a5d0,#8b72ff)!important;color:white!important;font-size:21px!important}.chat-welcome strong{font-size:16px!important}.chat-welcome span{display:block!important;margin-top:6px!important;color:var(--dk-muted)!important;font-size:12px!important}
@media(max-width:1100px){.workspace>.grid{grid-template-columns:260px minmax(400px,1fr)!important}.workspace>.grid>.card:nth-child(3){display:none!important}}@media(max-width:760px){.shell{display:block!important;height:auto!important;padding:0 10px 10px!important}.rail{display:flex!important;flex-direction:row!important;height:auto!important;overflow-x:auto!important;margin-bottom:10px!important}.rail-btn{min-width:70px!important}.workspace>.grid{display:block!important;height:auto!important;overflow:visible!important}.workspace>.grid>.card{height:auto!important;margin-bottom:12px!important}.workspace>.grid>#config-card .card-body{max-height:48vh!important}.workspace>.grid>.card:nth-child(2) .preview{min-height:280px!important}.workspace>.grid>.card:nth-child(3){display:flex!important}.workspace>.grid>.card:nth-child(3) .history{max-height:300px!important}}

/* 三栏对话工作台：导航和设置合并，去除多余外框 */
body{overflow:hidden!important}.app>.topbar{height:62px!important;margin:0!important;border-radius:0!important;border-width:0 0 1px!important;box-shadow:none!important;padding:0 24px!important}.app>.topbar .notice{max-width:520px!important}.shell{display:block!important;height:calc(100vh - 62px)!important;padding:12px!important}.shell>.rail{display:none!important}.workspace{height:100%!important}.workspace>.grid{height:100%!important;grid-template-columns:292px minmax(0,1fr) 250px!important;gap:12px!important}.workspace>.grid>.card{border-radius:14px!important;box-shadow:none!important;border:1px solid #e9e8f0!important;background:#fff!important}.workspace>.grid>#config-card{overflow:hidden!important}.workspace>.grid>#config-card .card-head{padding:15px 16px 12px!important;flex:none!important}.workspace>.grid>#config-card .card-head:after{display:none!important}.workspace>.grid>#config-card .card-body{padding:0 12px 18px!important;overflow:auto!important}.function-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;height:auto!important;padding:10px 0 14px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid #ecebf2!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}.function-rail .rail-btn{height:54px!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:7px 9px!important;text-align:left!important}.function-rail .rail-btn .rail-ico{width:23px!important;margin:0!important;font-size:15px!important;text-align:center!important}.function-rail .rail-btn .rail-txt{font-size:11px!important;white-space:normal!important}.function-rail .rail-btn.active{background:#f0edff!important}.workspace>.grid>.card:nth-child(2){background:#fbfbfd!important;overflow:hidden!important}.workspace>.grid>.card:nth-child(2)>.card-head{display:none!important}.conversation-head{padding:25px 30px 18px!important;background:#fff!important;border-bottom:0!important}.conversation-head .eyebrow{font-size:10px!important;color:#7962f6!important}.conversation-head h1{font-size:23px!important;margin:6px 0!important}.conversation-head p{font-size:13px!important}.workspace>.grid>.card:nth-child(2) .preview{background:transparent!important;padding:0 30px!important;min-height:0!important}.workspace>.grid>.card:nth-child(2) .preview .empty{min-height:0!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important}.workspace>.grid>.card:nth-child(2) .preview .mark{display:none!important}.chat-welcome{margin:16px auto!important;padding:19px!important;max-width:540px!important;border:1px dashed #d7d0ff!important;box-shadow:none!important;background:#fff!important}.chat-welcome .spark{width:34px!important;height:34px!important;border-radius:10px!important;font-size:16px!important;margin-bottom:8px!important}.chat-composer{margin:0 30px 22px!important;padding:12px!important;border-radius:13px!important;border-color:#dfd9ff!important;box-shadow:0 8px 24px rgba(66,49,145,.07)!important}.chat-composer textarea#prompt{min-height:72px!important;border-radius:9px!important}.chat-advanced{margin:10px 0!important;border:1px solid #eceaf6!important;border-radius:10px!important;background:#fff!important}.chat-advanced summary{list-style:none!important;cursor:pointer!important;padding:11px 12px!important;font-size:12px!important;font-weight:700!important;color:#514b68!important}.chat-advanced summary::-webkit-details-marker{display:none!important}.chat-advanced summary:after{content:'⌄';float:right!important;color:var(--dk-violet)!important}.chat-advanced summary span{font-weight:400!important;color:#a09bab!important;margin-left:6px!important}.chat-advanced[open] summary{border-bottom:1px solid #eee!important}.chat-advanced .field{margin:12px!important}.chat-composer .primary{border-radius:9px!important;height:42px!important;min-height:42px!important}.workspace>.grid>.card:nth-child(3){background:#fff!important}.workspace>.grid>.card:nth-child(3) .card-head{padding:15px!important}.workspace>.grid>.card:nth-child(3) .history{padding:8px!important;gap:8px!important}.workspace>.grid>.card:nth-child(3) .hitem{aspect-ratio:1/1!important;border-radius:10px!important}.workspace>.grid>.card:nth-child(3):after{content:'你的作品会保存在这里';display:block!important;margin:auto auto 18px!important;color:#aaa6b5!important;font-size:11px!important}
@media(max-width:1100px){body{overflow:auto!important}.workspace>.grid{grid-template-columns:270px minmax(0,1fr)!important}.workspace>.grid>.card:nth-child(3){display:none!important}}@media(max-width:760px){body{overflow:auto!important}.app>.topbar{padding:0 12px!important}.app>.topbar .notice{display:none!important}.shell{height:auto!important;padding:8px!important}.workspace>.grid{display:block!important}.workspace>.grid>.card{margin-bottom:8px!important}.workspace>.grid>#config-card .card-body{max-height:none!important}.function-rail{grid-template-columns:repeat(3,1fr)!important}.conversation-head{padding:20px!important}.workspace>.grid>.card:nth-child(2) .preview{padding:0 12px!important}.chat-composer{margin:0 12px 12px!important}.workspace>.grid>.card:nth-child(3){display:none!important}}

/* 最终布局：窄功能栏｜主创作区（可下滑设置）｜历史 */
body{overflow:hidden!important;background:#f6f7fb!important}.shell{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;height:calc(100vh - 62px)!important;padding:12px!important}.shell>.rail{display:flex!important;grid-column:1!important;grid-row:1!important;flex-direction:column!important;align-items:center!important;width:72px!important;height:100%!important;padding:8px 6px!important;margin:0!important;border:0!important;border-radius:14px!important;background:#eef0f6!important;box-shadow:none!important;overflow-y:auto!important}.shell>.rail .rail-btn{flex:none!important;width:58px!important;min-height:62px!important;height:62px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:5px 2px!important;border-radius:11px!important}.shell>.rail .rail-btn .rail-ico{font-size:17px!important;margin:0!important}.shell>.rail .rail-btn .rail-txt{font-size:9px!important;line-height:1.25!important;text-align:center!important}.shell>.rail .rail-btn.active{background:#fff!important;color:#171723!important;box-shadow:0 2px 8px rgba(30,30,50,.06)!important}.workspace{grid-column:2!important;grid-row:1!important;min-width:0!important;height:100%!important}.workspace>.grid{display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;height:100%!important;gap:12px!important;overflow:hidden!important}.workspace>.grid>#config-card{display:none!important}.workspace>.grid>.card:nth-child(2){grid-column:1!important;grid-row:1!important;height:100%!important;border-radius:16px!important;overflow-y:auto!important;display:block!important;background:#fff!important}.workspace>.grid>.card:nth-child(3){display:flex!important;grid-column:2!important;grid-row:1!important;height:100%!important;border-radius:16px!important;overflow:hidden!important}.conversation-head{padding:36px max(38px,8vw) 16px!important;text-align:center!important;background:#fff!important}.conversation-head .eyebrow{display:none!important}.conversation-head h1{font-size:28px!important;letter-spacing:-1px!important;margin:0 0 10px!important}.conversation-head p{font-size:14px!important}.workspace>.grid>.card:nth-child(2) .preview{height:250px!important;min-height:250px!important;flex:none!important;padding:0 11%!important;overflow:hidden!important}.chat-welcome{margin:20px auto!important;max-width:480px!important;background:#fafaff!important;border-style:solid!important}.chat-composer{max-width:900px!important;margin:0 auto 22px!important;padding:14px!important;border-radius:16px!important}.chat-composer textarea#prompt{min-height:108px!important;font-size:15px!important;background:#fafafd!important}.chat-advanced{margin:11px 0!important}.main-settings{max-width:900px!important;margin:0 auto 36px!important;padding:20px!important;border-top:1px solid #ededf3!important;background:#fff!important}.main-settings-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:15px!important;margin-bottom:14px!important;border-bottom:1px solid #efeff4!important}.main-settings-head b{font-size:16px!important}.main-settings-head span{font-size:12px!important;color:#9692a2!important;margin-left:8px!important}.main-settings-head em{font-size:11px!important;color:#a09baa!important;font-style:normal!important}.main-settings .field{margin:0 0 16px!important}.main-settings .toggle{margin:0 0 16px!important}.workspace>.grid>.card:nth-child(3) .history{display:flex!important;flex-direction:column!important;padding:10px!important}.workspace>.grid>.card:nth-child(3) .hitem{width:100%!important;min-height:150px!important;aspect-ratio:auto!important}.workspace>.grid>.card:nth-child(3):after{display:none!important}
@media(max-width:1100px){body{overflow:auto!important}.shell{grid-template-columns:66px minmax(0,1fr)!important;height:auto!important;min-height:calc(100vh - 62px)!important}.shell>.rail{width:66px!important;position:sticky!important;top:74px!important;height:calc(100vh - 86px)!important}.workspace>.grid{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}.workspace>.grid>.card:nth-child(2){height:auto!important;overflow:visible!important}.workspace>.grid>.card:nth-child(3){display:none!important}}@media(max-width:760px){.shell{display:block!important;height:auto!important;padding:8px!important}.shell>.rail{position:static!important;display:flex!important;flex-direction:row!important;width:100%!important;height:64px!important;overflow-x:auto!important;overflow-y:hidden!important}.shell>.rail .rail-btn{min-width:58px!important}.workspace>.grid{display:block!important}.conversation-head{padding:25px 18px 14px!important}.conversation-head h1{font-size:22px!important}.workspace>.grid>.card:nth-child(2) .preview{height:190px!important;min-height:190px!important;padding:0 12px!important}.chat-composer,.main-settings{margin-left:12px!important;margin-right:12px!important}.workspace>.grid>.card:nth-child(3){display:none!important}}

/* 主画布占满空间，空状态不再显示 */
html,body,.app{width:100%!important;max-width:none!important}.app{min-width:100vw!important}.workspace>.grid{grid-template-columns:minmax(0,1fr) 280px!important}.workspace>.grid>.card:nth-child(2) .preview{padding-left:4%!important;padding-right:4%!important}.workspace>.grid>.card:nth-child(2) .preview .empty{display:block!important;height:100%!important}.chat-composer,.main-settings{max-width:calc(100% - 64px)!important}.chat-welcome{display:none!important}.chat-advanced[open]{padding-bottom:2px!important}.chat-advanced[open] summary:after{content:'⌃'!important}.workspace>.grid>.card:nth-child(3){justify-self:end!important;width:280px!important}

/* 强制铺满浏览器视口：历史栏贴右边，主画布自动吃满中间空间 */
.app{position:fixed!important;inset:0!important;width:100vw!important;min-width:0!important;height:100vh!important;margin:0!important}.shell{width:100vw!important;max-width:none!important;grid-template-columns:72px minmax(0,1fr)!important}.workspace{width:100%!important;max-width:none!important}.workspace>.grid{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr) 300px!important}.workspace>.grid>.card:nth-child(3){width:300px!important}.workspace>.grid>.card:nth-child(2) .preview{padding-left:3%!important;padding-right:3%!important}.chat-composer,.main-settings{max-width:calc(100% - 40px)!important}

/* 更宽主画布与动态 AI 助手 */
.workspace>.grid{grid-template-columns:minmax(0,1fr) 220px!important}.workspace>.grid>.card:nth-child(3){width:220px!important}.workspace>.grid>.card:nth-child(3) .hitem{min-height:118px!important}.workspace>.grid>.card:nth-child(2) .preview{height:285px!important;min-height:285px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:radial-gradient(circle at 50% 45%,rgba(135,104,255,.10),transparent 28%),linear-gradient(180deg,#fff 0%,#faf9ff 100%)!important}.workspace>.grid>.card:nth-child(2) .preview .empty{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.ai-robot{position:relative!important;width:102px!important;height:122px!important;z-index:2!important;animation:aiFloat 3.6s ease-in-out infinite!important}.ai-antenna{position:absolute!important;top:0!important;left:47px!important;width:8px!important;height:22px!important;border-radius:8px!important;background:linear-gradient(#855cff,#5a3ee8)!important}.ai-antenna i{position:absolute!important;left:-5px!important;top:-8px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#ff79be!important;box-shadow:0 0 0 7px rgba(255,121,190,.13),0 0 18px rgba(255,121,190,.6)!important;animation:aiPulse 2s ease-in-out infinite!important}.ai-face{position:absolute!important;top:18px!important;left:0!important;width:102px!important;height:69px!important;border-radius:28px!important;background:linear-gradient(145deg,#27204b,#4230a3)!important;box-shadow:inset 0 3px 9px rgba(255,255,255,.16),0 16px 24px rgba(91,67,224,.24)!important}.ai-face:before{content:''!important;position:absolute!important;inset:7px!important;border-radius:21px!important;background:linear-gradient(145deg,#2e2c62,#151530)!important}.ai-eye{position:absolute!important;z-index:1!important;top:29px!important;width:13px!important;height:15px!important;border-radius:9px!important;background:#88f9ea!important;box-shadow:0 0 13px rgba(101,255,232,.7)!important;animation:aiBlink 4s infinite!important}.ai-eye.left{left:31px!important}.ai-eye.right{right:31px!important}.ai-smile{position:absolute!important;z-index:1!important;left:41px!important;top:47px!important;width:21px!important;height:9px!important;border-bottom:3px solid #8af9ec!important;border-radius:0 0 16px 16px!important}.ai-body{position:absolute!important;left:22px!important;top:81px!important;width:58px!important;height:40px!important;border-radius:14px 14px 19px 19px!important;background:linear-gradient(145deg,#8767ff,#5038d8)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.28)!important}.ai-body:before{content:'✦'!important;position:absolute!important;left:20px!important;top:8px!important;color:#fff!important;font-size:18px!important}.ai-body span{position:absolute!important;top:9px!important;width:14px!important;height:27px!important;border-radius:12px!important;background:#6b51e9!important}.ai-body span:first-child{left:-10px!important;transform:rotate(20deg)!important}.ai-body span:last-child{right:-10px!important;transform:rotate(-20deg)!important}.ai-orbit{position:absolute!important;border:1px solid rgba(127,100,255,.24)!important;border-radius:50%!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-20deg)!important;pointer-events:none!important}.orbit-one{width:220px!important;height:74px!important;animation:orbitSpin 10s linear infinite!important}.orbit-two{width:168px!important;height:54px!important;transform:translate(-50%,-50%) rotate(56deg)!important;animation:orbitSpin 8s linear infinite reverse!important}.ai-status{position:absolute!important;z-index:3!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;text-align:center!important;white-space:nowrap!important}.ai-status b{display:block!important;font-size:13px!important;color:#4b3bb4!important}.ai-status span{font-size:11px!important;color:#9692aa!important}@keyframes aiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes aiPulse{0%,100%{transform:scale(.88);opacity:.75}50%{transform:scale(1.12);opacity:1}}@keyframes aiBlink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.1)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(340deg)}}

/* AI 帮写 */
#autoexpand-wrap{display:none!important}.ai-write-tools{display:flex!important;align-items:center!important;gap:9px!important;margin-top:8px!important}.ai-write-trigger{border:0!important;border-radius:999px!important;padding:7px 12px!important;background:linear-gradient(100deg,#7558f5,#a156f5)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(111,79,236,.22)!important}.ai-write-tools span{font-size:11px!important;color:#9a96a8!important}.ai-write-popover{position:relative!important;margin-top:10px!important;padding:14px!important;border:1px solid #e2dcff!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(58,43,137,.14)!important}.ai-write-popover[hidden]{display:none!important}.ai-write-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}.ai-write-head b{font-size:14px!important;color:#5841cb!important}.ai-write-head button{width:24px!important;height:24px!important;padding:0!important;border:0!important;background:#f2efff!important;border-radius:8px!important;color:#77718d!important}.ai-write-popover textarea{width:100%!important;min-height:88px!important;padding:10px!important;border-radius:10px!important;background:#faf9ff!important}.ai-write-popover>#ai-write-submit{width:100%!important;margin-top:10px!important;border:0!important;border-radius:9px!important;padding:10px!important;background:#1e1d25!important;color:#fff!important;font-weight:700!important}.ai-write-popover>#ai-write-submit:disabled{opacity:.6!important;cursor:wait!important}

/* 紧凑居中的创作设定控件 */
.chat-advanced #field-upload .uploader{width:300px!important;max-width:100%!important;margin:0 auto!important;min-height:126px!important}.chat-advanced #field-upload .thumbgrid{justify-content:center!important}.chat-advanced #field-upload .addbox{width:112px!important;height:104px!important;min-height:104px!important}.chat-advanced #field-batch .batch{display:flex!important;justify-content:center!important;gap:10px!important}.chat-advanced #field-batch .batch button{flex:0 0 104px!important;width:104px!important;height:38px!important;border-radius:10px!important}.chat-advanced #grp-ratio-draw .row{max-width:510px!important;margin:0 auto!important;gap:12px!important}.chat-advanced #grp-ratio-draw .row>div{flex:1!important}.chat-composer>#btn-gen{display:block!important;width:240px!important;min-height:42px!important;margin:16px auto 0!important;border-radius:999px!important}.chat-composer>#hint-text{text-align:center!important;margin:10px auto 0!important;max-width:520px!important}.chat-advanced .label{text-align:left!important}.chat-advanced .chips{justify-content:center!important}.chat-advanced #style-selector-container .label{max-width:760px!important;margin:0 auto 8px!important}

/* 素材、数量、画面参数合成一条操作行 */
.chat-advanced[open]{display:grid!important;grid-template-columns:minmax(250px,1.15fr) 250px minmax(330px,.95fr)!important;column-gap:24px!important;row-gap:18px!important;align-items:end!important;padding:14px 18px 18px!important}.chat-advanced[open] summary{grid-column:1 / -1!important;margin:-14px -18px 0!important;padding:12px 18px!important}.chat-advanced[open] #style-selector-container{grid-column:1 / -1!important;margin:0!important}.chat-advanced[open] #field-upload{grid-column:1!important;margin:0!important}.chat-advanced[open] #field-batch{grid-column:2!important;margin:0!important}.chat-advanced[open] #grp-ratio-draw{grid-column:3!important;margin:0!important}.chat-advanced #field-upload .uploader{width:100%!important;min-height:106px!important;margin:0!important}.chat-advanced #field-upload .thumbgrid{justify-content:flex-start!important}.chat-advanced #field-upload .addbox{width:94px!important;height:88px!important;min-height:88px!important}.chat-advanced #field-batch .batch{justify-content:flex-start!important;gap:7px!important}.chat-advanced #field-batch .batch button{flex:1 1 0!important;width:auto!important;min-width:0!important;height:36px!important}.chat-advanced #grp-ratio-draw .row{width:100%!important;max-width:none!important;margin:0!important}.chat-advanced #grp-ratio-draw select{height:38px!important}@media(max-width:860px){.chat-advanced[open]{grid-template-columns:1fr 1fr!important}.chat-advanced[open] #field-upload{grid-column:1 / -1!important}.chat-advanced[open] #field-batch{grid-column:1!important}.chat-advanced[open] #grp-ratio-draw{grid-column:2!important}}@media(max-width:560px){.chat-advanced[open]{display:block!important}.chat-advanced[open] .field{margin:0 0 16px!important}.chat-advanced[open] summary{margin:-14px -18px 16px!important}}

/* 模型在左，素材九宫格在右 */
.chat-advanced[open]{grid-template-columns:minmax(220px,.72fr) minmax(260px,.9fr) minmax(330px,1.12fr)!important;align-items:start!important}.chat-advanced[open] #grp-draw{grid-column:1!important;grid-row:2!important;margin:0!important}.chat-advanced[open] #field-batch{grid-column:1!important;grid-row:3!important;align-self:end!important}.chat-advanced[open] #grp-ratio-draw{grid-column:2!important;grid-row:2 / span 2!important;align-self:center!important}.chat-advanced[open] #field-upload{grid-column:3!important;grid-row:2 / span 2!important;margin:0!important}.chat-advanced #field-upload .uploader{min-height:0!important;padding:10px!important}.chat-advanced #field-upload .thumbgrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;max-width:300px!important;margin:0 auto!important}.chat-advanced #field-upload .addbox,.chat-advanced #field-upload .thumb{width:auto!important;height:auto!important;min-height:76px!important;aspect-ratio:1!important;margin:0!important}.chat-advanced #field-upload .thumb{border-radius:10px!important;overflow:hidden!important}.chat-advanced #field-upload .thumbgrid .addbox{grid-column:auto!important}.chat-advanced #field-upload .thumbgrid:has(.thumb:nth-of-type(9)) .addbox{display:none!important}@media(max-width:860px){.chat-advanced[open] #grp-draw{grid-column:1!important;grid-row:auto!important}.chat-advanced[open] #field-batch{grid-column:1!important;grid-row:auto!important}.chat-advanced[open] #grp-ratio-draw{grid-column:2!important;grid-row:auto!important}.chat-advanced[open] #field-upload{grid-column:1 / -1!important;grid-row:auto!important}}
/* 第九张素材出现后才隐藏新增入口 */
.chat-advanced #field-upload .thumbgrid:has(.thumb:nth-of-type(9)) .addbox{display:block!important}.chat-advanced #field-upload .thumbgrid:has(.thumb:nth-of-type(10)) .addbox{display:none!important}

/* Two-column settings: parameters left, reference materials right */
.chat-advanced[open]{grid-template-columns:minmax(0,1fr) 350px!important;column-gap:30px!important;align-items:start!important}.chat-advanced[open] #style-selector-container{grid-column:1!important;grid-row:2!important}.chat-advanced[open] #grp-draw{grid-column:1!important;grid-row:3!important;max-width:430px!important}.chat-advanced[open] #field-batch{grid-column:1!important;grid-row:4!important;max-width:360px!important}.chat-advanced[open] #grp-ratio-draw{grid-column:1!important;grid-row:5!important;max-width:520px!important}.chat-advanced[open] #field-upload{grid-column:2!important;grid-row:2 / span 4!important;width:100%!important}.chat-advanced #field-upload .uploader{width:100%!important;min-height:0!important}.chat-advanced #field-upload .thumbgrid{max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.chat-advanced #field-upload .addbox,.chat-advanced #field-upload .thumb{min-height:94px!important}.chat-advanced #style-selector-container .chips{justify-content:flex-start!important}.chat-advanced #field-batch .batch{justify-content:flex-start!important}@media(max-width:520px){.chat-advanced[open]{display:block!important}.chat-advanced[open] .field{max-width:none!important;margin:0 0 16px!important}}
