/* Medium-density creation layout: keep every capability, but make the
   default path read as upload -> describe -> generate. Loaded last. */
@media (min-width:761px){
  html,
  body.workspace-readable{
    height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }
  html body.workspace-readable>.app-shell{
    height:100dvh!important;
    min-height:0!important;
    grid-template-rows:minmax(0,1fr)!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench{
    position:static!important;
    align-self:stretch!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner{
    height:100%!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
  html body.workspace-readable .studio-stage{
    position:static!important;
    align-self:stretch!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    overflow-anchor:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy{
    min-height:108px!important;
    height:108px!important;
    margin:0 0 8px!important;
    padding:0 14px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand .crealink-wordmark,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    width:194px!important;
    height:100px!important;
    max-width:194px!important;
  }

  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 13px!important;
    border:1px solid #d3e1f3!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#fff,#f6f9ff)!important;
    color:#142b59!important;
    box-shadow:0 9px 24px rgba(47,88,151,.08),inset 0 1px #fff!important;
    cursor:pointer!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch strong{
    min-width:0!important;
    overflow:hidden!important;
    color:#142b59!important;
    font-size:13px!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch span{
    flex:0 0 auto!important;
    color:#1769d6!important;
    font-size:10.5px!important;
    font-weight:850!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch:hover,
  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch:focus-visible{
    border-color:#72a4e7!important;
    box-shadow:0 0 0 4px rgba(47,127,228,.10),0 11px 27px rgba(47,88,151,.11)!important;
    outline:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs{
    display:grid!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs.mobile-modules-expanded{
    display:grid!important;
    position:static!important;
    z-index:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell{
    margin-top:8px!important;
  }

  html body.workspace-readable .creation-settings-row{
    display:grid!important;
    position:relative!important;
    z-index:360!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 9px!important;
    overflow:visible!important;
  }
  html body.workspace-readable .creation-settings-row:has(#smartCustomRatioInline.hidden),
  html body.workspace-readable .creation-settings-row:has(#sizePanel.hidden){
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.workspace-readable .creation-settings-row #smartCreateBar{
    display:grid!important;
    position:relative!important;
    z-index:360!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    height:52px!important;
    margin:0!important;
    overflow:visible!important;
  }
  html body.workspace-readable .creation-settings-row #smartCreateBar:has(.smart-tool-popover:not(.hidden)){
    display:grid!important;
    width:100%!important;
    height:52px!important;
  }
  html body.workspace-readable .creation-settings-row #smartCreateBar>.smart-ratio-wrap{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.workspace-readable .creation-settings-row .smart-ratio-button{width:100%!important;height:48px!important;min-height:48px!important}
  html body.workspace-readable .creation-settings-row .smart-count-wrap,
  html body.workspace-readable .creation-settings-row .smart-count-button{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
  }
  html body.workspace-readable .creation-settings-row #smartCreateBar:has(.smart-tool-popover:not(.hidden))>.smart-count-wrap{
    position:relative!important;
    width:100%!important;
    height:48px!important;
  }
  html body.workspace-readable .smart-ratio-menu{width:min(380px,calc(100vw - 32px))!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-use-choice{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;height:auto!important;min-height:58px!important;padding:6px 9px!important;text-align:center!important;line-height:1.15!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-choice-main{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:26px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-use-choice b{font-size:12px!important;font-weight:900!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-use-choice small{display:block!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.15!important;color:#64748b!important;-webkit-text-fill-color:currentColor!important;white-space:nowrap!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-shape{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:26px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-shape>i{display:block!important;box-sizing:border-box!important;border:2px solid currentColor!important;border-radius:1px!important;background:transparent!important;box-shadow:none!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="1:1"] .ratio-shape>i{width:18px!important;height:18px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="1:2"] .ratio-shape>i{width:10px!important;height:20px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="2:1"] .ratio-shape>i{width:22px!important;height:11px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="1:3"] .ratio-shape>i{width:8px!important;height:24px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="3:1"] .ratio-shape>i{width:27px!important;height:9px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="2:3"] .ratio-shape>i{width:14px!important;height:21px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="3:2"] .ratio-shape>i{width:22px!important;height:15px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="3:4"] .ratio-shape>i{width:17px!important;height:23px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="4:3"] .ratio-shape>i{width:23px!important;height:17px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="4:5"] .ratio-shape>i{width:18px!important;height:23px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="5:4"] .ratio-shape>i{width:24px!important;height:19px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="16:9"] .ratio-shape>i{width:26px!important;height:15px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="9:16"] .ratio-shape>i{width:14px!important;height:25px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="21:9"] .ratio-shape>i{width:27px!important;height:12px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices [data-ratio="9:21"] .ratio-shape>i{width:11px!important;height:25px!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-use-choice:is(:hover,.active) .ratio-shape>i{background:rgba(255,255,255,.18)!important;box-shadow:none!important}
  html body.workspace-readable .smart-ratio-menu #ratioChoices .ratio-use-choice:is(:hover,.active) small{color:#fff!important;-webkit-text-fill-color:#fff!important}
  html body.workspace-readable .app-shell>.lime-workbench .smart-ratio-menu #ratioChoices button:is(:hover,:focus-visible,.active),
  html body.workspace-readable .app-shell>.lime-workbench .smart-count-menu #countChoices button:is(:hover,:focus-visible,.active){
    border-color:#0b67d7!important;
    background:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 7px 16px rgba(18,105,211,.22)!important;
    outline:0!important;
  }
  html body.workspace-readable .creation-settings-row .smart-count-button{
    display:grid!important;
    grid-template-columns:auto minmax(24px,1fr)!important;
    align-items:center!important;
    gap:4px!important;
    padding:0 11px!important;
    border:1px solid #d6e2f2!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(47,88,151,.06)!important;
  }
  html body.workspace-readable .creation-settings-row .smart-count-button>span,
  html body.workspace-readable .creation-settings-row .smart-count-button>b{
    font-size:11px!important;
  }
  html body.workspace-readable .creation-settings-row .smart-count-button>b{
    min-width:24px!important;
    margin-left:0!important;
    overflow:visible!important;
    color:#142b59!important;
    text-align:center!important;
    text-overflow:clip!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu:not(.hidden){
    position:absolute!important;
    z-index:520!important;
    inset:58px auto auto 0!important;
    width:304px!important;
    max-width:calc(100vw - 32px)!important;
    max-height:none!important;
    margin:0!important;
    padding:8px!important;
    overflow:visible!important;
    border:1px solid #d7e3f3!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 16px 34px rgba(47,88,151,.18)!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu #countPanel>label{
    margin:0 0 6px!important;
    font-size:10px!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu .number-choices{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu .number-choices button{
    min-height:30px!important;
    height:30px!important;
    padding:0!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu .custom-count-choice{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:3px 0 0!important;
    color:#52647d!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu .custom-count-choice input{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 10px!important;
    border:1px solid #d8e5f5!important;
    border-radius:9px!important;
    background:#f7faff!important;
    color:#18345f!important;
    font-size:12px!important;
    font-weight:800!important;
    outline:0!important;
  }
  html body.workspace-readable .creation-settings-row #smartCountMenu .custom-count-choice input:focus{
    border-color:#3b91eb!important;
    box-shadow:0 0 0 3px rgba(59,145,235,.12)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline:not(.hidden){
    display:block!important;
    align-self:start!important;
    width:100%!important;
    height:52px!important;
    margin:0!important;
    transform:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel:not(.hidden){
    display:grid!important;
    box-sizing:border-box!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:5px 8px!important;
    border:1px solid #d6e2f2!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(47,88,151,.06)!important;
    transform:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel>label{
    margin:0!important;
    color:#111827!important;
    font-size:0!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel>label::after{
    content:"尺寸\A(cm)"!important;
    white-space:pre!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.35!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-fields{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 9px minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
    height:100%!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-fields>label{
    display:block!important;
    min-width:0!important;
    height:30px!important;
    color:#7c8ca5!important;
    font-size:8px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-fields>label>span:first-child{
    display:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-fields>b{
    align-self:center!important;
    margin:0!important;
    color:#111827!important;
    font-size:12px!important;
    font-weight:700!important;
    transform:translateY(4px)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-input{
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 6px!important;
    border:1px solid #c3d2e6!important;
    border-radius:9px!important;
    background:#f8fbff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-input input{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:28px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel .dimension-input input::placeholder{
    color:#8795aa!important;
    -webkit-text-fill-color:#8795aa!important;
    opacity:1!important;
    font-size:12px!important;
    font-weight:550!important;
  }

  html body.workspace-readable .app-shell>.lime-workbench #promptLabel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:8px!important;
    min-height:0!important;
    margin:0 0 10px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card{
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    padding:11px 12px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:11px!important;
    border:1px solid #a9d1f3!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#f3f8ff 0%,#eaf5ff 58%,#e9fbf8 100%)!important;
    box-shadow:0 10px 24px rgba(39,100,166,.10)!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon{
    display:grid!important;
    width:54px!important;
    height:48px!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid #dce9f7!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 7px 17px rgba(24,75,135,.12)!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon img{
    display:block!important;
    width:49px!important;
    height:42px!important;
    object-fit:contain!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-copy{
    display:grid!important;
    gap:4px!important;
    min-width:0!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-copy>b{
    color:#092f5d!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.3!important;
    letter-spacing:.01em!important;
    text-shadow:none!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-copy>small{
    display:block!important;
    overflow:visible!important;
    color:#435f82!important;
    font-size:11px!important;
    font-weight:650!important;
    line-height:1.4!important;
    text-overflow:clip!important;
    text-shadow:none!important;
    white-space:normal!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-action{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#075fae!important;
    box-shadow:0 5px 14px rgba(33,103,177,.10)!important;
    font-size:12px!important;
    font-weight:900!important;
    text-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptBox>#briefInput{
    height:225px!important;
    min-height:225px!important;
    max-height:340px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell #promptBox{
    margin-bottom:18px!important;
  }

  html body.workspace-readable .design-sticky-footer{
    position:static!important;
    z-index:auto!important;
    inset:auto!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:0 0 4px!important;
    border-top:0!important;
    background:#f3f8ff!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body.workspace-readable .design-sticky-footer>#costHint{
    display:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-sticky-footer>.design-action-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner>.design-sticky-footer>.design-action-row>#generateBtn{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    border-radius:15px!important;
    border:1px solid rgba(25,112,214,.24)!important;
    background:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
    color:#fff!important;
    font-size:20px!important;
    font-weight:900!important;
    box-shadow:0 12px 25px rgba(18,105,211,.24),inset 0 1px rgba(255,255,255,.34)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner>.design-sticky-footer>.design-action-row>#generateBtn>b{
    font-size:20px!important;
    font-weight:900!important;
  }
  html body.workspace-readable .design-sticky-footer #imageModelPicker{
    width:100%!important;
  }
  html body.workspace-readable .design-sticky-footer #imageModelTrigger{
    padding:6px 12px!important;
    border-radius:12px!important;
  }
  html body.workspace-readable .design-sticky-footer .image-model-trigger-copy{
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
  }
  html body.workspace-readable .design-sticky-footer .image-model-trigger-copy>small{
    flex:0 0 auto!important;
    font-size:10.5px!important;
    font-weight:800!important;
    letter-spacing:0!important;
  }
  html body.workspace-readable .design-sticky-footer .image-model-trigger-copy>b{
    font-size:12px!important;
    font-weight:850!important;
  }
  html body.workspace-readable .design-sticky-footer .image-model-trigger-hot{
    padding:4px 7px!important;
    font-size:9px!important;
  }
  html body.workspace-readable .design-sticky-footer #imageModelTrigger>svg{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
  }

  html body.workspace-readable .workspace-dashboard-hero{
    height:180px!important;
    border-radius:18px!important;
    background-position:center,68% center!important;
  }
  html body.workspace-readable .workspace-dashboard-copy{
    width:min(47%,520px)!important;
    padding:14px 30px!important;
  }
  html body.workspace-readable .workspace-dashboard-copy>span{
    margin-bottom:5px!important;
    font-size:9px!important;
  }
  html body.workspace-readable .workspace-dashboard-copy>h2{
    font-size:31px!important;
    line-height:1.05!important;
  }
  html body.workspace-readable .workspace-dashboard-copy>p{
    max-width:420px!important;
    margin:6px 0 8px!important;
    font-size:11px!important;
    line-height:1.52!important;
  }
  html body.workspace-readable .workspace-hero-guide{gap:6px!important;font-size:10px!important}
  html body.workspace-readable .workspace-hero-guide>span{gap:5px!important}
  html body.workspace-readable .workspace-hero-guide>span>b{width:18px!important;height:18px!important;border-radius:6px!important;font-size:9px!important}
  html body.workspace-readable .workspace-hero-guide>i{width:14px!important}
  html body.workspace-readable .workspace-hero-demo{height:82%!important}
}

/* v628: Xiaoyi helper uses the transparent robot and no white backing tiles. */
html body.workspace-readable #promptLabel>.crealink-chat-launch-card{
  border-color:#8fc9f2!important;
  background:linear-gradient(135deg,#e8f5ff 0%,#e1f2ff 56%,#dcf7f3 100%)!important;
  box-shadow:0 9px 22px rgba(32,105,174,.11)!important;
}
html body.workspace-readable #promptLabel>.crealink-chat-launch-card:hover,
html body.workspace-readable #promptLabel>.crealink-chat-launch-card:focus-visible{
  border-color:#62afe8!important;
  background:linear-gradient(135deg,#e1f2ff 0%,#d9efff 56%,#d5f4f0 100%)!important;
}
html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon{
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon img{
  width:52px!important;
  height:48px!important;
  filter:drop-shadow(0 7px 9px rgba(22,96,171,.2))!important;
}
html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-action{
  border:0!important;
  background:linear-gradient(135deg,#0968cc 0%,#168edc 62%,#1baeb6 100%)!important;
  box-shadow:0 7px 16px rgba(15,112,193,.2)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Keep a conversational whole-image revision box directly below the result cards. */
html body.workspace-readable #resultsView #resultFollowup:not(.hidden){
  box-sizing:border-box!important;width:min(600px,calc(100vw - 48px))!important;max-width:none!important;margin:64px auto 4px!important;padding:0!important;
  border:0!important;border-radius:20px!important;background:transparent!important;
  box-shadow:none!important;color:#173a58!important
}

html body.workspace-readable #workspaceHomeLink{color:inherit!important;text-decoration:none!important;cursor:pointer!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;overflow:hidden!important;border:1px solid #8bbcf0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 34px rgba(36,79,120,.10)!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose:focus-within{border-color:#2d86e8!important;box-shadow:0 0 0 3px rgba(58,142,230,.12),0 14px 34px rgba(36,79,120,.10)!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose textarea{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:none!important;min-height:165px!important;max-height:320px!important;margin:0!important;padding:21px 82px 21px 22px!important;resize:vertical!important;border:0!important;border-radius:20px!important;outline:0!important;background:transparent!important;color:#173a58!important;font:600 15px/1.75 "Microsoft YaHei",sans-serif!important;box-shadow:none!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose textarea::placeholder{color:#93a4b2!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose textarea:focus{border:0!important;box-shadow:none!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose button{position:absolute!important;z-index:2!important;right:15px!important;bottom:14px!important;display:grid!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;place-items:center!important;border:0!important;border-radius:50%!important;background:linear-gradient(135deg,#176fe5,#16a9c3)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(23,111,229,.24)!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose button svg{display:block!important;width:22px!important;height:22px!important;fill:currentColor!important;transform:rotate(-32deg) translate(1px,-1px)!important;transform-origin:center!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose button:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose button[data-state="busy"] svg{animation:result-followup-send-pulse 1s ease-in-out infinite!important}
@keyframes result-followup-send-pulse{50%{opacity:.45;transform:rotate(-32deg) translate(1px,-1px) scale(.88)}}
html body.workspace-readable #resultsView #resultFollowup .result-followup-compose :is(button,textarea):disabled{cursor:wait!important;opacity:.68!important}
html body.workspace-readable .result-followup-status{min-height:0!important;margin:9px 2px 0!important;color:#617b90!important;font-size:10px!important;font-weight:700!important}
html body.workspace-readable .result-followup-status:empty{display:none!important}
@media(max-width:760px){
  html body.workspace-readable #resultsView #resultFollowup:not(.hidden){width:100%!important;max-width:100%!important;margin-top:22px!important;padding:0!important;border-radius:17px!important}
  html body.workspace-readable #resultsView #resultFollowup .result-followup-compose textarea{min-height:132px!important;padding:16px 70px 16px 16px!important;font-size:14px!important}
  html body.workspace-readable #resultsView #resultFollowup .result-followup-compose button{right:10px!important;bottom:10px!important;width:46px!important;height:46px!important;border-radius:14px!important}
}

/* v310: enlarge the visible wordmark without restoring its removed card. */
@media (min-width:761px){
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark{
    position:relative!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:210px!important;
    height:210px!important;
    max-width:none!important;
    object-fit:contain!important;
    transform:translate(-50%,-50%)!important;
  }
}
@media (min-width:761px) and (max-height:920px){
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    width:190px!important;
    height:190px!important;
  }
}

/* Keep batch cards compact, while giving a single finished artwork enough room
   to be inspected without changing its real aspect ratio or cropping it. */
@media(min-width:1180px){
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid{
    --compact-result-card-width:calc((100% - 36px)/4);
    --single-result-card-width:calc((100% - 12px)/2);
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    justify-content:center!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid[data-result-count="1"]{
    grid-template-columns:minmax(0,min(100%,720px))!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid[data-result-count="2"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid[data-result-count="3"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid[data-result-count="3"]>.result-card:last-child{
    grid-column:auto!important;width:100%!important;justify-self:stretch!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid>.result-card:not(.vector-delivery-card){
    width:min(100%,var(--result-card-width,100%))!important;
    max-width:720px!important;
    justify-self:center!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-info{
    display:flex!important;min-height:52px!important;padding:11px 13px!important;align-items:center!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-info>h3{margin:0!important;line-height:1.35!important}
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-actions{padding:0 12px 12px!important;gap:7px!important}
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-actions>.result-continue-zone{
    padding:8px!important;border-color:#d6e3ef!important;border-radius:14px!important;background:linear-gradient(145deg,#fbfdff,#f3f8fd)!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions>button{
    min-width:0!important;min-height:40px!important;height:40px!important;padding:6px 4px!important;overflow:hidden!important;
    border-radius:10px!important;white-space:nowrap!important;text-overflow:clip!important;font-size:11px!important;line-height:1.2!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions>button[data-local-edit]{
    border-color:#8ebbe9!important;background:linear-gradient(145deg,#eef7ff,#e4f1ff)!important;color:#145fae!important;
  }
}

@media(min-width:761px) and (max-width:1179px){
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid[data-result-count="1"]{
    grid-template-columns:minmax(0,min(100%,560px))!important;
    justify-content:center!important;
  }
}

@media(max-width:760px){
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid:not(.single-result){
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid:not(.single-result)>.result-card:not(.vector-delivery-card){
    width:100%!important;
    max-width:none!important;
  }
  html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid[data-result-count="1"]>.result-card:not(.vector-delivery-card){
    width:100%!important;
    max-width:none!important;
  }
}

/* Keep the complete creation path inside common laptop-height viewports so the
   desktop workbench never develops a distracting few-pixel wheel scroll. */
@media (min-width:761px) and (max-height:920px){
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner{
    padding:8px 15px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy{
    min-height:92px!important;
    height:92px!important;
    margin-bottom:6px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand .crealink-wordmark,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    width:176px!important;
    height:86px!important;
    max-width:176px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch{
    min-height:44px!important;
    height:44px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell{
    margin-top:6px!important;
  }
  html body.workspace-readable.flat-design-upload-intake .app-shell>.lime-workbench #referenceUploadZone{
    min-height:94px!important;
    height:94px!important;
    padding:13px 14px!important;
  }
  html body.workspace-readable .creation-settings-row{
    margin-bottom:7px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel{
    gap:6px!important;
    margin-bottom:7px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card{
    min-height:64px!important;
    padding:8px 10px!important;
    grid-template-columns:50px minmax(0,1fr) auto!important;
    gap:9px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon{
    width:50px!important;
    height:44px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon img{
    width:46px!important;
    height:39px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptBox>#briefInput{
    height:190px!important;
    min-height:190px!important;
    max-height:280px!important;
  }
  html body.workspace-readable .design-sticky-footer{
    padding-bottom:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-sticky-footer>.design-action-row{
    gap:6px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner>.design-sticky-footer>.design-action-row>#generateBtn,
  html body.workspace-readable .design-sticky-footer #imageModelPicker,
  html body.workspace-readable .design-sticky-footer #imageModelTrigger{
    min-height:54px!important;
    height:54px!important;
  }
}

/* The reference card has two deliberate states. Before a file exists, the
   upload control keeps its original full-card appearance. Once files exist,
   their previews share that same card with the add-more control. Explicit grid
   placement clears older named areas that otherwise create a blank first cell. */
html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray{grid-area:reference!important;min-width:0!important}
html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray.has-reference-assets,
html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray:has(>#referenceList:not(:empty)){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:94px!important;overflow:hidden!important;
  border:1px solid #d8e5f5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(47,88,151,.09)!important
}
html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray.has-reference-assets:focus-within,
html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray:has(>#referenceList:not(:empty)):focus-within{border-color:#77aee9!important;box-shadow:0 14px 34px rgba(47,88,151,.14),0 0 0 3px rgba(40,125,224,.08)!important}
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray.has-reference-assets>#referenceUploadZone,
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray:has(>#referenceList:not(:empty))>#referenceUploadZone{
  display:none!important
}
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList{
  grid-area:auto!important;grid-column:1/-1!important;grid-row:1!important;display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:68px!important;gap:8px!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;align-items:center!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;overscroll-behavior-inline:contain!important
}
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList:empty{display:none!important}
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList>.asset{
  width:68px!important;height:68px!important;margin:0!important;border-radius:12px!important;background:#eef4fb!important;box-shadow:0 4px 12px rgba(31,72,122,.12)!important
}
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList>.asset img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important}
html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList .asset>.asset-open>span{display:none!important}
@media(max-width:520px){
  html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray.has-reference-assets,
  html body.workspace-readable.flat-design-upload-intake #referenceSection>.reference-upload-tray:has(>#referenceList:not(:empty)){grid-template-columns:minmax(0,1fr)!important;min-height:94px!important}
  html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList{grid-auto-columns:64px!important;gap:7px!important;padding:14px 10px!important}
  html body.workspace-readable.flat-design-upload-intake .reference-upload-tray>#referenceList>.asset{width:64px!important;height:64px!important}
}

/* Culture-wall references use the same card after upload: the chooser copy
   disappears and the uploaded thumbnails take its place inside the card. */
html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray{grid-area:reference!important;min-width:0!important}
html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray.has-reference-assets,
html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray:has(>#referenceList:not(:empty)){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:94px!important;overflow:hidden!important;
  border:1px solid #d8e5f5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(47,88,151,.09)!important
}
html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray.has-reference-assets:focus-within,
html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray:has(>#referenceList:not(:empty)):focus-within{border-color:#77aee9!important;box-shadow:0 14px 34px rgba(47,88,151,.14),0 0 0 3px rgba(40,125,224,.08)!important}
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray.has-reference-assets>#referenceUploadZone,
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray:has(>#referenceList:not(:empty))>#referenceUploadZone{
  display:none!important
}
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList{
  grid-area:auto!important;grid-column:1/-1!important;grid-row:1!important;display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:68px!important;gap:8px!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;align-items:center!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;overscroll-behavior-inline:contain!important
}
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList:empty{display:none!important}
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList>.asset{
  width:68px!important;height:68px!important;margin:0!important;border-radius:12px!important;background:#eef4fb!important;box-shadow:0 4px 12px rgba(31,72,122,.12)!important
}
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList>.asset img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important}
html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList .asset>.asset-open>span{display:none!important}
@media(max-width:520px){
  html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray.has-reference-assets,
  html body.workspace-readable.culture-wall-role-intake #referenceSection>.reference-upload-tray:has(>#referenceList:not(:empty)){grid-template-columns:minmax(0,1fr)!important;min-height:94px!important}
  html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList{grid-auto-columns:64px!important;gap:7px!important;padding:14px 10px!important}
  html body.workspace-readable.culture-wall-role-intake .reference-upload-tray>#referenceList>.asset{width:64px!important;height:64px!important}
}

@media (max-width:760px){
  html body.workspace-readable .app-shell>.lime-workbench #promptBox>#briefInput{
    height:195px!important;
    min-height:195px!important;
    max-height:300px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell #promptBox{
    margin-bottom:20px!important;
  }
  html body.workspace-readable .creation-settings-row{
    display:block!important;
    width:100%!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-bottom:9px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card{
    width:100%!important;
    min-height:68px!important;
    margin:0!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    border-radius:15px!important;
    box-shadow:0 8px 20px rgba(39,100,166,.10)!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon{
    width:50px!important;
    height:44px!important;
    border-radius:12px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon img{
    width:46px!important;
    height:39px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-copy>b{
    font-size:14px!important;
    white-space:normal!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-copy>small{
    display:block!important;
    color:#294f78!important;
    -webkit-text-fill-color:#294f78!important;
    font-size:11px!important;
    font-weight:750!important;
    line-height:1.35!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-action{
    display:inline-flex!important;
    padding:7px 8px!important;
    font-size:11px!important;
  }
  html body.workspace-readable .asset>.asset-open>span{
    bottom:3px!important;
    max-width:calc(100% - 6px)!important;
    padding:2px 4px!important;
    overflow:hidden!important;
    font-size:7px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width:390px){
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-icon{
    width:48px!important;
    height:43px!important;
  }
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card .crealink-chat-launch-action{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.workspace-readable #mobileModuleSwitch,
  html body.workspace-readable #promptLabel>.crealink-chat-launch-card,
  html body.workspace-readable .design-sticky-footer #imageModelTrigger{
    transition:none!important;
  }
}

/* Every creation module shares one obvious quantity stepper. */
html body.workspace-readable .smart-count-stepper{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:stretch!important;
  gap:7px!important;
  width:100%!important;
}
html body.workspace-readable .smart-count-stepper>.smart-count-adjust{
  display:grid!important;
  min-width:42px!important;
  min-height:48px!important;
  height:48px!important;
  padding:0!important;
  place-items:center!important;
  border:1px solid #c8d9ee!important;
  border-radius:12px!important;
  background:#f4f8ff!important;
  color:#1769d6!important;
  box-shadow:none!important;
  font-size:21px!important;
  font-weight:700!important;
  line-height:1!important;
}
html body.workspace-readable .smart-count-stepper>.smart-count-adjust:hover,
html body.workspace-readable .smart-count-stepper>.smart-count-adjust:focus-visible{
  border-color:#6ea5ea!important;
  background:#eaf3ff!important;
  outline:0!important;
}
html body.workspace-readable .smart-count-stepper>.smart-count-adjust:disabled{
  border-color:#e0e7f0!important;
  background:#f7f9fc!important;
  color:#a9b5c6!important;
  cursor:not-allowed!important;
}

@media (max-width:760px){
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell>.config-step{
    display:flex!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .config-step>.settings-grid:not(:has(> :not(.hidden))){
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #referenceUploadZone{
    display:flex!important;
    width:100%!important;
    min-height:82px!important;
    height:82px!important;
    margin:0!important;
    padding:14px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:12px!important;
    border:1px solid #d8e5f5!important;
    border-radius:16px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 9px 24px rgba(47,88,151,.08)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #referenceUploadZone>.upload-icon{
    display:grid!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    place-items:center!important;
    border:1px solid #d5e3f4!important;
    border-radius:12px!important;
    background:#f2f7ff!important;
    color:#1769d6!important;
    font-size:23px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #referenceUploadZone>#referenceUploadAction{
    margin:0!important;
    color:#12264a!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row{
    order:0!important;
    min-height:0!important;
    margin:6px 0 8px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row #smartCreateBar,
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row #smartCreateBar:has(.smart-tool-popover:not(.hidden)){
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row .smart-count-wrap{
    height:auto!important;
    min-height:0!important;
  }
  html body.workspace-readable .smart-count-stepper{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    gap:8px!important;
  }
  html body.workspace-readable .smart-count-stepper>.smart-count-adjust{
    min-width:48px!important;
    min-height:50px!important;
    height:50px!important;
    border-radius:14px!important;
    background:#edf5ff!important;
    font-size:23px!important;
  }
  html body.workspace-readable .smart-count-stepper>#smartCountBtn{
    display:flex!important;
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    padding:0 14px!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-radius:14px!important;
  }
  html body.workspace-readable .smart-count-stepper>#smartCountBtn>span{
    color:#687b98!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  html body.workspace-readable .smart-count-stepper>#smartCountBtn>b{
    margin:0!important;
    color:#12264a!important;
    font-size:16px!important;
    font-weight:900!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #promptLabel{
    margin:0 0 7px!important;
  }
}

/* Keep drag-and-drop guidance aligned with the complete left workbench. */
html body.workspace-readable .global-drop-overlay{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:420px!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  padding:24px!important;
  border:0!important;
  border-right:1px solid #c6dcf2!important;
  border-radius:0!important;
  background:rgba(239,247,255,.96)!important;
  box-shadow:10px 0 30px rgba(37,91,157,.14),inset -1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  transform:none!important;
}
html body.workspace-readable .global-drop-overlay>div{
  width:min(340px,100%)!important;
  padding:22px 18px!important;
  border:1px solid #d5e6f7!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#edf6ff)!important;
  color:#12345d!important;
  box-shadow:0 8px 20px rgba(49,104,168,.10)!important;
}
html body.workspace-readable .global-drop-overlay b{
  color:#12345d!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
html body.workspace-readable .global-drop-overlay small{
  margin-top:6px!important;
  color:#647b98!important;
  font-size:11.5px!important;
  font-weight:650!important;
  line-height:1.5!important;
}
@media (min-width:521px) and (max-width:1120px){
  html body.workspace-readable .global-drop-overlay{
    width:310px!important;
    padding:18px!important;
  }
  html body.workspace-readable .global-drop-overlay>div{
    padding:16px 13px!important;
  }
  html body.workspace-readable .global-drop-overlay b{
    font-size:16px!important;
  }
}
@media (min-width:521px) and (max-width:760px){
  html body.workspace-readable .global-drop-overlay{
    width:220px!important;
    padding:12px!important;
  }
}
@media (max-width:520px){
  html body.workspace-readable .global-drop-overlay{
    width:100vw!important;
    height:100dvh!important;
    padding:20px!important;
    border-right:0!important;
  }
}

/* Clipboard-first image intake and delivery. */
html body.workspace-readable #promptBox.clipboard-uploading{
  border-color:#3f8de5!important;
  box-shadow:0 0 0 3px rgba(63,141,229,.13)!important;
}
html body.workspace-readable #resultGrid .result-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card)>.result-image-open{
  margin-bottom:12px!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card)>.result-image-open>img{
  border-radius:20px!important;
}
html body.workspace-readable #resultGrid .result-actions>.result-copy-button{
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #8ab6e8!important;
  border-radius:12px!important;
  background:#edf6ff!important;
  color:#1767c6!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
html body.workspace-readable #resultGrid .result-actions>.result-copy-button:hover,
html body.workspace-readable #resultGrid .result-actions>.result-copy-button:focus-visible{
  border-color:#287bd8!important;
  background:#dfedff!important;
}
html body.workspace-readable #resultGrid .result-actions>.result-copy-button:disabled{opacity:.68!important;cursor:wait!important}
html body.workspace-readable #resultGrid .result-actions>.result-download-button{width:100%!important;min-width:0!important;margin:0!important}
html body.workspace-readable #resultGrid .result-actions>.result-download-button:only-child{grid-column:1/-1!important}
html body.workspace-readable #resultGrid .result-actions>.result-8k-button{
  grid-column:1/-1!important;
  min-height:46px!important;
  border:1px solid #56a6df!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#116bd2,#1ca9cf)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(25,116,195,.16)!important;
}
html body.workspace-readable #resultGrid .result-actions>.result-8k-button:hover,
html body.workspace-readable #resultGrid .result-actions>.result-8k-button:focus-visible{filter:brightness(1.06)!important}
html body.workspace-readable #resultGrid .result-actions>.result-8k-button:disabled{opacity:.78!important;cursor:wait!important}
html body.workspace-readable #resultGrid .result-actions>.result-continue-zone{grid-column:1/-1!important}
html body.workspace-readable #assetPreviewImage{pointer-events:auto!important}
html body.workspace-readable .asset-preview-copy{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:10px!important;
  background:#176fd1!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
html body.workspace-readable .asset-preview-copy:disabled{opacity:.68!important;cursor:wait!important}
@media (max-width:520px){
  html body.workspace-readable .asset-preview-copy{min-height:38px!important;padding:0 13px!important}
}

/* Keep result delivery calm: one primary action, one optional HD action,
   then a separate continuation group. Other result types retain their UI. */
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card){
  border:1px solid #d9e4ed!important;
  box-shadow:0 8px 26px rgba(30,67,99,.06)!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card.selected:not(.vector-delivery-card):not(.psd-delivery-card){
  border-color:#9cb8d1!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(29,93,153,.07),0 8px 26px rgba(30,67,99,.07)!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card) .result-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:4px 14px 16px!important;
  background:#fff!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card) .result-actions>:is(.result-copy-button,.result-download-button,.result-8k-button){
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
  transform:none!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card) .result-actions>.result-download-button{
  order:-2!important;
  border:1px solid #1d5d99!important;
  background:#1d5d99!important;
  color:#fff!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card) .result-actions>.result-copy-button{
  order:-1!important;
  border:1px solid #cbd9e7!important;
  background:#fff!important;
  color:#284763!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card) .result-actions>.result-8k-button{
  grid-column:1/-1!important;
  min-height:40px!important;
  border:1px solid #d5e0ea!important;
  background:#f7f9fc!important;
  color:#36536d!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-card:not(.vector-delivery-card):not(.psd-delivery-card) .result-actions>.result-continue-zone{
  grid-column:1/-1!important;
  margin-top:4px!important;
  padding:13px 0 0!important;
  border:0!important;
  border-top:1px solid #e5ecf3!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-continue-heading{
  margin:0 0 9px!important;
  color:#667c91!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions>button{
  grid-column:auto!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  padding:8px 6px!important;
  border:1px solid #d7e2ec!important;
  border-radius:10px!important;
  background:#fff!important;
  background-image:none!important;
  color:#2d4860!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.3!important;
  white-space:normal!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions>button[data-local-edit]{
  border:1px solid #d7e2ec!important;
  background:#fff!important;
  background-image:none!important;
  color:#2d4860!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions>button:hover,
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-quick-actions>button:focus-visible,
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-actions>.result-copy-button:hover,
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .result-actions>.result-copy-button:focus-visible{
  border-color:#9eb9d2!important;
  background:#f5f9fd!important;
  color:#1d5d99!important;
}

/* The desktop creation rail is only about 390px wide. Keep quantity and
   physical size on separate rows so neither control is compressed or covered. */
@media (min-width:761px){
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px!important;
    min-height:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row #smartCreateBar,
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row #smartCreateBar:has(.smart-tool-popover:not(.hidden)),
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline:not(.hidden){
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row .smart-count-wrap,
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row .smart-count-stepper{
    width:100%!important;
    min-width:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .creation-settings-row .smart-count-stepper{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner .creation-settings-row #smartCustomRatioInline #sizePanel:not(.hidden){
    grid-template-columns:48px minmax(0,1fr)!important;
  }
}

/* Ratio/count panels were moved into the compact controls above. Do not let
   their legacy grid reserve an invisible row between size and the prompt. */
html body.workspace-readable .config-step>.settings-grid{display:none!important}
html body.workspace-readable .config-step>.settings-grid:has(>#upscaleMasterPanel:not(.hidden)){display:grid!important}

/* Embedded customer support: the top-bar entry opens a real account-bound
   conversation. WeChat remains available only as a secondary contact path. */
html body.workspace-readable #customerServiceBtn{position:relative!important}
html body.workspace-readable #customerServiceBtn>.customer-service-unread{
  position:absolute!important;top:2px!important;right:-4px!important;display:grid!important;min-width:17px!important;height:17px!important;padding:0 4px!important;place-items:center!important;border:2px solid #fff!important;border-radius:999px!important;background:#ef4358!important;color:#fff!important;font:900 9px/1 Arial,sans-serif!important;box-shadow:0 4px 10px rgba(190,35,58,.25)!important
}
html body.workspace-readable #customerServiceBtn>.customer-service-unread.hidden{display:none!important}
html body.workspace-readable #customerServiceModal.customer-service-modal{padding:18px!important;place-items:stretch end!important;background:rgba(20,43,73,.28)!important}
html body.workspace-readable #customerServiceModal>.customer-service-chat-card{
  width:min(430px,calc(100vw - 36px))!important;height:min(720px,calc(100dvh - 36px))!important;padding:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;border:1px solid #cfdeef!important;border-radius:24px!important;background:#f4f8fd!important;box-shadow:0 28px 80px rgba(25,58,99,.28)!important;text-align:left!important
}
html body.workspace-readable #customerServiceModal>.customer-service-chat-card:before{display:none!important}
html body.workspace-readable .customer-service-chat-head{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;padding:17px 18px!important;align-items:center!important;gap:11px!important;border-bottom:1px solid #dce7f2!important;background:linear-gradient(135deg,#fff,#edf5ff)!important}
html body.workspace-readable .customer-service-avatar{display:grid!important;width:44px!important;height:44px!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(135deg,#176fe8,#19a9d1)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(23,111,232,.22)!important}
html body.workspace-readable .customer-service-chat-head h2{margin:0 0 4px!important;color:#17365e!important;font-size:17px!important;letter-spacing:0!important}
html body.workspace-readable .customer-service-chat-head p{display:flex!important;margin:0!important;align-items:center!important;gap:6px!important;color:#70849d!important;font-size:10px!important}
html body.workspace-readable .customer-service-chat-head p i{width:7px!important;height:7px!important;border-radius:50%!important;background:#2fbe79!important;box-shadow:0 0 0 3px rgba(47,190,121,.12)!important}
html body.workspace-readable .customer-service-chat-close{min-height:34px!important;padding:0 11px!important;border:1px solid #d2dfed!important;border-radius:10px!important;background:#fff!important;color:#5e7692!important;font-size:10px!important;font-weight:800!important}
html body.workspace-readable .customer-service-conversation{min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
html body.workspace-readable .customer-service-messages{min-height:0!important;padding:18px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
html body.workspace-readable .customer-service-loading{padding:34px 10px!important;color:#7a8fa8!important;font-size:11px!important;text-align:center!important}
html body.workspace-readable .customer-service-empty{padding:18px!important;border:1px dashed #bfd2e7!important;border-radius:16px!important;background:#fff!important;text-align:center!important}
html body.workspace-readable .customer-service-empty b{color:#244b78!important;font-size:13px!important}
html body.workspace-readable .customer-service-empty p{margin:8px 0 0!important;color:#71849a!important;font-size:11px!important;line-height:1.65!important}
html body.workspace-readable .customer-service-message{display:flex!important;margin:0 0 14px!important;align-items:flex-end!important;gap:8px!important}
html body.workspace-readable .customer-service-message>span{display:grid!important;width:28px!important;height:28px!important;flex:0 0 28px!important;place-items:center!important;border-radius:9px!important;background:#dce9f7!important;color:#4e6d90!important;font-size:9px!important;font-weight:900!important}
html body.workspace-readable .customer-service-message>div{max-width:78%!important}
html body.workspace-readable .customer-service-message p{margin:0!important;padding:10px 12px!important;border:1px solid #d9e4ef!important;border-radius:14px 14px 14px 4px!important;background:#fff!important;color:#294663!important;font-size:12px!important;line-height:1.6!important;word-break:break-word!important;box-shadow:0 5px 12px rgba(35,70,108,.05)!important}
html body.workspace-readable .customer-service-message time{display:block!important;margin-top:4px!important;color:#91a0b2!important;font-size:8px!important}
html body.workspace-readable .customer-service-message.is-customer{flex-direction:row-reverse!important}
html body.workspace-readable .customer-service-message.is-customer>span{background:#176fe5!important;color:#fff!important}
html body.workspace-readable .customer-service-message.is-customer>div{text-align:right!important}
html body.workspace-readable .customer-service-message.is-customer p{border-color:#176fe5!important;border-radius:14px 14px 4px 14px!important;background:#176fe5!important;color:#fff!important;text-align:left!important}
html body.workspace-readable .customer-service-composer{padding:12px!important;border-top:1px solid #dbe6f1!important;background:#fff!important}
html body.workspace-readable .customer-service-composer textarea{width:100%!important;min-height:66px!important;max-height:130px!important;padding:10px 11px!important;resize:vertical!important;border:1px solid #cbdbea!important;border-radius:12px!important;background:#f8fbff!important;color:#284866!important;font-size:12px!important;line-height:1.55!important;outline:0!important}
html body.workspace-readable .customer-service-composer textarea:focus{border-color:#2c7ad8!important;box-shadow:0 0 0 3px rgba(44,122,216,.11)!important}
html body.workspace-readable .customer-service-composer>div{display:flex!important;margin-top:8px!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
html body.workspace-readable .customer-service-composer small{color:#8798aa!important;font-size:9px!important}
html body.workspace-readable .customer-service-composer button,html body.workspace-readable .customer-service-login button{min-width:76px!important;min-height:34px!important;border:0!important;border-radius:10px!important;background:#176fe5!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:0 7px 15px rgba(23,111,229,.2)!important}
html body.workspace-readable .customer-service-composer button:disabled{opacity:.62!important;cursor:wait!important}
html body.workspace-readable .customer-service-login{align-self:center!important;margin:20px!important;padding:28px 20px!important;border:1px solid #d4e1ef!important;border-radius:18px!important;background:#fff!important;text-align:center!important}
html body.workspace-readable .customer-service-login b{color:#23476f!important;font-size:15px!important}
html body.workspace-readable .customer-service-login p{margin:8px 0 16px!important;color:#778a9f!important;font-size:11px!important;line-height:1.6!important}
html body.workspace-readable .customer-service-wechat{padding:10px 15px!important;border-top:1px solid #dce6f0!important;background:#f9fbfe!important}
html body.workspace-readable .customer-service-wechat summary{color:#657d98!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}
html body.workspace-readable .customer-service-wechat>div{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;margin-top:10px!important;align-items:center!important;gap:12px!important}
html body.workspace-readable .customer-service-wechat img{display:block!important;width:92px!important;height:92px!important;border:1px solid #d7e2ee!important;border-radius:10px!important;object-fit:cover!important}
html body.workspace-readable .customer-service-wechat p{display:grid!important;margin:0!important;gap:5px!important}
html body.workspace-readable .customer-service-wechat b{color:#294968!important;font-size:11px!important}
html body.workspace-readable .customer-service-wechat small{color:#7c8da0!important;font-size:9px!important;line-height:1.5!important}
@media(max-width:520px){
  html body.workspace-readable #customerServiceModal.customer-service-modal{padding:0!important;place-items:end stretch!important}
  html body.workspace-readable #customerServiceModal>.customer-service-chat-card{width:100%!important;height:min(82dvh,720px)!important;border-width:1px 0 0!important;border-radius:22px 22px 0 0!important}
  html body.workspace-readable .customer-service-chat-head{padding:14px!important}
  html body.workspace-readable .customer-service-messages{padding:14px!important}
  html body.workspace-readable .customer-service-composer small{display:none!important}
}

/* Keep v311's cropped wordmark scale last so density overrides cannot shrink it. */
@media (min-width:761px){
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark{
    position:relative!important;overflow:hidden!important;background:transparent!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    position:absolute!important;left:50%!important;top:50%!important;width:210px!important;height:210px!important;
    max-width:none!important;object-fit:contain!important;transform:translate(-50%,-50%)!important;
  }
}
@media (min-width:761px) and (max-height:920px){
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    width:190px!important;height:190px!important;max-width:none!important;
  }
}

/* Keep the compact desktop rail scrollable without drawing a permanent gutter,
   and keep generation failures as a focused card instead of a full-stage slab. */
@media (min-width:761px){
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  html body.workspace-readable #outputPanel>#outputEmpty.failure-state:not(.hidden){
    box-sizing:border-box!important;
    width:min(476px,calc(100% - 32px))!important;
    max-width:476px!important;
    min-height:292px!important;
    height:auto!important;
    margin:92px auto 0!important;
    padding:34px 28px!important;
    border-radius:20px!important;
  }
  html body.workspace-readable #outputPanel>#outputEmpty.failure-state .empty-copy{
    width:min(420px,100%)!important;
  }

  html body.workspace-readable .app-shell>.lime-workbench .hero-copy{
    min-height:52px!important;
    height:52px!important;
    margin:0 0 4px!important;
    padding:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark{
    height:52px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell{
    padding-bottom:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell #promptBox{
    margin-bottom:0!important;
  }
  html body.workspace-readable .design-sticky-footer{
    margin:14px 0 0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner>.design-sticky-footer>.design-action-row>#generateBtn{
    margin:0!important;
  }
}

/* Direct cutout and line-art deliveries need room for readable copy. */
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid.single-result>.specialist-result-card{
  width:min(100%,clamp(300px,var(--result-card-width,100%),420px))!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .specialist-result-card .result-info{
  display:grid!important;
  align-content:start!important;
  justify-items:start!important;
  gap:5px!important;
  min-height:0!important;
  padding:14px 16px 12px!important;
  text-align:left!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .specialist-result-card .result-info>small{
  display:block!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .specialist-result-card .result-info>h3{
  margin:0!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .specialist-result-card .result-info>p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .specialist-result-card .result-actions>.result-copy-button,
html body.workspace-readable:not(.smart-vector-mode):not(.image-video-mode) #resultsView #resultGrid .specialist-result-card .result-actions>.result-download-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.2!important;
}