/* Final interface palette. These selectors target authored controls, never artwork. */
html body.workspace-readable.upscale-only #upscaleMasterPanel,
html body.workspace-readable.upscale-only .app-shell>.lime-workbench #promptLabel,
html body.workspace-readable.upscale-only .app-shell>.lime-workbench #promptBox{display:none!important}
html body.workspace-readable #resultGrid .result-compare-label{background:#fff!important;color:#18384b!important;border-color:#b9cdda!important}
html body.workspace-readable #resultGrid .result-compare-label :is(b,small){color:#18384b!important;opacity:1!important}
html body.workspace-readable #resultGrid .result-compare-label small{color:#435e70!important;font-size:12px!important}
html body.workspace-readable .app-shell>.lime-workbench #promptLabel>small{display:none!important}
html body.workspace-readable #resultGrid .result-card,
html body.workspace-readable #resultGrid .result-info,
html body.workspace-readable #resultGrid .result-actions,
html body.workspace-readable #resultGrid .result-continue-zone{background:#fff!important;color:#18384b!important;border-color:#c8d8e2!important}
html body.workspace-readable #resultGrid .result-info :is(h2,h3,b,strong){color:#18384b!important;text-shadow:none!important}
html body.workspace-readable #resultGrid .result-info :is(p,small,span){color:#435e70!important;opacity:1!important;font-size:13px!important;line-height:1.65!important}
html body.workspace-readable #resultGrid .result-quick-actions button,
html body.workspace-readable #resultGrid .result-more-actions summary{background:#f1f6fa!important;border:1px solid #b9cdda!important;color:#18384b!important;font-size:14px!important;font-weight:700!important;min-height:44px!important;border-radius:8px!important}
html body.workspace-readable #resultGrid .result-more-actions summary{padding:8px 14px!important}
html body.workspace-readable #resultGrid .result-quick-actions button:hover,
html body.workspace-readable #resultGrid .result-more-actions summary:hover{background:#e1edf5!important;color:#123b58!important}
html body.workspace-readable #resultGrid .result-quick-actions [data-followup-source],
html body.workspace-readable #resultGrid .result-download-button,
html body.workspace-readable #resultTopDownloadBtn,
html body.workspace-readable #professionalDownloadConfirm{background:#08669a!important;color:#fff!important;border-color:#08669a!important}
html body.workspace-readable #resultGrid .result-download-button :is(span,b,small),
html body.workspace-readable #resultTopDownloadBtn span{color:#fff!important;opacity:1!important}
html body.workspace-readable #resultGrid .result-download-button small{font-size:12px!important;line-height:1.5!important}
html body.workspace-readable #resultGrid .result-download-button{justify-content:center!important;text-align:center!important}
html body.workspace-readable #resultGrid .result-selected-badge{background:#0a607a!important;color:#fff!important}
html body.workspace-readable .result-versions{background:#fff!important;color:#18384b!important}
html body.workspace-readable .result-version-copy :is(span,b,strong){color:#18384b!important}
html body.workspace-readable .result-version-copy time{color:#435e70!important}
html body.workspace-readable .result-version-row button{background:#edf5fa!important;color:#164c70!important}

/* Plain Chinese labels replace decorative arrows and icon-only affordances. */
html body.workspace-readable :is(.result-more-actions,.result-version-disclosure,.result-version-trash)>summary{list-style:none!important}
html body.workspace-readable :is(.result-more-actions,.result-version-disclosure,.result-version-trash)>summary::-webkit-details-marker{display:none!important}
html body.workspace-readable :is(.result-more-actions,.result-version-disclosure,.result-version-trash)>summary::marker{content:""!important}
html body.workspace-readable .result-more-actions>summary::after{content:none!important;display:none!important}
html body.workspace-readable :is(.result-version-disclosure,.result-version-trash)>summary::after{content:"展开";margin-left:12px;color:#315a75;font-size:12px;font-weight:500}
html body.workspace-readable :is(.result-version-disclosure,.result-version-trash)[open]>summary::after{content:"收起"}
html body.workspace-readable :is(.customer-service-icon,.task-search-icon,.template-search>i,.stat-dot,.security-avatar,.security-actions button>i,.security-actions button>em,.auth-landing-features i,.welcome-credit-tip>span[aria-hidden],.annual-select-label>[aria-hidden],.task-center-mark,.psd-export-mark,#emptyPreviewIcon,.loader-spark,.progress-kicker>i,.customer-service-note>span){display:none!important}
html body.workspace-readable #smartRatioBtn>i,
html body.workspace-readable .topbar .topbar-links button::before,
html body.workspace-readable #promptLabel>span::before,
html body.workspace-readable .output-professional-settings>summary::after{display:none!important;content:none!important}
html body.workspace-readable :is(.vector-limit-heading>span[aria-hidden],.video-source-empty>span[aria-hidden],.psd-export-file>i,#serviceStatus>i,#creditHistoryModal .brand-mark,.design-loader){display:none!important}
html body.workspace-readable :is(#smartCreateBar,#professionalFilesModal,.output-professional-settings) select{appearance:none!important;background-image:none!important}
html body.workspace-readable .psd-export-file{grid-template-columns:minmax(0,1fr)!important}
html body.workspace-readable #moduleTabs .module-group button,
html body.workspace-readable .lime-inner>.module-browser .module-tabs button{min-height:46px!important;gap:0!important;padding:10px 8px!important}
html body.workspace-readable .security-actions button{grid-template-columns:minmax(0,1fr)!important;min-height:66px!important}
html body.workspace-readable .security-actions button b{color:#18384b!important}
html body.workspace-readable .security-actions button small{color:#435e70!important;font-size:12px!important}
html body.workspace-readable .security-actions button{background:#f5f8fb!important;color:#18384b!important}
html body.workspace-readable .mobile-dock button{gap:0!important}

/* Mobile navigation is three persistent app pages. */
@media(max-width:760px){
  html body.workspace-readable .design-records{display:none!important}
  html body.workspace-readable.mobile-page-open{overflow:hidden!important}
  html body.workspace-readable.mobile-page-open .customer-service-widget{display:none!important}
  html body.workspace-readable .mobile-dock{z-index:100!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;left:0!important;right:0!important;bottom:0!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding:5px 10px env(safe-area-inset-bottom)!important;border:0!important;border-top:1px solid #1b4059!important;border-radius:0!important;background:#061b2c!important;box-shadow:0 -8px 24px rgba(0,0,0,.24)!important}
  html body.workspace-readable .mobile-dock button{min-height:52px!important;border-radius:13px!important;background:transparent!important;color:#8da9ba!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
  html body.workspace-readable .mobile-dock button:after{display:none!important}
  html body.workspace-readable .mobile-dock button.active{background:#0c789f!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(126,229,244,.22)!important}
  html body.workspace-readable .mobile-app-page:not(.hidden){position:fixed!important;z-index:80!important;inset:0 0 calc(64px + env(safe-area-inset-bottom))!important;display:block!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f1f6f8!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html body.workspace-readable .mobile-app-page .modal-close{display:none!important}

  html body.workspace-readable #taskCenterModal .task-center-card{position:relative!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:calc(22px + env(safe-area-inset-top)) 16px 14px!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#edf7fa 0,#f6f9fa 190px,#eef3f5 100%)!important;box-shadow:none!important;text-align:left!important}
  html body.workspace-readable #taskCenterModal .task-center-card:before,html body.workspace-readable #taskCenterModal .task-center-card:after{display:none!important;content:none!important}
  html body.workspace-readable #taskCenterModal .task-center-mark,html body.workspace-readable #taskCenterModal .task-center-card>p{display:none!important}
  html body.workspace-readable #taskCenterModal .task-center-card>h2{margin:0!important;padding:0 2px 14px!important;color:#102f43!important;font-size:27px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.04em!important}
  html body.workspace-readable #taskCenterModal .task-center-card>h2:after{content:"只显示我的创作记录";display:block;margin-top:7px;color:#6a8291;font-size:12px;font-weight:600;letter-spacing:0}
  html body.workspace-readable #taskCenterModal .task-center-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:50px!important;width:100%!important;margin:0!important;padding:5px 8px 5px 13px!important;border:1px solid #d4e0e5!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 18px rgba(26,65,85,.07)!important}
  html body.workspace-readable #taskCenterModal .task-center-search input{min-width:0!important;color:#19384b!important;font-size:16px!important}
  html body.workspace-readable #taskCenterModal #taskSearchSummary{grid-column:auto!important;align-self:center!important;justify-self:end!important;width:auto!important;max-width:max-content!important;min-width:0!important;margin:0!important;padding:6px 8px!important;border:0!important;border-radius:9px!important;background:#e5f3f6!important;color:#287088!important;font-size:10px!important;white-space:nowrap!important}
  html body.workspace-readable #taskCenterModal .task-center-notice{min-height:8px!important;margin:4px 2px 0!important}
  html body.workspace-readable #taskCenterModal .task-center-list{height:calc(100% - 118px - env(safe-area-inset-top))!important;margin:0!important;padding:7px 0 20px!important;overflow:auto!important;display:grid!important;align-content:start!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important}
  html body.workspace-readable #taskCenterModal .task-row{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;min-height:104px!important;height:auto!important;gap:12px!important;padding:12px!important;border:1px solid #dbe5e9!important;border-radius:17px!important;background:#fff!important;color:#19384b!important;box-shadow:0 6px 16px rgba(28,61,78,.06)!important}
  html body.workspace-readable #taskCenterModal .task-row-thumb{width:72px!important;height:72px!important;border:0!important;border-radius:12px!important;background:#e8eff2!important;box-shadow:none!important}
  html body.workspace-readable #taskCenterModal .task-row-copy>b{color:#17364a!important;font-size:14px!important}
  html body.workspace-readable #taskCenterModal .task-row-copy>span{display:-webkit-box!important;overflow:hidden!important;color:#587080!important;font-size:11px!important;line-height:1.45!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  html body.workspace-readable #taskCenterModal .task-row-copy>small{color:#82939e!important;font-size:10px!important}
  html body.workspace-readable #taskCenterModal .task-row>em{grid-column:2!important;justify-self:start!important;margin-top:2px!important;padding:6px 9px!important;border-radius:8px!important;background:#e3f2f5!important;color:#14718d!important;font-size:10px!important}
  html body.workspace-readable #taskCenterModal .task-center-empty{margin-top:10px!important;padding:36px 20px!important;border:1px dashed #c9d9df!important;border-radius:17px!important;background:#fff!important;color:#6f8592!important;box-shadow:none!important;text-align:center!important}

  html body.workspace-readable #authModal{background:linear-gradient(180deg,#eaf5f7,#f7f9fa 38%,#eef3f5)!important}
  html body.workspace-readable #authModal .auth-cinematic-bg,html body.workspace-readable #authModal .auth-story,html body.workspace-readable #authModal .auth-brandbar{display:none!important}
  html body.workspace-readable #authModal.auth-form-open #authForm{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:calc(24px + env(safe-area-inset-top)) 18px 24px!important;overflow:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#17364a!important}
  html body.workspace-readable #authModal #authForm:before,html body.workspace-readable #authModal #authForm:after{display:none!important;content:none!important}
  html body.workspace-readable #authModal .crealink-logo-full{width:46px!important;height:46px!important;margin:0 0 12px!important;border-radius:14px!important}
  html body.workspace-readable #authModal .auth-welcome-kicker{color:#33819a!important;font-size:11px!important}
  html body.workspace-readable #authModal #authTitle{margin:5px 0 4px!important;color:#102f43!important;font-size:28px!important;letter-spacing:-.04em!important}
  html body.workspace-readable #authModal #authMessage{margin:0 0 18px!important;color:#6c8290!important;font-size:12px!important}
  html body.workspace-readable #authModal .security-summary{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;border:1px solid #d7e4e8!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(24,62,82,.07)!important}
  html body.workspace-readable #authModal .security-avatar{width:52px!important;height:52px!important;border-radius:15px!important;background:linear-gradient(145deg,#087cab,#15aaa3)!important;color:#fff!important}
  html body.workspace-readable #authModal .security-identity span,html body.workspace-readable #authModal .security-identity small{color:#718793!important}
  html body.workspace-readable #authModal .security-identity b{color:#17364a!important;font-size:15px!important}
  html body.workspace-readable #authModal .security-state{grid-column:2!important;justify-self:start!important;margin-top:-3px!important;padding:5px 8px!important;border-radius:7px!important;background:#e5f5f0!important;color:#287d67!important;font-size:9px!important}
  html body.workspace-readable #authModal .security-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important}
  html body.workspace-readable #authModal .security-actions>button{min-height:62px!important;padding:11px 14px!important;border:1px solid #dbe5e9!important;border-radius:15px!important;background:#fff!important;color:#17364a!important;box-shadow:0 5px 14px rgba(24,62,82,.05)!important;text-align:left!important}
  html body.workspace-readable #authModal .security-actions>button span{display:grid!important;gap:3px!important}
  html body.workspace-readable #authModal .security-actions>button b{color:#17364a!important;font-size:13px!important}
  html body.workspace-readable #authModal .security-actions>button small{color:#78909d!important;font-size:10px!important}
  html body.workspace-readable #authModal .auth-tabs,html body.workspace-readable #authModal label,html body.workspace-readable #authModal .auth-subpanel{color:#17364a!important}
  html body.workspace-readable #authModal input{font-size:16px!important}
  html body.workspace-readable #authModal #logoutBtn{width:100%!important;margin-top:14px!important;border:1px solid #d9e2e6!important;border-radius:14px!important;background:#fff!important;color:#8a4d4d!important}
}

/* Phone pages are complete app views. Keep every control in normal document flow. */
@media(max-width:760px){
 html body.workspace-readable{--mobile-dock-height:64px}
 html body.workspace-readable .customer-service-widget{display:none!important}
 html body.workspace-readable .mobile-dock{height:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom))!important;padding:6px 12px env(safe-area-inset-bottom)!important;gap:6px!important}
 html body.workspace-readable .mobile-dock button{min-height:48px!important;border-radius:12px!important;font-size:13px!important;line-height:1!important}

 /* Creation: no helper, menu or customer-service layer may cover the form. */
 html body.workspace-readable .lime-workbench{padding-bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom) + 24px)!important}
 html body.workspace-readable .lime-workbench .lime-inner{padding:14px 12px 18px!important}
 html body.workspace-readable .lime-workbench .unified-composer-shell{margin-top:14px!important;padding:12px!important;border-radius:14px!important;overflow:visible!important}
 html body.workspace-readable .lime-workbench .config-step #promptBox{display:block!important;height:auto!important;min-height:0!important;overflow:hidden!important;border-radius:10px!important}
 html body.workspace-readable .lime-workbench .config-step #promptBox textarea{display:block!important;width:100%!important;height:148px!important;min-height:148px!important;max-height:260px!important;padding:12px!important;font-size:16px!important;line-height:1.65!important;resize:vertical!important}
 html body.workspace-readable #promptAssistant.prompt-assistant{position:static!important;inset:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:58px!important;margin:0!important;padding:10px 11px!important;border:0!important;border-top:1px solid #dce6eb!important;border-radius:0!important;background:#f4f8fa!important;box-shadow:none!important;transform:none!important;overflow:hidden!important}
 html body.workspace-readable #promptAssistant .prompt-assistant-copy{display:grid!important;gap:2px!important;min-width:0!important}
 html body.workspace-readable #promptAssistant .prompt-assistant-copy b{overflow:hidden!important;color:#18384b!important;font-size:12px!important;line-height:1.4!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html body.workspace-readable #promptAssistant .prompt-assistant-copy span{display:block!important;overflow:hidden!important;color:#657d8c!important;font-size:10px!important;line-height:1.45!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html body.workspace-readable #promptAssistant .prompt-assistant-actions{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:6px!important;min-width:0!important}
 html body.workspace-readable #promptAssistant button{min-height:38px!important;height:38px!important;padding:0 11px!important;border-radius:9px!important;font-size:11px!important;white-space:nowrap!important;box-shadow:none!important}
 html body.workspace-readable #promptAssistant .prompt-restore-btn{color:#31596f!important;background:#e6eef2!important}
 html body.workspace-readable .smart-tool-popover:not(.hidden){position:static!important;inset:auto!important;z-index:auto!important;width:100%!important;max-height:none!important;margin:8px 0 0!important;padding:10px!important;overflow:visible!important;border-radius:12px!important;transform:none!important;box-shadow:none!important}
 html body.workspace-readable .smart-tool-wrap:has(.smart-tool-popover:not(.hidden)){width:100%!important;flex-basis:100%!important}
 html body.workspace-readable .smart-tool-wrap:has(.smart-tool-popover:not(.hidden))>.smart-tool-button{width:100%!important}
 html body.workspace-readable #smartCreateBar:has(.smart-tool-popover:not(.hidden)){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;width:100%!important}
 html body.workspace-readable #smartCreateBar:has(.smart-tool-popover:not(.hidden))>.smart-tool-wrap{grid-column:1!important;width:100%!important;max-width:none!important}
 html body.workspace-readable #smartCreateBar:has(.smart-tool-popover:not(.hidden))>.smart-count-select{justify-content:space-between!important}
 html body.workspace-readable .dimension-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:8px!important}
 html body.workspace-readable .dimension-fields>label{min-width:0!important}
 html body.workspace-readable .dimension-input{min-width:0!important}

 /* History: every row owns its content and cannot bleed into the next row. */
 html body.workspace-readable #taskCenterModal .task-center-card{padding:calc(15px + env(safe-area-inset-top)) 12px 10px!important;background:linear-gradient(180deg,#edf7fa 0,#f6f9fa 156px,#eef3f5 100%)!important}
 html body.workspace-readable #taskCenterModal .task-center-card>h2{padding:0 2px 11px!important;font-size:25px!important;line-height:1.15!important;letter-spacing:-.02em!important}
 html body.workspace-readable #taskCenterModal .task-center-card>h2:after{margin-top:5px!important;font-size:12px!important;line-height:1.4!important}
 html body.workspace-readable #taskCenterModal .task-center-search{min-height:48px!important;padding:4px 6px 4px 12px!important;border-radius:14px!important}
 html body.workspace-readable #taskCenterModal .task-center-search input{height:40px!important;padding:0!important;font-size:15px!important}
 html body.workspace-readable #taskCenterModal #taskSearchSummary{padding:7px 9px!important;font-size:11px!important}
 html body.workspace-readable #taskCenterModal .task-center-notice:empty{display:none!important}
 html body.workspace-readable #taskCenterModal .task-center-list{display:flex!important;flex-direction:column!important;align-content:initial!important;height:calc(100% - 103px - env(safe-area-inset-top))!important;gap:9px!important;padding:10px 0 22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 html body.workspace-readable #taskCenterModal .task-row{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;flex:0 0 auto!important;width:100%!important;min-height:106px!important;height:auto!important;max-height:none!important;gap:0 12px!important;padding:12px!important;overflow:hidden!important;border:1px solid #d8e4e9!important;border-radius:16px!important;background:#fff!important;color:#19384b!important;box-shadow:0 5px 14px rgba(28,61,78,.055)!important;contain:layout paint!important}
 html body.workspace-readable #taskCenterModal .task-row-thumb{grid-column:1!important;grid-row:1!important;align-self:center!important;width:76px!important;height:76px!important;border-radius:12px!important;background:#edf2f4!important}
 html body.workspace-readable #taskCenterModal .task-row-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
 html body.workspace-readable #taskCenterModal .task-row-placeholder{padding:6px!important;color:#607888!important;font-size:11px!important;line-height:1.35!important;text-align:center!important}
 html body.workspace-readable #taskCenterModal .task-row-copy{grid-column:2!important;grid-row:1!important;align-self:center!important;display:grid!important;min-width:0!important;max-width:100%!important;gap:4px!important;overflow:hidden!important}
 html body.workspace-readable #taskCenterModal .task-row-copy>b{display:block!important;overflow:hidden!important;color:#17364a!important;font-size:14px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html body.workspace-readable #taskCenterModal .task-row-copy>span{display:-webkit-box!important;max-height:2.9em!important;overflow:hidden!important;color:#587080!important;font-size:11px!important;line-height:1.45!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
 html body.workspace-readable #taskCenterModal .task-row-copy>small{display:block!important;max-width:100%!important;overflow:hidden!important;color:#82939e!important;font-size:10px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html body.workspace-readable #taskCenterModal .task-row-copy>.task-row-meta{display:none!important}
 html body.workspace-readable #taskCenterModal .task-row>em{display:none!important}

 /* Account: one compact column, with no phantom avatar column or forced word breaks. */
 html body.workspace-readable #authModal #authForm{padding:calc(17px + env(safe-area-inset-top)) 14px 24px!important;overflow-x:hidden!important;overflow-y:auto!important}
 html body.workspace-readable #authModal #authForm:has(#securityPanel:not(.hidden))>.crealink-logo-full,
 html body.workspace-readable #authModal #authForm:has(#securityPanel:not(.hidden))>.auth-welcome-kicker{display:none!important}
 html body.workspace-readable #authModal #authForm:has(#securityPanel:not(.hidden)) #authTitle{margin:0!important;font-size:26px!important;line-height:1.25!important;text-align:left!important}
 html body.workspace-readable #authModal #authForm:has(#securityPanel:not(.hidden)) #authMessage{margin:4px 0 13px!important;font-size:12px!important;text-align:left!important}
 html body.workspace-readable #authModal #authForm:has(#securityPanel:not(.hidden)) .welcome-credit-tip{min-height:0!important;margin:0 0 12px!important;padding:10px 12px!important;border-radius:12px!important}
 html body.workspace-readable #authModal .security-summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:13px 14px!important;border-radius:15px!important}
 html body.workspace-readable #authModal .security-avatar{display:none!important}
 html body.workspace-readable #authModal .security-identity{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:baseline!important;gap:3px 9px!important;min-width:0!important}
 html body.workspace-readable #authModal .security-identity>span{grid-column:1!important;white-space:nowrap!important}
 html body.workspace-readable #authModal .security-identity>b{grid-column:2!important;overflow:hidden!important;font-size:15px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html body.workspace-readable #authModal .security-identity>small{grid-column:1/-1!important;display:block!important;overflow-wrap:normal!important;word-break:keep-all!important;white-space:normal!important}
 html body.workspace-readable #authModal .security-state{display:none!important}
 html body.workspace-readable #authModal .security-actions{gap:8px!important;margin-top:10px!important}
 html body.workspace-readable #authModal .security-actions>button{min-height:58px!important;height:auto!important;padding:10px 13px!important;border-radius:14px!important}
 html body.workspace-readable #authModal .security-actions>button span{gap:2px!important}
 html body.workspace-readable #authModal .security-actions>button b{font-size:13px!important;line-height:1.35!important}
 html body.workspace-readable #authModal .security-actions>button small{font-size:10px!important;line-height:1.4!important}
 html body.workspace-readable #authModal #logoutBtn{margin:10px 0 6px!important}
}

@media(max-width:360px){
 html body.workspace-readable #promptAssistant{grid-template-columns:1fr!important}
 html body.workspace-readable #promptAssistant .prompt-assistant-copy span{display:none!important}
 html body.workspace-readable #promptAssistant .prompt-assistant-actions{width:100%!important}
 html body.workspace-readable #taskCenterModal .task-row{grid-template-columns:68px minmax(0,1fr)!important;padding:10px!important;gap:0 10px!important}
 html body.workspace-readable #taskCenterModal .task-row-thumb{width:68px!important;height:68px!important}
 html body.workspace-readable .dimension-fields{grid-template-columns:1fr!important}
 html body.workspace-readable .dimension-fields>b{display:none!important}
}
html body.workspace-readable .task-row-placeholder{font-size:12px;color:#456277;background:#edf4f8;display:grid;place-items:center}
html body.workspace-readable #designRecordStrip .design-record-card{flex-basis:176px!important;height:132px!important;background:#f4f8fb!important;text-align:left!important}
html body.workspace-readable #designRecordStrip .design-record-card img{height:72px!important}
html body.workspace-readable #designRecordStrip .design-record-copy{display:grid!important;gap:3px!important;padding:6px 8px!important;white-space:normal!important}
html body.workspace-readable #designRecordStrip .design-record-copy b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#18384b!important;font-size:13px!important;line-height:1.5!important}
html body.workspace-readable #designRecordStrip .design-record-copy small{color:#435e70!important;font-size:11px!important;line-height:1.5!important}
html body.workspace-readable .asset>.asset-remove{right:4px!important;top:4px!important;width:34px!important;min-width:34px!important;height:22px!important;min-height:22px!important;padding:0!important;font-size:9px!important;line-height:20px!important;background:rgba(255,255,255,.94)!important;color:#294b5f!important;border:1px solid rgba(160,187,201,.88)!important;border-radius:999px!important;box-shadow:0 2px 7px rgba(20,65,87,.14)!important}
html body.workspace-readable :is(#taskSearchClear,[data-template-search-clear]){width:auto!important;min-width:48px!important;height:36px!important;padding:4px 8px!important;font-size:12px!important;color:#18384b!important;background:#edf4f8!important}

/* Desktop result cards use one continuous rounded surface with soft, clipped edges. */
@media(min-width:761px){
 html body.workspace-readable #resultGrid .result-card{overflow:hidden!important;border-radius:26px!important}
 html body.workspace-readable #resultGrid .result-image-open{overflow:hidden!important;border-radius:25px 25px 0 0!important}
 html body.workspace-readable #resultGrid .result-image-open>img{border-radius:24px 24px 0 0!important}
 html body.workspace-readable #resultGrid .result-info{border-radius:0!important}
 html body.workspace-readable #resultGrid .result-actions{border-radius:0 0 25px 25px!important}
 html body.workspace-readable #resultGrid .result-download-button{border-radius:15px!important}
 html body.workspace-readable #resultGrid .result-continue-zone{overflow:hidden!important;border-radius:17px!important}
 html body.workspace-readable #resultGrid .result-quick-actions button{border-radius:14px!important}
}

/* Design history is a readable horizontal card; broken previews fall back quietly. */
html body.workspace-readable .output-zone>.design-records{margin:24px 0 0!important}
html body.workspace-readable .design-records{overflow:hidden!important;border-radius:26px!important}
html body.workspace-readable .design-record-strip{min-height:118px!important;padding:12px!important;gap:12px!important;border-radius:20px!important}
html body.workspace-readable #designRecordStrip .design-record-card{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;flex:0 0 272px!important;width:272px!important;height:94px!important;padding:8px!important;overflow:hidden!important;border:1px solid rgba(121,193,220,.20)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(13,48,69,.98),rgba(5,23,38,.98))!important;color:#edf9ff!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;text-align:left!important}
html body.workspace-readable #designRecordStrip .design-record-card:hover{border-color:rgba(58,220,220,.55)!important;background:linear-gradient(145deg,rgba(16,68,91,.99),rgba(7,32,50,.99))!important;transform:translateY(-2px)!important}
html body.workspace-readable #designRecordStrip .design-record-thumb{position:relative!important;display:grid!important;width:78px!important;height:78px!important;padding:0!important;place-items:center!important;overflow:hidden!important;border:1px solid rgba(153,212,233,.18)!important;border-radius:15px!important;background:linear-gradient(145deg,#102f43,#071a2a)!important;color:#83dce0!important}
html body.workspace-readable #designRecordStrip .design-record-thumb img{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;border-radius:14px!important;background:#06131f!important;object-fit:contain!important}
html body.workspace-readable #designRecordStrip .design-record-thumb i{position:absolute!important;z-index:1!important;inset:0!important;display:grid!important;place-items:center!important;color:#79cfd7!important;font-size:13px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.08em!important}
html body.workspace-readable #designRecordStrip .design-record-copy{display:grid!important;min-width:0!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;color:#edf9ff!important;white-space:normal!important}
html body.workspace-readable #designRecordStrip .design-record-copy b{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:#edf9ff!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important}
html body.workspace-readable #designRecordStrip .design-record-copy small{display:flex!important;align-items:center!important;gap:6px!important;overflow:hidden!important;color:#90acbc!important;font-size:10px!important;line-height:1.4!important;white-space:nowrap!important}
html body.workspace-readable #designRecordStrip .design-record-copy em{flex:0 0 auto!important;padding:3px 7px!important;border-radius:999px!important;background:rgba(42,189,174,.14)!important;color:#79ddd2!important;font-size:9px!important;font-style:normal!important;font-weight:900!important}
html body.workspace-readable #designRecordStrip .design-record-card.failed .design-record-copy em{background:rgba(218,83,72,.14)!important;color:#ff9b92!important}
html body.workspace-readable #designRecordStrip .design-record-card.no-image{place-items:initial!important}

/* The template gallery is the start page. Keep task history below real work states only. */
@media(min-width:761px){
 html body.workspace-readable .output-zone>.design-records{position:relative!important;top:auto!important}
 html body.workspace-readable .output-zone:has(>#outputPanel>#outputEmpty:not(.hidden):not(.message-state))>.design-records{display:none!important}
}

/* Image breakdown stays under the source card and returns its result in place. */
html body.workspace-readable #resultGrid .inline-breakdown-panel{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:13px!important;margin:0 13px 14px!important;padding:14px!important;overflow:hidden!important;border:1px solid #bcdbe5!important;border-radius:18px!important;background:linear-gradient(145deg,#f3fbff,#eefaf8)!important;color:#18384b!important}
html body.workspace-readable #resultGrid .inline-breakdown-panel b{color:#18384b!important;font-size:13px!important}
html body.workspace-readable #resultGrid .inline-breakdown-panel small{display:block!important;margin-top:4px!important;color:#587386!important;font-size:11px!important}
html body.workspace-readable #resultGrid .inline-breakdown-spinner{width:32px!important;height:32px!important;border:3px solid #c9e6eb!important;border-top-color:#0aa3aa!important;border-radius:50%!important;animation:inline-breakdown-spin .8s linear infinite!important}
html body.workspace-readable #resultGrid .inline-breakdown-panel.completed{grid-template-columns:112px minmax(0,1fr)!important;background:#f4fbfd!important}
html body.workspace-readable #resultGrid .inline-breakdown-file{display:grid!important;place-items:center!important;width:72px!important;height:72px!important;border-radius:16px!important;background:linear-gradient(145deg,#163d78,#0a79a7)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;letter-spacing:.08em!important;box-shadow:0 10px 24px rgba(8,107,159,.2)!important}
html body.workspace-readable #resultGrid .inline-breakdown-preview{display:block!important;width:112px!important;height:86px!important;overflow:hidden!important;border-radius:14px!important;background:#dfeaf0!important}
html body.workspace-readable #resultGrid .inline-breakdown-preview img{width:100%!important;height:100%!important;border-radius:14px!important;object-fit:contain!important}
html body.workspace-readable #resultGrid .inline-breakdown-copy a{display:inline-flex!important;margin-top:9px!important;padding:8px 13px!important;border-radius:11px!important;background:#086b9f!important;color:#fff!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}
html body.workspace-readable #resultGrid .inline-breakdown-panel.failed{border-color:#edc6c2!important;background:#fff6f5!important}
@keyframes inline-breakdown-spin{to{transform:rotate(360deg)}}

/* Light dialogs keep a complete, readable palette, including secondary text. */
html body.workspace-readable #professionalFilesModal .professional-files-card{background:#fff!important;color:#18384b!important}
html body.workspace-readable #professionalFilesModal :is(h2,h3,label,select,option){color:#18384b!important}
html body.workspace-readable #professionalFilesModal :is(p,small,label>span){color:#435e70!important;opacity:1!important}
html body.workspace-readable #professionalFilesModal select{background:#fff!important;font-size:15px!important}
html body.workspace-readable .local-edit-body aside{background:#fff!important;color:#18384b!important}
html body.workspace-readable .local-edit-body .local-edit-label{color:#18384b!important}
html body.workspace-readable .local-edit-selection-actions button{background:#f1f6fa!important;color:#18384b!important;min-height:44px!important}
html body.workspace-readable .local-edit-submit{background:#08669a!important;color:#fff!important}
html body.workspace-readable .modal .modal-close,
html body.workspace-readable #authForm>.modal-close,
html body.workspace-readable #localEditClose,
html body.workspace-readable #psd-exportClose{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:60px!important;height:40px!important;padding:6px 10px!important;flex-shrink:0!important;border:1px solid #aec4d2!important;border-radius:8px!important;background:#edf4f8!important;color:#18384b!important;font-size:14px!important;line-height:1.4!important;transform:none!important;cursor:pointer!important}
html body.workspace-readable .professional-files-card>h2{padding-right:70px!important}
/* Checked against the rendered account, history and create controls. */
html body.workspace-readable #authForm:has(#securityPanel:not(.hidden)) :is(#authMessage,#securityPhoneStatus,.security-identity>span){color:#435e70!important;opacity:1!important}
html body.workspace-readable #authForm #logoutBtn{min-height:44px!important;color:#435e70!important;font-size:14px!important}
html body.workspace-readable #taskCenterModal .task-row>em{color:#deeffc!important;font-size:12px!important}
html body.workspace-readable .lime-workbench .lime-inner>#generateBtn{background:#08669a!important;border-color:#08669a!important;color:#fff!important}
html body.workspace-readable .lime-workbench .lime-inner>#generateBtn:hover:not(:disabled){background:#075783!important;border-color:#075783!important}
html body.workspace-readable :is(#resultGrid button,#resultGrid summary,.result-versions button,.result-versions summary,.modal-close,#localEditClose,#psd-exportClose):focus-visible{outline:3px solid #da8d00!important;outline-offset:3px!important}
@media(min-width:761px) and (max-width:1180px){
 html body.workspace-readable .topbar .topbar-links button{width:auto!important;padding:0 9px!important;font-size:12px!important}
}
@media(max-width:760px){
 html body.workspace-readable .modal .modal-close,
 html body.workspace-readable #authForm>.modal-close,
 html body.workspace-readable #localEditClose,
 html body.workspace-readable #psd-exportClose{min-height:44px!important}
 html body.workspace-readable .asset>.asset-remove{width:34px!important;min-width:34px!important;height:22px!important;min-height:22px!important;font-size:9px!important}
}

/* Wide artwork uses its own proportions so phone controls stay near the image. */
html body.workspace-readable #resultGrid.single-result>.result-card:not(.compared):not(.vector-delivery-card){width:min(100%,max(280px,var(--result-card-width,100%)))!important;justify-self:center!important}
html body.workspace-readable #resultGrid.single-result .result-image-open{height:auto!important;min-height:0!important;aspect-ratio:var(--result-image-aspect,auto)!important;background:#edf2f5!important}
html body.workspace-readable #resultGrid.single-result .result-image-open>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;object-fit:contain!important}
@media(max-width:760px){
 html body.workspace-readable #resultGrid.single-result>.result-card:not(.compared):not(.vector-delivery-card){width:min(100%,max(260px,var(--result-card-mobile-width,var(--result-card-width,100%))))!important}
}

/* Customer-facing model picker: branded names only, aligned with the primary action. */
html body.workspace-readable .lime-inner>.design-action-row{
 display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(154px,.92fr)!important;align-items:stretch!important;gap:9px!important;margin:14px 0 0!important
}
html body.workspace-readable .lime-inner>.design-action-row.single-action{grid-template-columns:1fr!important}
html body.workspace-readable .lime-inner>.design-action-row>#generateBtn{
 width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;border:1px solid rgba(145,216,255,.54)!important;border-radius:12px!important;background:linear-gradient(135deg,#0873b6,#0a9fc1)!important;color:#fff!important;box-shadow:0 11px 25px rgba(0,44,96,.24),inset 0 1px rgba(255,255,255,.24)!important;font-size:16px!important
}
html body.workspace-readable .lime-inner>.design-action-row>#generateBtn:hover:not(:disabled){
 transform:translateY(-2px)!important;background:linear-gradient(135deg,#086aa9,#0993b5)!important;box-shadow:0 15px 30px rgba(0,44,96,.30),inset 0 1px rgba(255,255,255,.28)!important
}
html body.workspace-readable .image-model-picker{
 position:relative!important;display:flex!important;align-items:stretch!important;min-width:0!important;height:56px!important;overflow:hidden!important;border:1px solid rgba(183,225,248,.28)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(15,75,117,.72),rgba(7,44,76,.64))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 22px rgba(0,25,60,.18)!important;-webkit-backdrop-filter:blur(14px) saturate(130%)!important;backdrop-filter:blur(14px) saturate(130%)!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important
}
html body.workspace-readable .image-model-picker:hover{transform:translateY(-1px)!important;border-color:rgba(198,235,253,.48)!important;background:linear-gradient(145deg,rgba(20,91,137,.78),rgba(8,53,88,.70))!important}
html body.workspace-readable .image-model-picker:focus-within{outline:3px solid rgba(99,190,237,.24)!important;outline-offset:2px!important;border-color:rgba(211,241,255,.64)!important}
html body.workspace-readable .image-model-picker>select{
 position:relative!important;z-index:1!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0 31px 0 11px!important;border:0!important;outline:0!important;-webkit-appearance:none!important;appearance:none!important;background:transparent!important;color:#f4fbff!important;font:800 10.5px/1.2 Arial,"Microsoft YaHei",sans-serif!important;letter-spacing:-.01em!important;cursor:pointer!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
html body.workspace-readable .image-model-picker>select option{background:#0b2940!important;color:#f4fbff!important;font-weight:700!important}
html body.workspace-readable .image-model-picker>i{position:absolute!important;right:11px!important;top:50%!important;z-index:2!important;transform:translateY(-54%)!important;color:#a9d9ef!important;font:900 15px/1 Arial,sans-serif!important;font-style:normal!important;pointer-events:none!important}
html body.workspace-readable .image-model-picker.hidden{display:none!important}
@media(max-width:420px){
 html body.workspace-readable .lime-inner>.design-action-row{grid-template-columns:minmax(0,1fr) minmax(142px,.96fr)!important;gap:7px!important}
 html body.workspace-readable .image-model-picker>select{padding-left:9px!important;padding-right:26px!important;font-size:9.5px!important}
 html body.workspace-readable .image-model-picker>i{right:8px!important}
}

/* A failed generation stays inside the regular design display frame. */
html body.workspace-readable #outputEmpty.failure-state:not(.hidden){
 display:flex!important;
 width:100%!important;
 min-height:590px!important;
 padding:48px 24px!important;
 align-items:center!important;
 justify-content:center!important;
 border:1px solid rgba(115,190,224,.14)!important;
 border-radius:24px!important;
 background:rgba(2,21,38,.52)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 64px rgba(0,12,24,.18)!important;
}
html body.workspace-readable #outputEmpty.failure-state :is(#templateGallery,.empty-showcase,.empty-steps,.empty-foot,#emptyBadge,#emptyStartBtn,.empty-recovery){display:none!important}
html body.workspace-readable #outputEmpty.failure-state .empty-copy{
 display:block!important;
 width:min(460px,100%)!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 text-align:center!important;
}
html body.workspace-readable #outputEmpty.failure-state #emptyTitle{
 margin:0!important;
 color:#f4fbff!important;
 font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
 font-size:30px!important;
 font-weight:900!important;
 line-height:1.3!important;
 text-shadow:0 3px 16px rgba(0,0,0,.55)!important;
}
html body.workspace-readable #outputEmpty.failure-state #emptyText{
 display:block!important;
 max-width:430px!important;
 margin:13px auto 0!important;
 color:rgba(244,251,255,.78)!important;
 font-size:14px!important;
 font-weight:650!important;
 line-height:1.65!important;
 text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
}
html body.workspace-readable #outputEmpty.failure-state #emptyRetryBtn{
 position:relative!important;
 inset:auto!important;
 display:inline-flex!important;
 width:auto!important;
 min-width:188px!important;
 min-height:58px!important;
 margin:24px auto 0!important;
 padding:10px 18px!important;
 align-items:center!important;
 justify-content:center!important;
 gap:11px!important;
 border:1px solid rgba(128,225,238,.48)!important;
 border-radius:17px!important;
 background:linear-gradient(135deg,#0876b9,#0cb4b3)!important;
 color:#fff!important;
 box-shadow:0 16px 38px rgba(0,20,36,.34)!important;
}
html body.workspace-readable #outputEmpty.failure-state #emptyRetryBtn span{
 display:grid!important;
 width:34px!important;
 height:34px!important;
 flex:0 0 34px!important;
 place-items:center!important;
 border-radius:11px!important;
 background:rgba(255,255,255,.20)!important;
 color:#fff!important;
 font-size:22px!important;
}
html body.workspace-readable #outputEmpty.failure-state #emptyRetryBtn b{display:block!important;color:#fff!important;font-size:15px!important;line-height:1!important;white-space:nowrap!important}
html body.workspace-readable #outputEmpty.failure-state #emptyRetryBtn small{display:none!important}
@media(max-width:760px){html body.workspace-readable #outputEmpty.failure-state:not(.hidden){min-height:420px!important;padding:36px 18px!important;border-radius:18px!important}html body.workspace-readable #outputEmpty.failure-state #emptyTitle{font-size:24px!important}}

/* Artwork fills the preview stage; the old click-hint footer created a stray grey bar. */
html body.workspace-readable #resultGrid .result-selected-badge{display:none!important}
html body.workspace-readable #resultGrid .result-image-open>span{display:none!important}

/* Generated batches stay in a deliberate grid instead of a tall, staggered 2 + 1 layout. */
@media(min-width:761px){
 html body.workspace-readable #resultGrid:not(.single-result){align-items:stretch!important;grid-auto-flow:row!important}
 html body.workspace-readable #resultGrid:not(.single-result)>.result-card{display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important}
 html body.workspace-readable #resultGrid:not(.single-result) .result-image-open{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--result-image-aspect,4/3)!important;flex:0 0 auto!important}
 html body.workspace-readable #resultGrid:not(.single-result) .result-image-open>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
 html body.workspace-readable #resultGrid:not(.single-result) .result-info{min-height:84px!important}
 html body.workspace-readable #resultGrid:not(.single-result) .result-actions{margin-top:auto!important}
 html body.workspace-readable #resultGrid[data-result-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.workspace-readable #resultGrid[data-result-count="3"]>.result-card:last-child{grid-column:1/-1!important;width:calc((100% - 20px)/2)!important;justify-self:center!important}
}
@media(min-width:1280px){
 html body.workspace-readable #resultGrid[data-result-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body.workspace-readable #resultGrid[data-result-count="3"]>.result-card:last-child{grid-column:auto!important;width:auto!important;justify-self:stretch!important}
}

/* Custom dimensions belong to creation, not export. Keep them open above the brief. */
html body.workspace-readable #smartCreateBar,
html body.workspace-readable .unified-composer-shell #smartCreateBar,
html body.workspace-readable.lithos-theme .unified-composer-shell #smartCreateBar{grid-template-columns:minmax(0,1fr) minmax(78px,.72fr)!important}
html body.workspace-readable .smart-custom-ratio-inline{width:100%;margin:10px 0 12px}
html body.workspace-readable .smart-custom-ratio-inline.hidden{display:none!important}
html body.workspace-readable .smart-count-wrap.hidden{display:none!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel:not(.hidden){display:block!important;width:100%!important;margin:0!important;padding:14px!important;border:1px solid rgba(140,189,211,.20)!important;border-radius:14px!important;background:rgba(8,35,52,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel>label{display:block!important;margin:0 0 10px!important;color:#eaf6fb!important;font-size:13px!important;font-weight:800!important;text-shadow:none!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-fields{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:end!important;gap:10px!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-fields>label{display:grid!important;gap:6px!important;min-width:0!important;color:#b8ceda!important;font-size:12px!important;text-shadow:none!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-fields>b{align-self:center!important;margin-top:20px!important;color:#7da2b5!important;text-shadow:none!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input{display:flex!important;align-items:center!important;min-width:0!important;height:46px!important;padding:0 12px!important;border:1px solid #cbd9e2!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input input{width:100%!important;min-width:0!important;height:44px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#18384b!important;font-size:15px!important;font-weight:700!important;text-shadow:none!important}
html body.workspace-readable #smartCustomRatioInline #widthCmInput,
html body.workspace-readable #smartCustomRatioInline #heightCmInput{appearance:textfield!important;-moz-appearance:textfield!important}
html body.workspace-readable #smartCustomRatioInline #widthCmInput::-webkit-inner-spin-button,
html body.workspace-readable #smartCustomRatioInline #widthCmInput::-webkit-outer-spin-button,
html body.workspace-readable #smartCustomRatioInline #heightCmInput::-webkit-inner-spin-button,
html body.workspace-readable #smartCustomRatioInline #heightCmInput::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input input::placeholder{color:#81919c!important;opacity:1!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input i{color:#526a78!important;font-size:12px!important;font-style:normal!important;font-weight:800!important;text-shadow:none!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel #sizeHelp{display:none!important}

/* Quantity uses an in-product picker instead of the operating system's long select. */
html body.workspace-readable .smart-count-wrap{position:relative!important}
html body.workspace-readable .smart-count-button{width:100%!important;justify-content:flex-start!important}
html body.workspace-readable .smart-count-button>b{margin-left:auto!important;color:#eaf6fb!important;font-size:12px!important}
html body.workspace-readable .smart-count-button>i{margin-left:2px!important;color:#8da8b8!important;font-size:14px!important;font-style:normal!important;transition:transform .16s ease!important}
html body.workspace-readable .smart-count-button[aria-expanded="true"]>i{transform:rotate(180deg)!important}
html body.workspace-readable #smartCountMenu{left:auto!important;right:0!important;width:304px!important;padding:12px!important;border:1px solid rgba(151,190,210,.30)!important;border-radius:16px!important;background:rgba(8,29,43,.97)!important;box-shadow:0 20px 48px rgba(0,0,0,.30)!important}
html body.workspace-readable #smartCountMenu #countPanel{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.workspace-readable #smartCountMenu #countPanel>label{display:block!important;margin:0 0 9px!important;color:#dcecf4!important;font-size:11px!important;font-weight:800!important}
html body.workspace-readable #smartCountMenu .number-choices{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
html body.workspace-readable #smartCountMenu .number-choices button{min-width:0!important;height:38px!important;padding:0!important;border:1px solid rgba(156,190,207,.20)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:#eaf6fb!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;cursor:pointer!important}
html body.workspace-readable #smartCountMenu .number-choices button:hover{border-color:rgba(95,194,219,.62)!important;background:rgba(71,169,196,.18)!important}
html body.workspace-readable #smartCountMenu .number-choices button.active{border-color:#36b4d0!important;background:linear-gradient(135deg,#178dac,#2ab5c6)!important;color:#fff!important;box-shadow:0 7px 16px rgba(23,141,172,.24)!important}
html body.workspace-readable #smartCountMenu .custom-count-choice{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important;margin-top:2px!important;color:#dcecf4!important;font-size:11px!important;font-weight:800!important}
html body.workspace-readable #smartCountMenu .custom-count-choice input{min-width:0!important;height:38px!important;padding:0 11px!important;border:1px solid rgba(156,190,207,.28)!important;border-radius:10px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font:800 13px/1 inherit!important;outline:0!important}
html body.workspace-readable #smartCountMenu .custom-count-choice input:focus{border-color:#36b4d0!important;box-shadow:0 0 0 3px rgba(54,180,208,.16)!important}

/* Keep the custom proportion block compact and visually subordinate to the brief. */
html body.workspace-readable #smartCustomRatioInline #sizePanel:not(.hidden){padding:13px 14px 14px!important;border-color:rgba(139,190,211,.24)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(9,39,57,.76),rgba(6,28,43,.64))!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel>label{margin-bottom:9px!important;color:#e9f5fa!important;font-size:12px!important;letter-spacing:.01em!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-fields>label>span:first-child{padding-left:2px!important;color:#b7ceda!important;font-size:11px!important;font-weight:750!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input{height:48px!important;padding:0 9px 0 10px!important;border-color:rgba(179,205,219,.68)!important;border-radius:12px!important;background:#f7fbfd!important;box-shadow:inset 0 1px 2px rgba(21,52,70,.05)!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input:focus-within{border-color:#35a9c5!important;box-shadow:0 0 0 3px rgba(53,169,197,.14)!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input input{height:46px!important;font-size:14px!important;font-weight:750!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input input::placeholder{color:#788d99!important;font-size:10px!important;font-weight:650!important;letter-spacing:-.02em!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input i{font-size:10px!important}
html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-fields>b{margin-top:18px!important;color:#7fa3b5!important;font-size:17px!important;font-weight:500!important}

/* Export owns resolution only; formats use readable cards instead of a native select. */
html body.workspace-readable #professionalFilesModal .professional-files-card{max-height:calc(100vh - 32px)!important;overflow-y:auto!important;padding-bottom:0!important}
html body.workspace-readable #professionalFilesBody{font-family:"Microsoft YaHei","PingFang SC",sans-serif!important}
html body.workspace-readable .download-production-facts{display:grid!important;gap:5px!important;margin:0 4px 14px!important;padding:12px 13px!important;border:1px solid #d8e7f0!important;border-radius:10px!important;background:#f4f8fb!important;color:#18384b!important}
html body.workspace-readable .download-production-facts b{color:#18384b!important;font-size:14px!important}
html body.workspace-readable .download-production-facts span{color:#435e70!important;font-size:12px!important;line-height:1.45!important}
html body.workspace-readable .download-production-facts small{color:#688091!important;font-size:11px!important;line-height:1.45!important}
html body.workspace-readable .download-resolution-field{display:grid!important;gap:7px!important;margin:0 4px 16px!important}
html body.workspace-readable .download-resolution-field>label{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(178px,1.25fr)!important;align-items:center!important;gap:10px!important;color:#18384b!important;font-size:13px!important;font-weight:800!important}
html body.workspace-readable .download-resolution-field select{width:100%!important;height:44px!important;padding:0 12px!important;border:1px solid #b9cedc!important;border-radius:9px!important;background:#fff!important;color:#18384b!important;font-family:inherit!important;font-size:14px!important;font-weight:650!important}
html body.workspace-readable .download-resolution-field select:focus{border-color:#148db5!important;outline:3px solid rgba(20,141,181,.14)!important}
html body.workspace-readable .download-resolution-field select:disabled{background:#edf2f5!important;color:#7d8c96!important;cursor:not-allowed!important}
html body.workspace-readable .download-resolution-field>small{color:#647b8a!important;font-size:11px!important;line-height:1.45!important}
html body.workspace-readable .download-format-field{display:block!important;margin:0!important;padding:0 4px 16px!important;border:0!important;min-width:0!important}
html body.workspace-readable .download-format-field>legend{width:100%!important;margin:0 0 9px!important;padding:0!important;color:#18384b!important;font-size:13px!important;font-weight:850!important}
html body.workspace-readable .download-format-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body.workspace-readable .download-format-option{position:relative!important;display:block!important;min-width:0!important;cursor:pointer!important}
html body.workspace-readable .download-format-option.featured{grid-column:1/-1!important}
html body.workspace-readable .download-format-option>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
html body.workspace-readable .download-format-option>span{display:grid!important;gap:3px!important;min-height:58px!important;padding:10px 12px!important;border:1px solid #c9d9e3!important;border-radius:10px!important;background:#fff!important;color:#18384b!important;box-shadow:none!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
html body.workspace-readable .download-format-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}
html body.workspace-readable .download-format-option b{color:#18384b!important;font-size:14px!important;line-height:1.25!important;font-weight:850!important}
html body.workspace-readable .download-format-option small{color:#60798a!important;font-size:11px!important;line-height:1.35!important;font-weight:500!important}
html body.workspace-readable .download-format-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;margin:-3px -2px -1px 0!important;border-radius:8px!important;background:color-mix(in srgb,currentColor 12%,#fff)!important;color:#167fa5!important}
html body.workspace-readable .download-format-icon svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body.workspace-readable .download-format-option[data-format="delivery_zip"] .download-format-icon{color:#7251b5!important}
html body.workspace-readable .download-format-option[data-format="production_png"] .download-format-icon{color:#188d72!important}
html body.workspace-readable .download-format-option[data-format="tiff"] .download-format-icon{color:#ad477f!important}
html body.workspace-readable .download-format-option[data-format="pdf"] .download-format-icon{color:#c64d48!important}
html body.workspace-readable .download-format-option[data-format="jpg"] .download-format-icon{color:#bd7627!important}
html body.workspace-readable .download-format-option[data-format="psd"] .download-format-icon{color:#386fba!important}
html body.workspace-readable .download-format-option[data-format="svg"] .download-format-icon{color:#c96736!important}
html body.workspace-readable .download-format-option[data-format="dxf"] .download-format-icon{color:#348077!important}
html body.workspace-readable .download-format-option:hover>span{border-color:#72afca!important;background:#f7fbfd!important}
html body.workspace-readable .download-format-option:has(input:checked)>span{border-color:#1689b4!important;background:#edf8fc!important;box-shadow:0 0 0 2px rgba(22,137,180,.15)!important}
html body.workspace-readable .download-format-option:has(input:focus-visible)>span{outline:3px solid rgba(218,141,0,.35)!important;outline-offset:2px!important}
html body.workspace-readable #professionalFormatStatus{min-height:0!important;margin:0 4px 14px!important;color:#b34242!important;font-size:11px!important;line-height:1.55!important}
html body.workspace-readable #professionalFormatStatus.eta{padding:9px 11px!important;border:1px solid rgba(22,137,180,.20)!important;border-radius:9px!important;background:#eef8fc!important;color:#23637d!important;font-weight:700!important}
html body.workspace-readable #professionalFilesModal .download-panel-footer{position:sticky!important;bottom:0!important;z-index:2!important;margin:0 -18px!important;padding:13px 18px 18px!important;background:#f5f9fe!important}
html body.workspace-readable #professionalFilesBody.export-processing>.download-production-facts,
html body.workspace-readable #professionalFilesBody.export-processing>.download-resolution-field,
html body.workspace-readable #professionalFilesBody.export-processing>.download-format-field,
html body.workspace-readable #professionalFilesBody.export-processing>#professionalFormatStatus{display:none!important}

/* Keep the complete download surface beside wide desktop results. The same
   element returns to its modal presentation on narrower screens. */
html body.workspace-readable .professional-files-dock{display:none}
@media(min-width:1280px){
 html body.workspace-readable.professional-download-docked .studio-stage>.output-zone{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;grid-template-rows:auto auto!important;align-items:start!important;column-gap:18px!important}
 html body.workspace-readable.professional-download-docked .output-zone>#outputPanel{grid-column:1!important;grid-row:1!important;min-width:0!important}
 html body.workspace-readable.professional-download-docked .output-zone>#professionalFilesDock{display:block!important;grid-column:2!important;grid-row:1!important;min-width:0!important;align-self:start!important}
 html body.workspace-readable.professional-download-docked .output-zone>.design-records{grid-column:1/-1!important;grid-row:2!important}
 html body.workspace-readable.professional-download-docked #resultTopDownloadBtn{display:none!important}
 html body.workspace-readable #professionalFilesDock #professionalFilesModal.professional-files-docked:not(.hidden){position:sticky!important;inset:auto!important;top:84px!important;z-index:6!important;display:flex!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html body.workspace-readable #professionalFilesDock #professionalFilesModal.professional-files-docked .professional-files-card{width:100%!important;max-width:none!important;max-height:calc(100vh - 104px)!important;margin:0!important;border-radius:18px!important;box-shadow:0 18px 46px rgba(41,87,143,.12)!important}
 html body.workspace-readable #professionalFilesDock #professionalFilesModal.professional-files-docked .professional-files-card>.modal-close{display:none!important}
 html body.workspace-readable #professionalFilesDock #professionalFilesModal.professional-files-docked .professional-files-card>h2{padding-right:4px!important}
}
html body.workspace-readable .download-export-progress{position:relative!important;display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;margin:0 4px 14px!important;padding:15px!important;overflow:hidden!important;border:1px solid #bddded!important;border-radius:13px!important;background:linear-gradient(135deg,#f0faff 0%,#f8fbff 52%,#edf7ff 100%)!important;box-shadow:0 10px 28px rgba(15,108,153,.10)!important;color:#173b52!important}
html body.workspace-readable .download-export-progress:after{content:""!important;position:absolute!important;inset:-60% -30%!important;pointer-events:none!important;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.88) 48%,transparent 61%)!important;animation:downloadExportSheen 3.1s ease-in-out infinite!important}
html body.workspace-readable .download-export-motion{position:relative!important;width:62px!important;height:62px!important;z-index:1!important}
html body.workspace-readable .download-export-orbit{position:absolute!important;inset:2px!important;border:1px solid rgba(22,137,180,.23)!important;border-top-color:#1689b4!important;border-right-color:#6abbd6!important;border-radius:50%!important;animation:downloadExportOrbit 2.1s linear infinite!important}
html body.workspace-readable .download-export-layer{position:absolute!important;left:17px!important;width:31px!important;height:22px!important;border:1px solid rgba(28,115,163,.32)!important;border-radius:6px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(177,224,243,.9))!important;box-shadow:0 5px 12px rgba(21,109,151,.14)!important;transform:rotate(-5deg)!important}
html body.workspace-readable .download-export-layer.layer-back{top:11px!important;opacity:.55!important;animation:downloadExportLayerBack 1.8s ease-in-out infinite!important}
html body.workspace-readable .download-export-layer.layer-mid{top:20px!important;animation:downloadExportLayerMid 1.8s .15s ease-in-out infinite!important}
html body.workspace-readable .download-export-layer.layer-front{top:29px!important;background:linear-gradient(145deg,#fafdff,#8dcee8)!important;animation:downloadExportLayerFront 1.8s .3s ease-in-out infinite!important}
html body.workspace-readable .download-export-motion>b{position:absolute!important;right:5px!important;top:6px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#24a3cc!important;box-shadow:0 0 0 5px rgba(36,163,204,.12)!important;animation:downloadExportPulse 1.25s ease-in-out infinite!important}
html body.workspace-readable .download-export-copy{position:relative!important;z-index:1!important;display:grid!important;min-width:0!important}
html body.workspace-readable .download-export-copy>small{color:#48809b!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important}
html body.workspace-readable .download-export-copy>strong{margin-top:3px!important;color:#153c54!important;font-size:14px!important;line-height:1.35!important}
html body.workspace-readable .download-export-copy>p{min-height:18px!important;margin:3px 0 8px!important;color:#607d8e!important;font-size:10px!important;line-height:1.5!important}
html body.workspace-readable .download-export-track{height:4px!important;overflow:hidden!important;border-radius:999px!important;background:#d9eaf3!important}
html body.workspace-readable .download-export-track i{display:block!important;width:36%!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#1689b4,#58c0d9,#1689b4)!important;animation:downloadExportTrack 1.7s ease-in-out infinite!important}
html body.workspace-readable .download-export-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:8px!important}
html body.workspace-readable .download-export-steps span{padding:3px 5px!important;border-radius:999px!important;background:#e5f0f5!important;color:#76909e!important;font-size:9px!important;text-align:center!important;transition:background .25s ease,color .25s ease!important}
html body.workspace-readable .download-export-steps span.active{background:#d5eff8!important;color:#0f759c!important;font-weight:850!important;animation:downloadExportStep 1.2s ease-in-out infinite!important}
html body.workspace-readable .download-export-steps span.done{background:#def3ec!important;color:#238066!important;font-weight:750!important}
html body.workspace-readable .download-export-meta{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-top:8px!important;color:#6b8492!important;font-size:9px!important}
html body.workspace-readable .download-export-meta b{color:#176f96!important;font-variant-numeric:tabular-nums!important}
html body.workspace-readable .download-export-meta em{color:#4d879f!important;font-style:normal!important}
html body.workspace-readable .download-export-progress[data-stage="failed"]{border-color:#e6bcbc!important;background:#fff6f6!important}
html body.workspace-readable .download-export-progress[data-stage="failed"] .download-export-track i{width:100%!important;background:#c85b5b!important;animation:none!important}
html body.workspace-readable .download-export-progress[data-stage="completed"]{border-color:#a9ddcd!important;background:#f1fbf7!important}
html body.workspace-readable .download-export-progress[data-stage="completed"] .download-export-track i{width:100%!important;background:#35a884!important;animation:none!important}
html body.workspace-readable #professionalDownloadConfirm.working{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
html body.workspace-readable #professionalDownloadConfirm.working:before{content:""!important;width:13px!important;height:13px!important;flex:0 0 13px!important;border:2px solid rgba(255,255,255,.38)!important;border-top-color:#fff!important;border-radius:50%!important;animation:downloadExportOrbit .8s linear infinite!important}
@keyframes downloadExportOrbit{to{transform:rotate(360deg)}}
@keyframes downloadExportSheen{0%,18%{transform:translateX(-35%)}70%,100%{transform:translateX(45%)}}
@keyframes downloadExportTrack{0%{transform:translateX(-105%)}100%{transform:translateX(285%)}}
@keyframes downloadExportPulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.1);opacity:1}}
@keyframes downloadExportStep{0%,100%{box-shadow:0 0 0 0 rgba(22,137,180,0)}50%{box-shadow:0 0 0 3px rgba(22,137,180,.10)}}
@keyframes downloadExportLayerBack{0%,100%{transform:translateY(1px) rotate(-5deg)}50%{transform:translateY(-3px) rotate(-5deg)}}
@keyframes downloadExportLayerMid{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(-5deg)}}
@keyframes downloadExportLayerFront{0%,100%{transform:translateY(-1px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-5deg)}}
@media(max-width:420px){html body.workspace-readable .download-export-progress{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}html body.workspace-readable .download-export-motion{width:52px!important;height:52px!important;transform:scale(.86)!important;transform-origin:left center!important}html body.workspace-readable .download-export-meta{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}}
@media(prefers-reduced-motion:reduce){html body.workspace-readable .download-export-progress:after,html body.workspace-readable .download-export-orbit,html body.workspace-readable .download-export-layer,html body.workspace-readable .download-export-motion>b,html body.workspace-readable .download-export-track i,html body.workspace-readable .download-export-steps span.active,html body.workspace-readable #professionalDownloadConfirm.working:before{animation:none!important}}

@media(max-width:420px){
 html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-fields{gap:7px!important}
 html body.workspace-readable #smartCustomRatioInline #sizePanel .dimension-input{padding:0 9px!important}
 html body.workspace-readable #smartCountMenu{width:100%!important}
 html body.workspace-readable .download-resolution-field>label{grid-template-columns:1fr!important}
}

/* Final mobile app-shell overrides must win over the older cinematic modal layer. */
@media(max-width:760px){
 html body.workspace-readable.mobile-page-open #mobileDock.mobile-dock{display:grid!important;position:fixed!important;inset:auto 0 0!important;width:100%!important;opacity:1!important;visibility:visible!important;transform:none!important}
 html body.workspace-readable.mobile-page-open #authModal.mobile-app-page:not(.hidden),
 html body.workspace-readable.mobile-page-open #taskCenterModal.mobile-app-page:not(.hidden){display:block!important;position:fixed!important;inset:0 0 calc(64px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;transform:none!important}
 html body.workspace-readable.mobile-page-open #authModal.mobile-app-page:not(.hidden):not(:has(#securityPanel:not(.hidden))),
 html body.workspace-readable.mobile-page-open #authModal.mobile-app-page:not(.hidden):has(#securityPanel:not(.hidden)){display:block!important;position:fixed!important;inset:0 0 calc(64px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;padding:0!important;place-items:initial!important;transform:none!important}
 html body.workspace-readable.mobile-page-open #authModal.mobile-app-page.auth-form-open:not(.hidden):not(:has(#securityPanel:not(.hidden))) #authForm,
 html body.workspace-readable.mobile-page-open #authModal.mobile-app-page.auth-form-open:not(.hidden):has(#securityPanel:not(.hidden)) #authForm{display:block!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 html body.workspace-readable #authModal.mobile-app-page:not(.auth-form-open):not(:has(#securityPanel:not(.hidden))) #authForm{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 html body.workspace-readable.mobile-page-open #authModal.mobile-app-page .modal-close,
 html body.workspace-readable.mobile-page-open #taskCenterModal.mobile-app-page .modal-close{display:none!important}
}

/* Show the user-approved complete trademark in the desktop sidebar without cropping or added edge effects. */
@media(min-width:761px){
 html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand{height:136px!important}
 html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand .crealink-wordmark{display:block!important;width:136px!important;height:136px!important;overflow:visible!important}
 html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{position:static!important;display:block!important;width:136px!important;height:136px!important;max-width:136px!important;object-fit:contain!important;transform:none!important;filter:none!important}
}

/* Selected images appear in the material tray immediately. The thumbnail
   itself carries the processing spinner until the server returns the asset. */
html body.workspace-readable .asset-uploading{border-color:rgba(32,151,188,.46)!important;background:#edf9fc!important;box-shadow:0 0 0 3px rgba(32,151,188,.09)!important}
html body.workspace-readable .asset-uploading>.asset-open{cursor:wait!important}
html body.workspace-readable .asset-upload-thumb{position:absolute!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;display:block!important;padding:0!important;overflow:hidden!important;border-radius:0!important;background:#dcebf0!important;opacity:1!important;transform:none!important;transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.workspace-readable .asset-upload-thumb>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.82) brightness(.78)!important}
html body.workspace-readable .asset-upload-thumb>i{position:absolute!important;z-index:3!important;left:50%!important;top:50%!important;width:30px!important;height:30px!important;margin:-15px 0 0 -15px!important;border:3px solid rgba(255,255,255,.45)!important;border-top-color:#fff!important;border-right-color:#39c3d5!important;border-radius:50%!important;box-shadow:0 4px 14px rgba(0,57,79,.26)!important;animation:customerUploadThumbSpin .72s linear infinite!important}
html body.workspace-readable .asset-uploading .asset-upload-copy{z-index:4!important;bottom:6px!important;max-width:calc(100% - 10px)!important;padding:4px 7px!important;overflow:hidden!important;background:rgba(8,52,70,.82)!important;color:#fff!important;font-size:9px!important;text-overflow:ellipsis!important;opacity:1!important}
html body.workspace-readable .asset>.asset-order-label{position:absolute;z-index:5;left:4px;top:4px;max-width:calc(100% - 44px);padding:3px 6px;border-radius:6px;background:rgba(8,52,70,.9);color:#fff;font-size:11px;font-weight:900;line-height:1.1;white-space:nowrap;pointer-events:none}
@keyframes customerUploadThumbSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html body.workspace-readable .asset-upload-thumb>i{animation-duration:1.8s!important}}