/* Professional solid-color workbench skin. No motion, glass or gradients. */
:root{
  --pro-bg:#080c12;
  --pro-sidebar:#0d131c;
  --pro-sidebar-2:#121a25;
  --pro-sidebar-3:#182230;
  --pro-line:#263241;
  --pro-line-soft:#e4e9ee;
  --pro-text:#162230;
  --pro-muted:#6b7b8c;
  --pro-accent:#0eb7c1;
  --pro-accent-dark:#087d86;
  --pro-accent-soft:#e8f8f9;
  --pro-canvas:#f3f5f7;
  --pro-white:#fff;
}

html,body{background:var(--pro-bg)!important}
body{font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif!important}
/* Keep the workbench still; the product entrance owns its motion. */
body *:not(#authModal, #authModal *, #crealinkChatModal, #crealinkChatModal *),
body *:not(#authModal, #authModal *, #crealinkChatModal, #crealinkChatModal *):before,
body *:not(#authModal, #authModal *, #crealinkChatModal, #crealinkChatModal *):after{
  animation:none!important;
  transition:none!important;
}

/* Header */
html body .studio-stage>.topbar{
  height:72px!important;
  padding:0 26px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:24px!important;
  border-bottom:1px solid #dfe4e8!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(20,35,50,.04)!important;
}
.app-shell{padding-top:72px!important;background:var(--pro-bg)!important}
.lime-inner,.studio-stage{height:calc(100vh - 72px)!important}
.topbar .brand{min-width:190px!important;gap:10px!important}
.topbar .brand-mark{width:42px!important;height:42px!important;padding:5px!important;border:1px solid #e2e7eb!important;border-radius:10px!important;background:#f7f9fa!important}
.topbar .brand b{color:#ec2525!important;font-size:22px!important;font-weight:950!important;letter-spacing:-.03em!important}
.topbar-links{justify-self:end}
.topbar-promise{color:#24303d!important;font-size:15px!important;font-weight:850!important;letter-spacing:.01em!important}
.topbar-links{gap:22px!important}
.topbar-links button{color:#263340!important;font-size:14px!important;font-weight:800!important}
.top-actions{gap:7px!important}
.top-actions>button,.account-stat{
  min-height:36px!important;
  border:1px solid #dfe5e9!important;
  border-radius:9px!important;
  background:#f7f9fa!important;
  box-shadow:none!important;
}
.top-actions .account{border-color:#17212c!important;background:#17212c!important;color:#fff!important}
.recharge-top-btn{border-color:#bce4e6!important;background:var(--pro-accent-soft)!important;color:var(--pro-accent-dark)!important}
.task-center-btn b{background:#e9eef2!important;color:#5d6d7a!important}

/* Left workbench */
html body.ui-interactive>.app-shell,.app-shell{grid-template-columns:470px minmax(0,1fr)!important}
.lime-workbench{width:470px!important}
.studio-stage{width:calc(100vw - 470px)!important}
.lime-workbench{border-right:1px solid var(--pro-line)!important;background:var(--pro-sidebar)!important}
.lime-inner{
  padding:25px 26px 30px!important;
  background:var(--pro-sidebar)!important;
  scrollbar-color:#465466 var(--pro-sidebar)!important;
}
.hero-copy{
  min-height:84px!important;
  padding:0 0 20px!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:7px!important;
  border-bottom:1px solid var(--pro-line)!important;
}
.workbench-kicker{
  grid-column:1!important;
  color:#f4f7fa!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.hero-copy h1{
  grid-column:1!important;
  color:#92a0ae!important;
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  text-align:left!important;
}
.lime-inner>.module-browser{padding-top:20px!important}
.lime-inner>.module-browser .module-tabs{gap:9px!important}
.lime-inner>.module-browser .module-tabs button{
  min-height:56px!important;
  height:56px!important;
  padding:8px!important;
  border:1px solid var(--pro-line)!important;
  border-radius:11px!important;
  background:var(--pro-sidebar-2)!important;
  color:#e9eef3!important;
}
.lime-inner>.module-browser .module-tabs button:hover,
.lime-inner>.module-browser .module-tabs button:focus-visible{
  border-color:#4d6073!important;
  background:var(--pro-sidebar-3)!important;
}
.lime-inner>.module-browser .module-tabs button.active{
  border-color:var(--pro-accent)!important;
  background:#13242c!important;
  box-shadow:inset 3px 0 0 var(--pro-accent)!important;
}
.module-tab-copy b{font-size:14px!important;font-weight:800!important;letter-spacing:0!important}

.lime-inner>.upload-step{margin-top:20px!important;padding-top:20px!important;border-top:1px solid var(--pro-line)!important}
.upload-zone,.reference-upload-head,.setting-block,.precision-panel,.wall-analysis-panel,.clarification-card{
  border-color:var(--pro-line)!important;
  border-radius:10px!important;
  background:var(--pro-sidebar-2)!important;
}
.upload-zone{min-height:70px!important;height:70px!important;padding:12px 14px!important}
.upload-icon{border-color:#405064!important;border-radius:9px!important;background:var(--pro-sidebar-3)!important}
.settings-grid{gap:9px!important}
.setting-block{padding:11px 10px!important}
.number-choices button,.pill-choices button,.field-block input,.dimension-input{
  border-color:#344253!important;
  border-radius:7px!important;
  background:#0b1119!important;
}
.number-choices button.active,.pill-choices button.active{
  border-color:var(--pro-accent)!important;
  background:var(--pro-accent)!important;
  color:#061014!important;
}
.smart-tool-button{
  border-color:#344253!important;
  border-radius:9px!important;
  background:var(--pro-sidebar-2)!important;
}
.prompt-label{margin-top:14px!important}
.prompt-box{
  border-color:#344253!important;
  border-radius:10px!important;
  background:#0b1119!important;
  overflow:hidden!important;
}
.prompt-box textarea{background:#0b1119!important;line-height:1.65!important}
.lime-inner>#generateBtn{
  height:46px!important;
  border-radius:10px!important;
  border-color:var(--pro-accent)!important;
  background:var(--pro-accent)!important;
  font-size:16px!important;
  letter-spacing:.03em!important;
}
.template-detail{
  border-color:#344b58!important;
  border-radius:12px!important;
  background:#0b1119!important;
  overflow:hidden!important;
}
.template-apply-btn{border-radius:9px!important;background:var(--pro-accent)!important}

/* Main canvas */
.studio-stage{background:#eef2f5!important}
html body .studio-stage>.output-zone{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:24px 24px 34px!important;
  background:#eef2f5!important;
}
.output-zone>*,.output-toolbar,.output-professional-settings,.output-panel,.template-gallery{
  box-sizing:border-box!important;
  max-width:100%!important;
}
.result-label{min-height:36px!important;margin:0 0 12px!important;display:flex!important;align-items:center!important}
.result-label h2{color:#172431!important;font-size:19px!important;font-weight:900!important;letter-spacing:.03em!important}
.output-toolbar{
  min-height:56px!important;
  padding:10px 16px!important;
  border:1px solid var(--pro-line-soft)!important;
  border-radius:14px 14px 0 0!important;
  background:#fff!important;
}
.output-toolbar>span{color:#263441!important;font-size:12px!important}
.output-toolbar button{
  height:34px!important;
  padding:0 14px!important;
  border-color:#d9e0e5!important;
  border-radius:8px!important;
  background:#f8fafb!important;
  color:#344351!important;
}
.output-toolbar button:last-child{
  border-color:var(--pro-accent)!important;
  background:var(--pro-accent)!important;
  color:#071114!important;
}
.output-professional-settings{
  border-right:1px solid var(--pro-line-soft)!important;
  border-bottom:1px solid var(--pro-line-soft)!important;
  border-left:1px solid var(--pro-line-soft)!important;
  background:#f6f8fa!important;
}
.output-professional-settings>summary{min-height:46px!important}
html body .studio-stage>.output-zone .output-panel{
  min-height:600px!important;
  border:1px solid var(--pro-line-soft)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,43,60,.08)!important;
}

/* Template library */
.template-gallery{padding:26px 26px 34px!important;background:#fff!important;overflow:hidden!important}
.template-gallery-title{
  align-items:center!important;
  padding:0 0 18px!important;
  border-bottom:1px solid var(--pro-line-soft)!important;
}
.template-gallery-title span{margin-bottom:5px!important;color:var(--pro-accent-dark)!important;font-size:9px!important;letter-spacing:.12em!important}
.template-gallery-title h3{color:#172431!important;font-size:20px!important;font-weight:900!important;letter-spacing:-.02em!important}
.template-gallery-title small{max-width:420px!important;color:#7a8997!important;line-height:1.5!important;text-align:right!important}
.template-gallery-title .template-search{width:min(500px,48%)!important;max-width:none!important}
.template-section{padding:21px 0 7px!important}
.template-section+.template-section{border-top:1px solid #edf0f2!important}
.template-section header{margin-bottom:12px!important}
.template-section h4{color:#283643!important;font-size:13px!important;font-weight:900!important}
.template-section header button{
  min-width:54px!important;
  height:28px!important;
  padding:0 9px!important;
  border:1px solid #e0e6ea!important;
  border-radius:7px!important;
  background:#f7f9fa!important;
  color:#667786!important;
  font-size:10px!important;
}
.template-grid{min-width:0!important;gap:16px 13px!important}
.template-card{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  text-align:left!important;
}
.template-card:hover,.template-card:focus-visible{background:transparent!important}
.template-thumb{
  aspect-ratio:1.32/1!important;
  padding:7px!important;
  border:1px solid #e4e9ed!important;
  border-radius:9px!important;
  background:#f0f3f5!important;
  box-shadow:none!important;
}
.template-thumb>img{object-fit:contain!important;border-radius:4px!important}
.template-card>b{
  margin:8px 2px 0!important;
  color:#344351!important;
  font-size:10px!important;
  font-weight:800!important;
  text-align:left!important;
}
.template-card.real-template>b{color:#344351!important}
.template-card:hover .template-thumb,.template-card:focus-visible .template-thumb{border-color:#a7dadd!important;background:#f7fbfb!important;box-shadow:none!important}
.template-card.active{background:transparent!important}
.template-card.active .template-thumb{border-color:var(--pro-accent)!important;background:var(--pro-accent-soft)!important;box-shadow:0 0 0 1px var(--pro-accent)!important}
/* Editor and records */
.inline-editor-bar{border-color:var(--pro-line-soft)!important;background:#fff!important}
.inline-editor-actions button{border-radius:8px!important}
.inline-editor-actions .primary{background:var(--pro-accent)!important;color:#071114!important}
.design-records{margin-top:24px!important}
.design-records-head{margin-bottom:10px!important}
.design-records-head h2{font-size:18px!important;letter-spacing:.03em!important}
.design-records-head h2{color:#172431!important}
.design-records-head button{border-color:#d5dde3!important;border-radius:8px!important;background:#fff!important;color:#526474!important}
.design-record-strip{
  min-height:112px!important;
  padding:10px!important;
  border:1px solid var(--pro-line-soft)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.design-record-card{border-radius:8px!important}
.customer-service-btn{
  border:1px solid #31404e!important;
  border-radius:10px!important;
  background:var(--pro-sidebar-2)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}

/* Scrollbars */
.template-mode::-webkit-scrollbar,.lime-inner::-webkit-scrollbar,.studio-stage::-webkit-scrollbar{width:8px!important;height:8px!important}
.template-mode::-webkit-scrollbar-track{background:#f1f3f5!important}
.template-mode::-webkit-scrollbar-thumb{border:2px solid #f1f3f5!important;border-radius:8px!important;background:#aeb9c2!important}
.lime-inner::-webkit-scrollbar-track{background:var(--pro-bg)!important}
.lime-inner::-webkit-scrollbar-thumb{border:2px solid var(--pro-bg)!important;border-radius:8px!important;background:#435161!important}
.studio-stage::-webkit-scrollbar-track{background:#eef2f5!important}
.studio-stage::-webkit-scrollbar-thumb{border:2px solid #eef2f5!important;border-radius:8px!important;background:#a7b2bc!important}

@media(max-width:1540px){
  html body .studio-stage>.topbar{grid-template-columns:auto minmax(0,1fr)!important;gap:16px!important}
  html body.ui-interactive>.app-shell,.app-shell{grid-template-columns:430px minmax(0,1fr)!important}
  .lime-workbench{width:430px!important}
  .studio-stage{width:calc(100vw - 430px)!important}
  .output-zone{padding-left:24px!important;padding-right:24px!important}
}
@media(max-width:1180px){
  html body.ui-interactive>.app-shell,.app-shell{grid-template-columns:430px minmax(0,1fr)!important}
}
@media(max-width:760px){
  html body.ui-interactive>.app-shell,.app-shell{display:block!important;padding-top:0!important}
  .lime-workbench,.studio-stage{width:100%!important}
  html body .studio-stage>.topbar{height:auto!important;min-height:64px!important;padding:9px 14px!important}
  .lime-inner,.studio-stage{height:auto!important}
  .lime-inner{padding:20px 15px 28px!important}
  .output-zone{padding:20px 12px 100px!important}
  .template-gallery{padding:17px 13px 22px!important}
  .template-gallery-title small{text-align:left!important}
  .template-gallery-title .template-search{width:100%!important}
  .template-card{padding:6px!important}
  .output-toolbar{align-items:flex-start!important}
}

/* v2: unify the creation rail with the light workspace. */
.lime-workbench{
  border-right:1px solid #d9e1e7!important;
  background:#f4f6f8!important;
  color:#1d2a36!important;
}
.lime-workbench:before,.lime-workbench:after,.lime-inner:before,.lime-inner:after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.lime-inner{
  background:#f4f6f8!important;
  color:#1d2a36!important;
  scrollbar-color:#aab6c0 #f4f6f8!important;
}
.hero-copy{border-bottom-color:#dbe2e7!important}
.workbench-kicker{color:#172431!important}
html body .lime-workbench .hero-copy h1{color:#71808d!important;text-shadow:none!important}
.lime-inner>.module-browser .module-tabs button{
  border-color:#dce3e8!important;
  background:#fff!important;
  color:#2b3946!important;
  box-shadow:none!important;
}
.lime-inner>.module-browser .module-tabs button:hover,
.lime-inner>.module-browser .module-tabs button:focus-visible{
  border-color:#a9cdd1!important;
  background:#f8fbfb!important;
}
.lime-inner>.module-browser .module-tabs button.active{
  border-color:#83d4d9!important;
  background:#e9f8f9!important;
  color:#086f77!important;
  box-shadow:inset 3px 0 0 var(--pro-accent)!important;
}
html body .lime-inner>.module-browser .module-tabs>button .module-tab-copy b{color:inherit!important}
html body .lime-inner>.module-browser .module-tabs>button.active .module-tab-copy b{color:#086f77!important}
.lime-inner>.upload-step{border-top-color:#dbe2e7!important}
.upload-zone,.reference-upload-head,.setting-block,.precision-panel,.wall-analysis-panel,.clarification-card{
  border-color:#dbe3e8!important;
  background:#fff!important;
  color:#253441!important;
}
.upload-zone{box-shadow:none!important}
.upload-zone b,.reference-upload-head b{color:#243340!important}
.upload-zone small,.reference-upload-head small{color:#7b8996!important}
.upload-icon{border-color:#cfd9e0!important;background:#edf7f8!important;color:#0b929b!important}
.asset{border-color:#d9e1e6!important;background:#fff!important}
.smart-tool-button{
  border-color:#d8e0e6!important;
  background:#fff!important;
  color:#30404d!important;
  box-shadow:none!important;
}
.smart-tool-button b{color:#30404d!important}
.smart-tool-popover,.smart-model-menu,.smart-ratio-menu{
  border-color:#d9e1e7!important;
  background:#fff!important;
  color:#243340!important;
}
.smart-tool-popover button{color:#2d3d49!important}
.smart-ratio-menu .setting-block{border-color:#e0e6ea!important;background:#fff!important}
.smart-ratio-menu .setting-block>label{color:#263642!important}
html body .lime-inner .setting-block>label,
html body .lime-inner .precision-switch b{color:#263642!important;text-shadow:none!important}
.number-choices button,.pill-choices button{
  border-color:#d7e0e6!important;
  background:#f8fafb!important;
  color:#344552!important;
}
.number-choices button.active,.pill-choices button.active{
  border-color:var(--pro-accent)!important;
  background:var(--pro-accent)!important;
  color:#061014!important;
}
.field-block input,.dimension-input,.dimension-input input,.precision-fields textarea{
  border-color:#d7e0e6!important;
  background:#f8fafb!important;
  color:#243340!important;
}
.print-spec-hint,.print-advanced,.cost-hint{color:#758592!important}
html body .lime-inner .prompt-label{color:#263642!important;text-shadow:none!important}
.prompt-label>small{color:#bd3e39!important}
.prompt-box{
  border-color:#d7e0e6!important;
  background:#fff!important;
  box-shadow:none!important;
}
.prompt-box textarea{background:#fff!important;color:#263642!important}
.prompt-box textarea::placeholder{color:#91a0ac!important}
.prompt-box>small{border-color:#e5eaee!important;background:#fafbfc!important;color:#778794!important}
.template-detail{
  border-color:#d6e0e5!important;
  background:#fff!important;
  color:#263642!important;
  box-shadow:0 8px 22px rgba(34,53,70,.08)!important;
}
.template-detail-copy h2,.template-detail-method,.template-detail-prompt b{color:#20303d!important}
.template-detail-copy p,.template-detail-method ol{color:#667784!important}
.template-detail-prompt textarea{border-color:#d8e1e6!important;background:#f8fafb!important;color:#263642!important}
.template-detail-close{border-color:#d8e0e5!important;background:#fff!important;color:#40515e!important}
.lime-inner>#generateBtn{box-shadow:none!important}
.lime-inner::-webkit-scrollbar-track{background:#f4f6f8!important}
.lime-inner::-webkit-scrollbar-thumb{border-color:#f4f6f8!important;background:#aab6c0!important}

@media(max-width:760px){
  .lime-workbench{border-right:0!important;border-bottom:1px solid #d9e1e7!important}
}

/* Requirement brief: keep it prominent without using warning-red accents. */
.config-step #promptLabel{
  margin:12px 0 0!important;
  padding:12px 14px 10px!important;
  border:1px solid #c7dce6!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  background:linear-gradient(135deg,#f4fbfd 0%,#edf7fa 100%)!important;
  box-shadow:0 10px 24px rgba(32,83,108,.08)!important;
  color:#173746!important;
}
.config-step #promptLabel>span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#173746!important;
  font-weight:800!important;
}
.config-step #promptLabel>span:before{
  content:"✦";
  color:#1496a6;
  font-size:12px;
}
.config-step #promptLabel>small{
  padding:4px 9px!important;
  border:1px solid rgba(20,150,166,.22)!important;
  border-radius:999px!important;
  background:#e5f7fa!important;
  color:#167d8b!important;
  font-weight:800!important;
}
.config-step #promptBox{
  margin-top:0!important;
  border:1px solid #c7dce6!important;
  border-top:0!important;
  border-radius:0 0 15px 15px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(32,83,108,.11)!important;
  overflow:hidden!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.config-step #promptBox:focus-within{
  border-color:#5aafbd!important;
  box-shadow:0 0 0 3px rgba(20,150,166,.10),0 14px 30px rgba(32,83,108,.13)!important;
}
.config-step #promptBox textarea{
  padding:14px!important;
  background:#fff!important;
}
.config-step #promptBox>small{
  display:flex!important;
  min-height:32px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:7px 12px!important;
  border-top:1px solid #e2edf2!important;
  background:#f6fafc!important;
  color:#6b7f8b!important;
}
.config-step #promptBox>small:after{
  content:"（客户原话语言优化）"!important;
  margin-left:4px!important;
  color:#27899a!important;
  font-weight:800!important;
}