/* Creative Hub cobalt theme: a distinct blue system for the existing one-page workflow. */
:root{
  --cy-blue-700:#1d4ed8;
  --cy-blue-600:#2563eb;
  --cy-blue-500:#3b82f6;
  --cy-sky-400:#60a5fa;
  --cy-ice:#eff6ff;
  --cy-mist:#f7fbff;
  --cy-line:#dbeafe;
  --cy-ink:#142b4a;
  --cy-sub:#647a96;
  --reference-cyan:#3b82f6;
}

html body.workspace-readable{background:#f3f8ff!important;color:var(--cy-ink)!important}
html body.workspace-readable .app-shell{background:linear-gradient(145deg,#f8fbff 0,#eef6ff 48%,#f7fbff 100%)!important}
html body.workspace-readable .motion-hero-video,
html body.workspace-readable .cinematic-ai-background,
html body.workspace-readable .spectral-flow{display:none!important}

html body.workspace-readable .lime-workbench{
  border-right:1px solid var(--cy-line)!important;
  background:linear-gradient(180deg,#fff 0,#f5f9ff 100%)!important;
  box-shadow:12px 0 34px rgba(37,99,235,.055)!important;
  color:var(--cy-ink)!important;
}
html body.workspace-readable .lime-inner{background:transparent!important}
html body.workspace-readable .lime-workbench:before,
html body.workspace-readable .lime-workbench:after,
html body.workspace-readable .lime-inner:before,
html body.workspace-readable .lime-inner:after{display:none!important}
html body.workspace-readable .lime-workbench .hero-copy .workbench-kicker,
html body.workspace-readable .lime-workbench .hero-copy h1{color:#153155!important;text-shadow:none!important}
html body.workspace-readable .lime-workbench .hero-copy p{color:#68809c!important}
html body.workspace-readable .module-heading,
html body.workspace-readable .step-title{color:#24405f!important}
html body.workspace-readable .step-title b{background:#e6f1ff!important;color:var(--cy-blue-600)!important}

html body.workspace-readable .lime-inner>.module-browser .module-tabs button:not(.active){
  border:1px solid #d8e7fa!important;
  background:linear-gradient(145deg,#fff,#f5f9ff)!important;
  color:#24405f!important;
  box-shadow:0 7px 20px rgba(41,91,154,.055)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body.workspace-readable .lime-inner>.module-browser .module-tabs button:not(.active):hover{
  border-color:#9ec5ff!important;background:linear-gradient(145deg,#f8fbff,#eaf4ff)!important;
  box-shadow:0 13px 28px rgba(37,99,235,.13)!important;transform:translateY(-2px)!important;
}
html body.workspace-readable .module-tabs button:not(.active) :is(b,strong){color:#203b5c!important}
html body.workspace-readable .module-tabs button:not(.active) :is(span,small){color:#6a8099!important}
html body.workspace-readable .module-tabs button:not(.active) .module-icon{border:1px solid #d4e7ff!important;background:#edf6ff!important;color:#2563eb!important}
html body.workspace-readable .lime-inner>.module-browser .module-tabs button.active{
  border:1px solid rgba(255,255,255,.68)!important;
  background:linear-gradient(135deg,#1d4ed8 0,#2563eb 48%,#4f9cff 100%)!important;
  color:#fff!important;box-shadow:0 14px 32px rgba(37,99,235,.27),inset 0 1px rgba(255,255,255,.24)!important;
}
html body.workspace-readable .module-tabs button.active:before{background:linear-gradient(90deg,transparent,#bde0ff,transparent)!important}
html body.workspace-readable .module-tabs button.active :is(b,strong,span,small){color:#fff!important}
html body.workspace-readable .module-tabs button.active .module-icon{border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.16)!important;color:#fff!important}

/* Board cards use one coherent blue system; these ID-scoped rules replace the old teal readability palette. */
html body.workspace-readable #moduleTabs.grouped-modules{gap:25px!important}
html body.workspace-readable #moduleTabs .module-group h3{margin-bottom:11px!important;color:#375473!important;font-weight:800!important}
html body.workspace-readable #moduleTabs .module-group h3::after{background:linear-gradient(90deg,#cbdcf0,rgba(203,220,240,0))!important}
html body.workspace-readable #moduleTabs .module-group-grid{gap:9px!important}
html body.workspace-readable #moduleTabs .module-group button{
  border:1px solid #d5e4f6!important;border-radius:14px!important;
  background:linear-gradient(145deg,#fff 0,#f7faff 100%)!important;color:#2e4b69!important;
  box-shadow:0 5px 14px rgba(42,85,137,.055)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
html body.workspace-readable #moduleTabs .module-group button .module-tab-copy b{color:#294866!important;font-weight:800!important}
html body.workspace-readable #moduleTabs .module-group button .module-icon{
  color:#4b7fb5!important;filter:none!important;transition:transform .18s ease,color .18s ease!important;
}
html body.workspace-readable #moduleTabs .module-group button:hover{
  border-color:#8bb8f7!important;background:linear-gradient(145deg,#f8fbff,#eaf3ff)!important;
  box-shadow:0 11px 24px rgba(37,99,235,.13)!important;transform:translateY(-2px)!important;
}
html body.workspace-readable #moduleTabs .module-group button:hover .module-icon{color:#2563eb!important;transform:translateY(-1px) scale(1.07)!important}
html body.workspace-readable #moduleTabs .module-group button.active,
html body.workspace-readable #moduleTabs .module-group button.active:hover{
  border-color:#2f6feb!important;background:linear-gradient(135deg,#1e4fc7 0,#2563eb 54%,#4b91f7 100%)!important;
  color:#fff!important;box-shadow:0 12px 26px rgba(37,99,235,.28),inset 0 1px rgba(255,255,255,.24)!important;
  transform:none!important;
}
html body.workspace-readable #moduleTabs .module-group button.active .module-icon,
html body.workspace-readable #moduleTabs .module-group button.active:hover .module-icon{color:#eaf4ff!important;transform:none!important}
html body.workspace-readable #moduleTabs .module-group button.active .module-tab-copy b{color:#fff!important}
html body.workspace-readable #moduleTabs .module-group button:focus-visible{outline:3px solid rgba(59,130,246,.3)!important;outline-offset:3px!important}
html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n){background:linear-gradient(145deg,#fff,#f6f9ff)!important}
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"]{
  border-color:#bfd7fa!important;background:linear-gradient(135deg,#edf5ff,#e3efff)!important;color:#245ba5!important;
  box-shadow:0 6px 16px rgba(37,99,235,.075)!important;
}
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"] .module-tab-copy b,
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"] .module-icon{color:#245ba5!important}
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"]:hover{
  border-color:#78aafa!important;background:linear-gradient(135deg,#e7f1ff,#d9e9ff)!important;
}
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"].active,
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"].active:hover{
  border-color:#2f6feb!important;background:linear-gradient(135deg,#1e4fc7,#2563eb 58%,#4b91f7)!important;color:#fff!important;
}
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"].active .module-tab-copy b,
html body.workspace-readable #moduleTabs .module-group-tools button[data-module="vectorize"].active .module-icon{color:#fff!important}

html body.workspace-readable .module-context,
html body.workspace-readable .upload-zone,
html body.workspace-readable .reference-upload-head,
html body.workspace-readable .prompt-box,
html body.workspace-readable .setting-block,
html body.workspace-readable .precision-panel,
html body.workspace-readable .wall-document-panel,
html body.workspace-readable .wall-analysis-panel,
html body.workspace-readable .clarification-card{
  border:1px solid #dbe9f9!important;background:rgba(255,255,255,.88)!important;color:var(--cy-ink)!important;
  box-shadow:0 8px 24px rgba(47,91,143,.055)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
}
html body.workspace-readable .upload-zone:hover,
html body.workspace-readable .prompt-box:focus-within{border-color:#8ebdff!important;box-shadow:0 0 0 4px rgba(59,130,246,.1),0 14px 30px rgba(37,99,235,.09)!important}
html body.workspace-readable .prompt-box textarea{background:#fff!important;color:#1d3859!important}
html body.workspace-readable .prompt-box textarea::placeholder{color:#91a4b9!important}
html body.workspace-readable .config-step #promptLabel{border-color:#cfe0f5!important;background:linear-gradient(135deg,#f5f9ff,#edf5ff)!important;color:#24415f!important;box-shadow:0 10px 24px rgba(37,99,235,.075)!important}
html body.workspace-readable .config-step #promptLabel>span{color:#24415f!important}
html body.workspace-readable .config-step #promptLabel>span:before{color:#2563eb!important}
html body.workspace-readable .config-step #promptLabel>small{border-color:#bfdbfe!important;background:#eaf2ff!important;color:#1d5fc7!important}
html body.workspace-readable .setting-block>label,
html body.workspace-readable .precision-switch b{color:#35516f!important}
html body.workspace-readable .pill-choices button,
html body.workspace-readable .number-choices button,
html body.workspace-readable .smart-tool-button{border-color:#d9e7f6!important;background:#f7fbff!important;color:#44617f!important}
html body.workspace-readable .pill-choices button.active,
html body.workspace-readable .number-choices button.active{border-color:#80b5ff!important;background:#eaf3ff!important;color:#1e5fc4!important;box-shadow:0 4px 12px rgba(37,99,235,.1)!important}
html body.workspace-readable .generate-btn,
html body.workspace-readable .template-actions-slot .generate-btn,
html body.workspace-readable .empty-copy button{
  border-color:#3b82f6!important;background:linear-gradient(135deg,#1d4ed8,#2563eb 58%,#4f9cff)!important;
  color:#fff!important;box-shadow:0 13px 30px rgba(37,99,235,.28)!important;
}
html body.workspace-readable .generate-btn:hover{box-shadow:0 18px 38px rgba(37,99,235,.34),0 0 0 4px rgba(96,165,250,.14)!important}

html body.workspace-readable .studio-stage{background:linear-gradient(150deg,#f5f9ff,#edf5ff 54%,#f9fcff)!important;color:var(--cy-ink)!important}
html body.workspace-readable .studio-stage>.topbar{
  border-bottom:1px solid #dce9f7!important;background:rgba(255,255,255,.92)!important;
  box-shadow:0 7px 24px rgba(41,80,130,.055)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
}
html body.workspace-readable .topbar .brand{border-color:#d7e7fa!important;background:linear-gradient(145deg,#fff,#f0f6ff)!important;box-shadow:0 5px 16px rgba(37,99,235,.07)!important}
html body.workspace-readable .topbar .brand b{color:#2563eb!important}
html body.workspace-readable .topbar .brand-mark{border-color:#cfe2ff!important;background:#eef6ff!important}
html body.workspace-readable .topbar :is(.account-stat,.top-actions>button,.top-actions>a,.task-center-btn){
  border-color:#d9e7f7!important;background:#fff!important;color:#274564!important;box-shadow:0 4px 13px rgba(39,89,145,.045)!important;
}
html body.workspace-readable .topbar :is(.account-stat,.top-actions>button,.top-actions>a,.task-center-btn):hover{border-color:#9ec5ff!important;background:#eff6ff!important;color:#1d5fc7!important;transform:translateY(-1px)!important}
html body.workspace-readable #inlineTemplateEditor .inline-editor-actions button.primary{border-color:#2563eb!important;background:linear-gradient(135deg,#1d4ed8,#2563eb 58%,#60a5fa)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.24)!important}

html body.workspace-readable .output-panel,
html body.workspace-readable .empty-state,
html body.workspace-readable .progress-view,
html body.workspace-readable .results-view{border-color:#dce9f7!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 46px rgba(41,87,143,.07)!important}
html body.workspace-readable .result-card{border-color:#dce9f7!important;background:#fff!important;box-shadow:0 10px 26px rgba(41,87,143,.075)!important}
html body.workspace-readable .result-card.selected{border-color:#5a9cff!important;box-shadow:0 0 0 3px rgba(59,130,246,.13),0 16px 34px rgba(37,99,235,.12)!important}
html body.workspace-readable .result-selected-badge{background:#2563eb!important;color:#fff!important}
html body.workspace-readable .result-quick-actions button{border-color:#cddff3!important;color:#315473!important}
html body.workspace-readable .result-quick-actions button:hover{border-color:#82b7ff!important;background:#edf5ff!important;color:#1d5fc7!important;transform:translateY(-1px)}
html body.workspace-readable .result-quick-actions button[data-local-edit]{border-color:#76aaff!important;background:#eaf3ff!important;color:#195fc9!important}

html body.workspace-readable .customer-service-btn{border-color:#3b82f6!important;background:linear-gradient(135deg,#1e40af,#2563eb)!important;color:#fff!important;box-shadow:0 10px 26px rgba(37,99,235,.24)!important}
html body.workspace-readable ::selection{background:#bfdbfe;color:#133a73}

@media(max-width:760px){
  html body.workspace-readable .lime-workbench{border-right:0!important;border-bottom:1px solid var(--cy-line)!important}
  html body.workspace-readable .studio-stage>.topbar{background:rgba(255,255,255,.96)!important}
}