/* Artify-inspired desktop palette. Layout and customer artwork stay unchanged. */
@media(min-width:761px){
  html body.workspace-readable{
    --artify-ink:#20243a;
    --artify-muted:#5f667e;
    --artify-line:#d7daea;
    --artify-surface:rgba(255,255,255,.90);
    --artify-primary:#635bff;
    --artify-secondary:#8b5cf6;
    --artify-coral:#ff8066;
    color:var(--artify-ink)!important;
    background:#f5f6ff!important;
  }
  html body.workspace-readable .app-shell{
    background:
      radial-gradient(680px circle at 16% 4%,rgba(180,220,255,.74),transparent 66%),
      radial-gradient(720px circle at 82% 5%,rgba(218,200,255,.64),transparent 67%),
      radial-gradient(520px circle at 72% 96%,rgba(255,211,197,.52),transparent 66%),
      linear-gradient(145deg,#f8fbff 0%,#f4f2ff 52%,#fff8f5 100%)!important;
  }
  html body.workspace-readable .app-shell::before{
    opacity:.42!important;
    filter:blur(38px)!important;
    transform:none!important;
    animation:none!important;
    background:
      radial-gradient(420px circle at 17% 18%,rgba(105,181,255,.55),transparent 70%),
      radial-gradient(460px circle at 70% 12%,rgba(151,110,255,.43),transparent 72%),
      radial-gradient(360px circle at 88% 78%,rgba(255,128,102,.32),transparent 72%)!important;
  }
  html body.workspace-readable .app-shell::after{
    opacity:.55!important;
    background:radial-gradient(520px circle at var(--ws-pointer-x) var(--ws-pointer-y),rgba(99,91,255,.12),transparent 68%)!important;
    background-size:auto!important;
  }
  html body.workspace-readable .lime-workbench{
    border:1px solid rgba(255,255,255,.94)!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 24px 70px rgba(66,67,126,.15),inset 0 1px #fff!important;
    -webkit-backdrop-filter:blur(30px) saturate(138%)!important;
    backdrop-filter:blur(30px) saturate(138%)!important;
  }
  html body.workspace-readable .lime-workbench::before{display:none!important}
  html body.workspace-readable .lime-workbench::after{display:none!important}
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy::after,
  html body.workspace-readable #moduleTabs .module-group h3::after,
  html body.workspace-readable .template-gallery::before{display:none!important;content:none!important}
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand .crealink-wordmark>img{filter:saturate(1.05) drop-shadow(0 8px 16px rgba(72,82,150,.13))!important}
  html body.workspace-readable #moduleTabs .module-group h3{color:#686f88!important;text-shadow:none!important}

  html body.workspace-readable #moduleTabs .module-group button,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n),
  html body.workspace-readable .lime-inner>.module-browser .module-tabs button:not(.active),
  html body.workspace-readable .app-shell>.lime-workbench #uploadZone,
  html body.workspace-readable .app-shell>.lime-workbench .module-context,
  html body.workspace-readable .app-shell>.lime-workbench #promptBox,
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel,
  html body.workspace-readable .app-shell>.lime-workbench .setting-block,
  html body.workspace-readable .app-shell>.lime-workbench .precision-panel,
  html body.workspace-readable .app-shell>.lime-workbench #smartCreateBar .smart-tool-button,
  html body.workspace-readable .app-shell>.lime-workbench #smartCreateBar .smart-count-select{
    border:1px solid var(--artify-line)!important;
    background:rgba(255,255,255,.76)!important;
    color:var(--artify-ink)!important;
    box-shadow:0 8px 22px rgba(65,70,130,.065),inset 0 1px #fff!important;
    -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
    backdrop-filter:blur(12px) saturate(120%)!important;
  }
  html body.workspace-readable #moduleTabs .module-group button:hover,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n):hover,
  html body.workspace-readable .app-shell>.lime-workbench #uploadZone:hover,
  html body.workspace-readable .app-shell>.lime-workbench #promptBox:focus-within{
    border-color:rgba(99,91,255,.34)!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(85,79,181,.13),0 0 0 4px rgba(99,91,255,.07)!important;
  }
  html body.workspace-readable #moduleTabs .module-group button,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n),
  html body.workspace-readable .topbar :is(.account-stat,.top-actions>button,.top-actions>a,.task-center-btn,.topbar-links button),
  html body.workspace-readable :is(.template-card,.template-section-strip button,.template-category-strip button){transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important}
  html body.workspace-readable #moduleTabs .module-group button:hover,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n):hover,
  html body.workspace-readable .template-card:hover{transform:translateY(-3px)!important}
  html body.workspace-readable #moduleTabs .module-group button:hover,
  html body.workspace-readable #moduleTabs .module-group button:focus-visible,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n):hover,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n):focus-visible,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button:nth-child(n):hover,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button:nth-child(n):focus-visible{
    animation:none!important;
    border-color:transparent!important;
    background:linear-gradient(135deg,#526dff,#725cf6 58%,#9665ea)!important;
    background-image:linear-gradient(135deg,#526dff,#725cf6 58%,#9665ea)!important;
    color:#fff!important;
    box-shadow:0 13px 28px rgba(99,91,255,.28),inset 0 1px rgba(255,255,255,.28)!important;
    filter:none!important;
    transform:translateY(-3px)!important;
  }
  html body.workspace-readable #moduleTabs .module-group button:hover::after,
  html body.workspace-readable #moduleTabs .module-group button:focus-visible::after,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n):hover::after,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n):focus-visible::after,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button:nth-child(n):hover::after,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button:nth-child(n):focus-visible::after{display:none!important;content:none!important;animation:none!important}
  html body.workspace-readable #moduleTabs :is(.module-group,.module-group-tools) button:is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon){color:#fff!important;text-shadow:none!important;filter:none!important}
  html body.workspace-readable #moduleTabs .module-group button.active:not(:hover):not(:focus-visible),
  html body.workspace-readable #moduleTabs .module-group-tools button.active:not(:hover):not(:focus-visible),
  html body.workspace-readable .lime-inner>.module-browser .module-tabs button.active:not(:hover):not(:focus-visible){
    border:1px solid #075ec8!important;
    background:#075ec8!important;
    background-image:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(18,105,211,.28),inset 0 1px rgba(255,255,255,.24)!important;
    filter:none!important;
    transform:none!important;
  }
  html body.workspace-readable #moduleTabs .module-group button .module-tab-copy b,
  html body.workspace-readable #moduleTabs .module-group-tools button:nth-child(n) .module-tab-copy b,
  html body.workspace-readable .app-shell>.lime-workbench :is(#uploadZone,.module-context,#promptBox,#promptLabel,.setting-block,.smart-tool-button,.smart-count-select) :is(b,strong,label,span){color:var(--artify-ink)!important;text-shadow:none!important}
  html body.workspace-readable #moduleTabs button.active:not(:hover):not(:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;filter:none!important}
  html body.workspace-readable #moduleTabs button:is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon){color:#fff!important;text-shadow:none!important;filter:none!important}
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group button[data-module]:is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon),
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group-tools button[data-module]:nth-child(n):is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon),
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs>button[data-module]:nth-child(n):is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon){color:#fff!important;text-shadow:none!important;filter:none!important;opacity:1!important}
  html body.workspace-readable #moduleTabs button::before,
  html body.workspace-readable #moduleTabs button::after{animation:none!important}
  html body.workspace-readable #moduleTabs button.active:not(:hover):not(:focus-visible)::before,
  html body.workspace-readable #moduleTabs button.active:not(:hover):not(:focus-visible)::after{display:none!important;content:none!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(#uploadZone,.module-context,#promptBox,#promptLabel,.setting-block,.smart-tool-button,.smart-count-select) :is(p,small){color:var(--artify-muted)!important}
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel:not(.hidden){
    margin:10px 0 14px!important;
    padding:16px!important;
    border:0!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#fff 0%,#f4f2ff 100%)!important;
    box-shadow:0 14px 34px rgba(73,72,130,.11),inset 0 1px #fff!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel>label{margin-bottom:12px!important;color:#292e48!important;font-size:13px!important;font-weight:850!important}
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel .dimension-fields>label>span:first-child{color:#626980!important}
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel .dimension-input{
    border:1.5px solid #b7c7e2!important;
    border-radius:13px!important;
    background:#f8faff!important;
    box-shadow:inset 0 1px 2px rgba(42,67,113,.06),0 3px 10px rgba(54,82,136,.05)!important;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel .dimension-input:focus-within{
    border-color:#2f7fe4!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(47,127,228,.16),0 10px 24px rgba(55,96,164,.12)!important;
    transform:translateY(-1px)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel .dimension-input input{background:transparent!important;color:#252a43!important}
  html body.workspace-readable .app-shell>.lime-workbench #smartCustomRatioInline #sizePanel .dimension-fields>b{color:#9a9fb5!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel{
    margin:2px 0 8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel>span{color:#292e48!important;font-size:15px!important;font-weight:900!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel>small{border:0!important;background:#eeedff!important;color:#5d56e7!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptBox{
    overflow:hidden!important;
    border:0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(73,72,130,.11),inset 0 1px #fff!important;
    transition:box-shadow .2s ease,transform .2s ease!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptBox:focus-within{
    border:0!important;
    box-shadow:0 0 0 4px rgba(99,91,255,.09),0 20px 42px rgba(73,72,150,.16)!important;
    transform:translateY(-2px)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptBox>#briefInput{border:0!important;background:#fff!important;color:#252a43!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptAssistant{
    border:0!important;
    background:linear-gradient(135deg,#f1f0ff,#eef6ff)!important;
    color:#343951!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptAssistant .prompt-assistant-copy b{color:#343951!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptAssistant .prompt-assistant-copy span{color:#626980!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptAssistant .prompt-restore-btn{border:0!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptAssistant .prompt-restore-btn{background:#fff!important;color:#5d56df!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptAssistant .prompt-restore-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.03)!important}
  html body.workspace-readable .app-shell>.lime-workbench #promptBox>#briefInput,
  html body.workspace-readable .app-shell>.lime-workbench #briefInput,
  html body.workspace-readable .app-shell>.lime-workbench input,
  html body.workspace-readable .app-shell>.lime-workbench select,
  html body.workspace-readable .app-shell>.lime-workbench textarea{color:#252a43!important;background:rgba(255,255,255,.70)!important}
  html body.workspace-readable .app-shell>.lime-workbench #briefInput::placeholder,
  html body.workspace-readable .app-shell>.lime-workbench input::placeholder,
  html body.workspace-readable .app-shell>.lime-workbench textarea::placeholder{color:#737a91!important;opacity:1!important}
  html body.workspace-readable .generate-btn,
  html body.workspace-readable #generateBtn,
  html body.workspace-readable .result-top-download{
    border:0!important;
    background:linear-gradient(135deg,#536dff,#755bf4 62%,#8c5ce8)!important;
    color:#fff!important;
    box-shadow:0 15px 32px rgba(99,91,255,.28),inset 0 1px rgba(255,255,255,.28)!important;
  }
  html body.workspace-readable #generateBtn:hover{filter:brightness(1.045);transform:translateY(-2px)!important}
  html body.workspace-readable .cost-hint{color:#60677f!important;text-shadow:none!important}

  html body.workspace-readable .studio-stage{background:transparent!important;color:var(--artify-ink)!important}
  html body.workspace-readable .studio-stage>.topbar{
    border:1px solid rgba(255,255,255,.94)!important;
    background:rgba(255,255,255,.80)!important;
    color:var(--artify-ink)!important;
    box-shadow:0 18px 48px rgba(67,70,126,.12),inset 0 1px #fff!important;
    -webkit-backdrop-filter:blur(28px) saturate(132%)!important;
    backdrop-filter:blur(28px) saturate(132%)!important;
  }
  html body.workspace-readable .topbar .brand,
  html body.workspace-readable .topbar .topbar-links #workbenchInstallBtn,
  html body.workspace-readable .topbar :is(.account-stat,.top-actions>button,.top-actions>a,.task-center-btn),
  html body.workspace-readable .studio-stage>.topbar .top-actions :is(#memberChip,#creditChip,#rechargeBtn,#logoutTopBtn){
    border-color:#e6e7f4!important;
    background:rgba(255,255,255,.78)!important;
    color:#363c57!important;
    box-shadow:0 5px 14px rgba(65,70,130,.055),inset 0 1px #fff!important;
  }
  html body.workspace-readable .topbar :is(.account-stat,.top-actions>button,.top-actions>a,.task-center-btn,.topbar-links button):hover{border-color:rgba(99,91,255,.30)!important;background:#fff!important;color:#554ee5!important}
  html body.workspace-readable .topbar #accountBtn{border:0!important;background:linear-gradient(135deg,#536dff,#755bf4)!important;color:#fff!important;box-shadow:0 9px 22px rgba(99,91,255,.23)!important}
  html body.workspace-readable .topbar :is(#memberChip,#creditChip) .stat-dot{border-color:#dedfff!important;background:#efefff!important;color:#5f57ec!important}
  html body.workspace-readable .service-status{color:#656d84!important}

  html body.workspace-readable .design-records,
  html body.workspace-readable .results-view{
    border:1px solid rgba(255,255,255,.96)!important;
    background:var(--artify-surface)!important;
    color:var(--artify-ink)!important;
    box-shadow:0 22px 58px rgba(70,72,130,.12),inset 0 1px #fff!important;
  }
  html body.workspace-readable .design-records-head h2{color:#23283f!important;text-shadow:none!important}
  html body.workspace-readable .design-records-head button{border-color:#dedff2!important;background:#f7f7ff!important;color:#5d57df!important}
  html body.workspace-readable .design-record-strip{border-color:#e8e8f5!important;background:linear-gradient(135deg,#f7f9ff,#f8f5ff)!important}
  html body.workspace-readable .design-record-empty{color:#70778e!important}
  html body.workspace-readable #designRecordStrip .design-record-card{
    border-color:#e6e7f4!important;
    background:#fff!important;
    color:#2b3049!important;
    box-shadow:0 10px 25px rgba(70,72,130,.09)!important;
  }
  html body.workspace-readable #designRecordStrip .design-record-card:hover,
  html body.workspace-readable #designRecordStrip .design-record-card.active{border-color:rgba(99,91,255,.34)!important;background:linear-gradient(145deg,#fff,#f4f2ff)!important;box-shadow:0 14px 30px rgba(99,91,255,.14)!important}
  html body.workspace-readable #designRecordStrip .design-record-card :is(b,strong,span,small){color:inherit!important;text-shadow:none!important}

  html body.workspace-readable .template-gallery{
    border:1px solid rgba(255,255,255,.94)!important;
    outline:0!important;
    background:rgba(255,255,255,.76)!important;
    color:var(--artify-ink)!important;
    box-shadow:0 24px 68px rgba(70,72,130,.11),inset 0 1px #fff!important;
    -webkit-backdrop-filter:blur(24px) saturate(128%)!important;
    backdrop-filter:blur(24px) saturate(128%)!important;
  }
  html body.workspace-readable .template-gallery-title{border:0!important}
  html body.workspace-readable .template-gallery-title span{color:var(--artify-coral)!important}
  html body.workspace-readable .template-gallery-title h3,
  html body.workspace-readable .template-section h4{color:#252a43!important;text-shadow:none!important}
  html body.workspace-readable .template-search{border-color:#e3e4f1!important;background:#f8f8ff!important;box-shadow:none!important}
  html body.workspace-readable .template-search:focus-within{border-color:rgba(99,91,255,.34)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(99,91,255,.07)!important}
  html body.workspace-readable .template-search input{color:#272c45!important}
  html body.workspace-readable .template-search input::placeholder{color:#747b91!important;opacity:1!important}
  html body.workspace-readable :is(.template-section-strip,.template-category-strip) button{border-color:#e5e6f2!important;background:#f8f8ff!important;color:#666d87!important;box-shadow:none!important}
  html body.workspace-readable :is(.template-section-strip,.template-category-strip) button.active{border-color:rgba(99,91,255,.24)!important;background:#eeedff!important;color:#554ee5!important}
  html body.workspace-readable .template-section{border-color:transparent!important}
  html body.workspace-readable .template-card,
  html body.workspace-readable .template-card:hover,
  html body.workspace-readable .template-card:focus-visible{border:1px solid #e8e8f3!important;background:#fff!important;box-shadow:0 10px 26px rgba(72,74,130,.075)!important}
  html body.workspace-readable .template-card:hover,
  html body.workspace-readable .template-card:focus-visible{box-shadow:0 17px 36px rgba(99,91,255,.14)!important}
  html body.workspace-readable .template-card.active{border-color:rgba(99,91,255,.42)!important;background:#f4f2ff!important;box-shadow:0 0 0 3px rgba(99,91,255,.08),0 15px 32px rgba(99,91,255,.13)!important}
  html body.workspace-readable .template-thumb{border-color:#ececf4!important;background:#f1f3f9!important;box-shadow:none!important}
  html body.workspace-readable .template-card :is(b,strong,span,small){color:#373c54!important;text-shadow:none!important}

  html body.workspace-readable .result-card{border-color:#e6e7f2!important;background:#fff!important;color:#2b3048!important;box-shadow:0 16px 38px rgba(69,72,128,.10)!important}
  html body.workspace-readable .result-card :is(h2,h3,b,strong){color:#252a43!important}
  html body.workspace-readable .result-card :is(p,small,span){color:#626980!important}
  html body.workspace-readable .result-quick-actions button{border-color:#e1e2ef!important;background:#f8f8ff!important;color:#555d78!important}
  html body.workspace-readable .result-quick-actions button:hover{border-color:rgba(99,91,255,.30)!important;background:#eeedff!important;color:#554ee5!important}
  html body.workspace-readable .result-export-button{background:linear-gradient(135deg,#536dff,#755bf4)!important;color:#fff!important}
  html body.workspace-readable .customer-service-btn{background:linear-gradient(135deg,#536dff,#755bf4 65%,#ff8066)!important}
}

@media(min-width:761px){
  html body.workspace-readable.flat-design-upload-intake .upload-step{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"reference" "reference-assets"!important;
    gap:10px!important;
    align-items:start!important;
  }
  html body.workspace-readable.flat-design-upload-intake #referenceSection{
    display:contents!important;
  }
  html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-head{display:none!important}
  html body.workspace-readable.flat-design-upload-intake #referenceUploadZone{grid-area:reference!important}
  html body.workspace-readable.flat-design-upload-intake #referenceList{grid-area:reference-assets!important}
  html body.workspace-readable.flat-design-upload-intake #referenceUploadZone{
    min-height:104px!important;
    height:104px!important;
    padding:17px 14px!important;
    border:1px solid #d8dbea!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:0 10px 24px rgba(66,70,124,.08),inset 0 1px #fff!important;
  }
  html body.workspace-readable.flat-design-upload-intake #referenceUploadZone:hover{
    border-color:rgba(99,91,255,.44)!important;
    background:#fff!important;
    box-shadow:0 15px 30px rgba(99,91,255,.13),inset 0 1px #fff!important;
  }
  html body.workspace-readable.flat-design-upload-intake #referenceUploadZone>b{
    margin:0!important;
    color:#282c42!important;
    font-size:15px!important;
  }
}

@media(min-width:761px){
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker{
    border:0!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(71,72,133,.12),inset 0 1px #fff!important;
    -webkit-backdrop-filter:blur(18px) saturate(126%)!important;
    backdrop-filter:blur(18px) saturate(126%)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker:hover{
    border:0!important;
    background:#fff!important;
    box-shadow:0 14px 30px rgba(99,91,255,.14),0 0 0 4px rgba(99,91,255,.055)!important;
    transform:translateY(-2px)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker:focus-within{box-shadow:0 0 0 4px rgba(99,91,255,.10),0 14px 30px rgba(99,91,255,.14)!important}
  html body.workspace-readable .app-shell>.lime-workbench .design-action-row{gap:10px!important}
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker,
  html body.workspace-readable .app-shell>.lime-workbench #generateBtn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker>select{
    background:transparent!important;
    color:#313750!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker>select option{background:#fff!important;color:#313750!important}
  html body.workspace-readable .app-shell>.lime-workbench .image-model-picker>i{color:#655df3!important}
}

/* Final desktop handoff: old dark composer rules must not leak through this layer. */
@media(min-width:761px){
  html body.workspace-readable .app-shell>.lime-workbench #uploadZone>#uploadAction{
    color:#2d324b!important;
    -webkit-text-fill-color:#2d324b!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #uploadZone>#uploadHelp{
    color:#626980!important;
    -webkit-text-fill-color:#626980!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #uploadZone{
    border:0!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(73,72,130,.09)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #uploadZone:hover{
    border:0!important;
    background:#fff!important;
    box-shadow:0 0 0 4px rgba(99,91,255,.08),0 18px 38px rgba(73,72,150,.14)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #smartCreateBar{position:relative!important;z-index:80!important;overflow:visible!important}
  html body.workspace-readable .app-shell>.lime-workbench #smartCreateBar>.smart-tool-wrap{position:relative!important;z-index:81!important}
  html body.workspace-readable .app-shell>.lime-workbench .smart-tool-popover:not(.hidden){
    position:absolute!important;
    inset:calc(100% + 10px) auto auto 0!important;
    z-index:500!important;
    width:320px!important;
    max-width:calc(100vw - 52px)!important;
    max-height:360px!important;
    margin:0!important;
    padding:12px!important;
    overflow:auto!important;
    border:0!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#2d324b!important;
    box-shadow:0 24px 60px rgba(49,47,105,.24),0 0 0 1px rgba(99,91,255,.06)!important;
    transform:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .smart-count-menu:not(.hidden){left:auto!important;right:0!important;width:276px!important}
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu:not(.hidden){left:0!important;right:auto!important;width:344px!important}
  html body.workspace-readable .app-shell>.lime-workbench #smartCountMenu:not(.hidden),
  html body.workspace-readable .app-shell>.lime-workbench #smartCountMenu:not(.hidden) #countPanel{
    border:0!important;
    background:#fff!important;
    color:#2d324b!important;
    box-shadow:0 24px 60px rgba(49,47,105,.24),0 0 0 1px rgba(99,91,255,.06)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #smartCountMenu:not(.hidden) #countPanel{box-shadow:none!important}
  html body.workspace-readable .app-shell>.lime-workbench #smartCountMenu #countPanel>label{color:#31364f!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(.smart-count-menu,.smart-ratio-menu) .setting-block{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench :is(.smart-count-menu,.smart-ratio-menu) .setting-block>label{color:#31364f!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(.smart-count-menu,.smart-ratio-menu) :is(.number-choices,.pill-choices){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  html body.workspace-readable .app-shell>.lime-workbench .smart-count-menu .number-choices{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(.smart-count-menu,.smart-ratio-menu) :is(.number-choices,.pill-choices) button{
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:11px!important;
    background:#f3f3fb!important;
    color:#596079!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench :is(.smart-count-menu,.smart-ratio-menu) :is(.number-choices,.pill-choices) button:is(:hover,.active){
    border:0!important;
    background:linear-gradient(135deg,#526dff,#725cf6 58%,#9665ea)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(99,91,255,.22)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu #ratioChoices button,
  html body.workspace-readable .app-shell>.lime-workbench .smart-count-menu #countChoices button{
    border:0!important;
    background:#f3f3fb!important;
    color:#596079!important;
    -webkit-text-fill-color:#596079!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu #ratioChoices button:is(:hover,.active),
  html body.workspace-readable .app-shell>.lime-workbench .smart-count-menu #countChoices button:is(:hover,.active){
    border:0!important;
    background:linear-gradient(135deg,#526dff,#725cf6 58%,#9665ea)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 8px 18px rgba(99,91,255,.22)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu :is(label,small,input,.dimension-input i,.print-spec-hint,#sizePanel,#sizePanel *){
    color:#343950!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu .dimension-input{
    border:1.5px solid #b7c7e2!important;background:#f8faff!important;
    box-shadow:inset 0 1px 2px rgba(42,67,113,.06),0 3px 10px rgba(54,82,136,.05)!important
  }
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu .dimension-input:focus-within{
    border-color:#2f7fe4!important;background:#fff!important;
    box-shadow:0 0 0 3px rgba(47,127,228,.16),0 10px 24px rgba(55,96,164,.12)!important
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row>#generateBtn{
    border:0!important;
    background:linear-gradient(135deg,#536dff,#755bf4 62%,#8c5ce8)!important;
    color:#fff!important;
    box-shadow:0 15px 32px rgba(99,91,255,.28),inset 0 1px rgba(255,255,255,.28)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row>#generateBtn:hover:not(:disabled){
    border:0!important;
    background:linear-gradient(135deg,#4d66f4,#6e54eb 62%,#8354df)!important;
    box-shadow:0 19px 38px rgba(99,91,255,.34),inset 0 1px rgba(255,255,255,.30)!important;
  }
  html body.workspace-readable .inline-template-editor{
    border:0!important;
    background:#f5f6ff!important;
    box-shadow:0 24px 62px rgba(70,72,130,.13)!important;
  }
  html body.workspace-readable .inline-editor-bar{
    border:0!important;
    background:linear-gradient(135deg,#fff,#f5f3ff)!important;
    box-shadow:0 10px 28px rgba(71,72,133,.09)!important;
  }
  html body.workspace-readable .inline-editor-bar>div:first-child::before{display:none!important;content:none!important}
  html body.workspace-readable .inline-editor-bar span{color:#6b63ee!important}
  html body.workspace-readable .inline-editor-bar h3{color:#252a43!important}
  html body.workspace-readable .inline-editor-actions button{border:0!important;background:#fff!important;color:#4e556f!important;box-shadow:0 7px 18px rgba(70,72,130,.08)!important}
  html body.workspace-readable .inline-editor-actions button:hover{border:0!important;background:#eeedff!important;color:#554ee5!important;box-shadow:0 10px 22px rgba(99,91,255,.14)!important}
  html body.workspace-readable .inline-editor-actions button.primary{border:0!important;background:linear-gradient(135deg,#536dff,#755bf4)!important;color:#fff!important;box-shadow:0 10px 24px rgba(99,91,255,.25)!important}
  html body.workspace-readable .inline-editor-frame,
  html body.workspace-readable .inline-editor-frame iframe{background:#f5f6ff!important}

  /* Keep the pale interface readable without turning its outlines heavy. */
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module]{border-color:#d3d7e8!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(#uploadZone,#promptBox){border:1px solid #e0e2ee!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(#smartRatioBtn,#smartCountBtn,.image-model-picker){border-color:#d6daea!important}
  html body.workspace-readable .app-shell>.lime-workbench :is(input,textarea)::placeholder{-webkit-text-fill-color:#737a91!important;color:#737a91!important;opacity:1!important}

  /* Soft aurora accents add depth without bringing decorative lines back. */
  html body.workspace-readable .app-shell>.lime-workbench{
    background:
      radial-gradient(340px circle at 4% 4%,rgba(123,197,255,.20),transparent 64%),
      radial-gradient(300px circle at 96% 10%,rgba(156,111,255,.14),transparent 66%),
      radial-gradient(260px circle at 20% 92%,rgba(255,157,126,.10),transparent 68%),
      rgba(255,255,255,.82)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy{
    border-radius:24px!important;
    background:radial-gradient(190px circle at 42% 42%,rgba(255,255,255,.90),transparent 72%)!important;
  }
  html body.workspace-readable #moduleTabs .module-group{
    margin:0 -8px 12px!important;
    padding:12px 8px!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(240,240,255,.34))!important;
  }
  html body.workspace-readable #moduleTabs .module-group-tools{
    background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,242,238,.28))!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module]:not(.active):not(:hover):not(:focus-visible){
    background:linear-gradient(145deg,#fff 0%,#fbfaff 100%)!important;
    box-shadow:0 9px 22px rgba(69,73,132,.075),inset 0 1px #fff!important;
  }
  html body.workspace-readable .studio-stage>.topbar{
    background:linear-gradient(110deg,rgba(255,255,255,.92),rgba(248,245,255,.84),rgba(255,250,247,.88))!important;
  }
  html body.workspace-readable .template-gallery{
    background:
      radial-gradient(420px circle at 92% 2%,rgba(151,105,255,.075),transparent 70%),
      radial-gradient(380px circle at 8% 100%,rgba(255,134,105,.055),transparent 70%),
      rgba(255,255,255,.82)!important;
  }
  html body.workspace-readable .template-gallery-title span{
    display:inline-flex!important;
    padding:4px 9px!important;
    border-radius:999px!important;
    background:#fff0ec!important;
    box-shadow:inset 0 0 0 1px rgba(255,128,102,.10)!important;
  }
  html body.workspace-readable .template-card,
  html body.workspace-readable .template-card:hover,
  html body.workspace-readable .template-card:focus-visible{
    border-color:#e2e3ef!important;
    box-shadow:0 13px 30px rgba(59,63,119,.10),0 2px 8px rgba(59,63,119,.05)!important;
  }
  html body.workspace-readable .template-card:hover,
  html body.workspace-readable .template-card:focus-visible{
    border-color:rgba(99,91,255,.24)!important;
    box-shadow:0 22px 46px rgba(99,91,255,.17),0 4px 12px rgba(59,63,119,.07)!important;
  }

  /* Aurora Studio: a visibly designed workspace, still bright and calm. */
  html body.workspace-readable .app-shell{
    background:
      radial-gradient(900px circle at 10% 2%,rgba(117,190,255,.34),transparent 62%),
      radial-gradient(980px circle at 88% 4%,rgba(154,105,255,.27),transparent 65%),
      radial-gradient(720px circle at 78% 96%,rgba(255,132,101,.21),transparent 62%),
      linear-gradient(145deg,#edf7ff 0%,#f3efff 51%,#fff3ef 100%)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench{
    border:1px solid rgba(255,255,255,.98)!important;
    background:
      radial-gradient(420px circle at 5% 0%,rgba(115,193,255,.32),transparent 60%),
      radial-gradient(360px circle at 100% 15%,rgba(153,101,255,.22),transparent 64%),
      linear-gradient(165deg,rgba(244,250,255,.98),rgba(250,247,255,.98) 52%,rgba(255,246,242,.97))!important;
    box-shadow:0 30px 80px rgba(59,66,131,.20),inset 0 1px #fff!important;
  }
  html body.workspace-readable #moduleTabs .module-group{
    margin:0 -10px 18px!important;
    padding:16px 10px!important;
    border:1px solid rgba(255,255,255,.88)!important;
    background:linear-gradient(145deg,rgba(230,241,255,.90),rgba(241,232,255,.88))!important;
    box-shadow:0 16px 34px rgba(84,82,164,.12),inset 0 1px #fff!important;
  }
  html body.workspace-readable #moduleTabs .module-group-tools{
    background:linear-gradient(145deg,rgba(255,238,233,.90),rgba(242,235,255,.90))!important;
    box-shadow:0 16px 34px rgba(153,89,125,.105),inset 0 1px #fff!important;
  }
  html body.workspace-readable #moduleTabs .module-group h3{
    margin:0 4px 13px!important;
    color:#4d5572!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module]:not(.active):not(:hover):not(:focus-visible){
    border-color:rgba(193,199,224,.82)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,247,255,.96))!important;
    box-shadow:0 10px 22px rgba(61,67,126,.11),inset 0 1px #fff!important;
  }
  html body.workspace-readable .studio-stage>.topbar{
    border-color:rgba(255,255,255,.98)!important;
    background:linear-gradient(105deg,rgba(255,255,255,.96),rgba(244,240,255,.94) 62%,rgba(255,244,239,.94))!important;
    box-shadow:0 20px 52px rgba(75,73,142,.16),inset 0 1px #fff!important;
  }
  html body.workspace-readable .template-gallery{
    border-color:rgba(255,255,255,.98)!important;
    background:
      radial-gradient(620px circle at 90% 0%,rgba(146,98,255,.16),transparent 68%),
      radial-gradient(540px circle at 5% 100%,rgba(255,128,102,.12),transparent 70%),
      linear-gradient(150deg,rgba(255,255,255,.94),rgba(248,246,255,.93) 58%,rgba(255,248,245,.94))!important;
    box-shadow:0 30px 78px rgba(66,66,129,.16),inset 0 1px #fff!important;
  }
  html body.workspace-readable .template-gallery-title{
    margin:0 0 18px!important;
    padding:20px 22px!important;
    border-radius:22px!important;
    background:linear-gradient(120deg,rgba(234,240,255,.92),rgba(241,232,255,.88) 55%,rgba(255,238,231,.84))!important;
    box-shadow:0 14px 34px rgba(88,78,165,.12),inset 0 1px rgba(255,255,255,.92)!important;
  }
  html body.workspace-readable .template-gallery-title h3{font-size:25px!important;letter-spacing:-.035em!important}
  html body.workspace-readable .template-search{
    border:1px solid rgba(177,181,218,.70)!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 9px 22px rgba(75,76,136,.08),inset 0 1px #fff!important;
  }
  html body.workspace-readable :is(.template-section-strip,.template-category-strip) button{
    border-color:rgba(200,203,225,.84)!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 5px 13px rgba(71,73,129,.06)!important;
  }
  html body.workspace-readable :is(.template-section-strip,.template-category-strip) button.active{
    border-color:transparent!important;
    background:linear-gradient(135deg,#5b6df8,#7659ee 64%,#965ee8)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(99,91,255,.25)!important;
  }
  html body.workspace-readable .template-section h4{font-size:17px!important}
  html body.workspace-readable .template-card,
  html body.workspace-readable .template-card:hover,
  html body.workspace-readable .template-card:focus-visible{
    border-radius:18px!important;
    background:linear-gradient(155deg,#fff,#fbfaff)!important;
    box-shadow:0 17px 38px rgba(54,59,114,.14),0 3px 10px rgba(54,59,114,.06)!important;
  }
  html body.workspace-readable .template-card:hover,
  html body.workspace-readable .template-card:focus-visible{
    transform:translateY(-6px)!important;
    box-shadow:0 27px 56px rgba(99,91,255,.21),0 6px 16px rgba(54,59,114,.08)!important;
  }
}

/* Flat design intake: keep one clean reference-image entry only. */
html body.workspace-readable.flat-design-upload-intake .upload-step>.step-title,
html body.workspace-readable.flat-design-upload-intake #uploadZone,
html body.workspace-readable.flat-design-upload-intake #assetList,
html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-head,
html body.workspace-readable.flat-design-upload-intake #referenceUploadZone>small{
  display:none!important;
}

/* Reference upload stays intentionally minimal in every module. */
html body.workspace-readable .app-shell>.lime-workbench #referenceSection>.reference-upload-head,
html body.workspace-readable .app-shell>.lime-workbench #referenceUploadZone>#referenceUploadHelp{
  display:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench #referenceUploadZone{
  margin-top:0!important;
}
html body.workspace-readable.flat-design-upload-intake #referenceSection{
  display:block!important;
}
@media(min-width:761px){
  html body.workspace-readable.flat-design-upload-intake #referenceSection{
    display:contents!important;
  }
  html body.workspace-readable.flat-design-upload-intake .app-shell>.lime-workbench #referenceUploadZone{
    min-height:104px!important;
    height:104px!important;
    padding:17px 14px!important;
    border:1px solid #d8dbea!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:0 10px 24px rgba(66,70,124,.08),inset 0 1px #fff!important;
  }
  html body.workspace-readable.flat-design-upload-intake .app-shell>.lime-workbench #referenceUploadZone:hover{
    border-color:rgba(99,91,255,.44)!important;
    background:#fff!important;
    box-shadow:0 15px 30px rgba(99,91,255,.13),inset 0 1px #fff!important;
  }
}