/* Desktop-only composition. Native mobile surfaces keep their own layout. */
.focus-history,.focus-examples,.focus-asset-stack,.focus-assets-close,.focus-send-icon{display:none}
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>#workspaceTopbar .workspace-global-search{display:none!important}
 html body.workspace-readable.home-layout-enabled .studio-stage>#workspaceTopbar>.topbar-links{margin-left:auto!important}
 /* Keep the original module navigation instead of a persistent task-history rail. */
 .desktop-focus-workspace .focus-history{display:none!important}
 .desktop-focus-workspace .focus-history[hidden],.desktop-focus-workspace .focus-history-more[hidden]{display:none}
 .focus-history-search{box-sizing:border-box;flex:0 0 36px;min-height:36px;width:100%;padding:6px 10px;border:1px solid #dfe5ee;border-radius:8px;font:inherit;font-size:14px;background:#fff;color:#283d59}
 .focus-history-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .focus-task-row{display:flex;align-items:center;gap:9px;box-sizing:border-box;width:100%;min-height:75px;margin:0 0 3px;padding:8px;border:0;border-left:2px solid transparent;border-radius:9px;background:transparent;text-align:left;font:inherit;cursor:pointer;color:#294362}
 .focus-task-row:hover{background:#f2f6fb}.focus-task-row.active{background:#eaf2ff;border-left-color:#1760e8}.focus-task-row:disabled{opacity:.6}
 .focus-task-row:focus-visible,.focus-example:focus-visible{outline:2px solid #1760e8;outline-offset:-2px}
 .focus-task-thumb{display:grid;flex:0 0 50px;place-items:center;width:50px;height:54px;overflow:hidden;border-radius:7px;background:#f0f4fa;color:#8ca4c3;font-size:18px}
 .focus-task-thumb img{width:100%;height:100%;object-fit:cover}
 .focus-task-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.focus-task-copy b{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .focus-task-module{font-size:11px;color:#3372c8}.focus-task-status{font-size:11px;color:#75869c;line-height:1.5}
 .focus-history-empty,.focus-history-notice{font-size:12px;line-height:1.6;color:#75869c;margin:0 3px}.focus-history-notice:empty{display:none}
 .focus-history-more{display:block;min-height:32px;border:0;background:transparent;color:#3468aa;font:inherit;font-size:12px;cursor:pointer}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>.output-zone{padding:0 16px 12px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #outputPanel{min-height:100%!important;border:0!important;background:transparent!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #outputEmpty #dashboardEmptyCanvas{min-height:0!important;padding:20px 12px 0!important;gap:0!important;flex:1!important}
 /* Scale the shared empty-state icon, heading and example cards together. */
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #outputEmpty #dashboardEmptyCanvas{transform:scale(.8);transform-origin:center bottom}
 .desktop-focus-workspace .dashboard-canvas-art{flex:0 0 auto;width:230px;height:138px;margin:0 0 15px}
 .desktop-focus-workspace #dashboardEmptyCanvas h2{margin:0 0 24px;font-size:23px}
 .desktop-focus-workspace .focus-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(100%,1050px);margin:0 auto;flex:0 0 auto}
 .focus-example{display:block;min-width:0;padding:0;border:1px solid #e5eaf2;border-radius:12px;overflow:hidden;background:#fff;color:#3d5678;font:inherit;text-align:left;cursor:pointer}
 .focus-example>.focus-example-art{display:block;width:100%;height:120px;padding:0;background-image:url(/assets/desktop-focus/card-reference.png);background-repeat:no-repeat;background-size:557.56% auto;background-position:10.75% 4.99%}.focus-example-art[data-art="ai_cutout"]{background-position:35.84% 4.99%}.focus-example-art[data-art="upscale"]{background-position:61% 4.99%}.focus-example-art[data-art="home_design"]{background-position:86.09% 4.99%}.focus-example>span{display:flex;justify-content:space-between;gap:4px;padding:10px;font-size:13px;line-height:1.4}.focus-example>span>span{color:#5c7699}
 /* Shared outer composer; desktop upload and text boundaries are defined below. */
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>#dashboardCreationPane#dashboardCreationPane{box-sizing:border-box;display:block!important;width:calc(100% - 24px)!important;margin:0 12px!important;padding:12px 12px 6px!important;border:1px solid #e2e7ef!important;border-radius:20px 20px 0 0!important;background:#fff!important;box-shadow:none!important;max-height:55dvh!important;overflow:visible!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step{display:grid!important;grid-template-columns:114px minmax(0,1fr)!important;column-gap:14px!important;align-items:stretch!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface{grid-column:2;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptBox#promptBox,
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{min-height:76px!important;height:var(--desktop-brief-height,76px)!important;padding:4px 0 8px!important;max-height:26vh!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar{padding:0!important;gap:8px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger,.smart-count-stepper){border:0!important;background:transparent!important;box-shadow:none!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateBtn#generateBtn{min-height:38px!important;height:38px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets{position:relative!important;grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:114px!important;min-width:0!important;min-height:112px!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage#dashboardAddImage{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 auto!important;justify-content:center!important;width:114px!important;min-width:0!important;min-height:60px!important;height:auto!important;margin:0!important;padding:4px!important;gap:8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;white-space:normal!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage svg{width:26px!important;height:26px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardInputAssets#dashboardInputAssets.focus-has-assets:not(.focus-assets-expanded){justify-content:flex-end!important;padding-top:83px!important;box-sizing:border-box!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-has-assets #dashboardAddImage#dashboardAddImage{min-height:28px!important;flex-direction:row!important;font-size:12px!important;gap:4px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-has-assets #dashboardAddImage svg{width:15px!important;height:15px!important}
 .desktop-focus-workspace #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded)>:is(.dashboard-product-images,.dashboard-reference-images){display:contents!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) .asset-list{display:contents!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) .asset{position:absolute!important;left:8px!important;top:14px!important;z-index:calc(3 - var(--focus-stack-index))!important;width:80px!important;min-width:80px!important;height:66px!important;min-height:66px!important;padding:0!important;border:2px solid #fff!important;border-radius:8px!important;background:#f1f5fa!important;box-shadow:0 1px 5px #20375520!important;transform:translate(calc(var(--focus-stack-index) * 7px),calc(var(--focus-stack-index) * -5px))!important;overflow:hidden!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) .asset.focus-stack-extra{display:none!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) .asset :is(.asset-open,.asset-upload-thumb){width:100%!important;height:100%!important;max-height:none!important;padding:0!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) .asset :is(img,video){width:100%!important;height:100%!important;object-fit:cover!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) :is(.asset-remove,.asset-order-label,.asset-upload-copy){display:none!important}
 .desktop-focus-workspace .focus-asset-stack{display:block;position:absolute;z-index:5;left:4px;top:0;width:106px;height:84px;padding:0;border:0;background:transparent;cursor:pointer}
 .desktop-focus-workspace .focus-asset-stack[hidden],.desktop-focus-workspace .focus-assets-close[hidden]{display:none}
 .focus-asset-count{position:absolute;bottom:4px;left:56px;padding:2px 5px;border-radius:4px;background:#253a58d9;color:#fff;font-size:11px;line-height:18px}
 .focus-asset-stack:focus-visible{outline:2px solid #1760e8;border-radius:8px}
 /* Expanded originals retain preview/delete handlers, upload status and order. */
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-assets-expanded{display:flex!important;grid-column:1/-1!important;grid-row:1!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important;max-height:180px!important;min-height:0!important;overflow-y:auto!important;padding-bottom:8px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step:has(#dashboardInputAssets#dashboardInputAssets.focus-assets-expanded) #dashboardPromptSurface{grid-column:1/-1!important;grid-row:2!important}
 .desktop-focus-workspace #dashboardInputAssets#dashboardInputAssets.focus-assets-expanded .focus-asset-stack{display:none}
 .desktop-focus-workspace #dashboardInputAssets#dashboardInputAssets.focus-assets-expanded>:is(.dashboard-product-images,.dashboard-reference-images){display:contents!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-assets-expanded .asset-list{display:contents!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-assets-expanded .asset{position:relative!important;flex:0 0 96px!important;width:96px!important;min-width:96px!important;height:90px!important;margin:0!important;padding:3px!important;transform:none!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-assets-expanded .asset-open>img{width:88px!important;height:65px!important;object-fit:contain!important}
 .desktop-focus-workspace .focus-assets-close{display:block;min-height:32px;border:0;background:transparent;font-size:13px;color:#3b6ca9;cursor:pointer}
}
@media(min-width:761px) and (max-width:1100px){
 .desktop-focus-workspace .focus-examples{gap:10px}.focus-example>.focus-example-art{height:85px}.focus-example>span{font-size:11px;padding:7px}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step{grid-template-columns:100px minmax(0,1fr)!important;column-gap:8px!important}
 .desktop-focus-workspace .dashboard-canvas-art{width:170px;height:102px}
}
@media(min-width:761px) and (max-height:740px){
 .desktop-focus-workspace .dashboard-canvas-art{width:160px;height:96px;margin-bottom:8px}.desktop-focus-workspace #dashboardEmptyCanvas h2{font-size:20px;margin-bottom:16px}
 .desktop-focus-workspace .focus-example>.focus-example-art{height:84px}.desktop-focus-workspace .focus-example>span{padding:7px}
}
/* Match the approved desktop reference at its original proportions. */
@media(min-width:1101px){
 .desktop-focus-workspace .focus-history{gap:10px}
 .desktop-focus-workspace .focus-history-list{margin:0 -8px}
 .desktop-focus-workspace .focus-task-row{min-height:74px;padding:7px 10px;gap:12px;border-left-width:3px}
 .desktop-focus-workspace .focus-task-thumb{flex-basis:60px;width:60px;height:58px}
 .desktop-focus-workspace .focus-task-copy{gap:4px}.desktop-focus-workspace .focus-task-copy b{font-size:14px;font-weight:600}
 .desktop-focus-workspace .focus-task-status{font-size:11px}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #outputEmpty #dashboardEmptyCanvas{justify-content:flex-end!important;padding:0 16px!important}
 .desktop-focus-workspace .dashboard-canvas-art{width:300px;height:180px;margin:0 0 24px}
 .desktop-focus-workspace #dashboardEmptyCanvas h2{font-size:28px;margin:0 0 48px;font-weight:650}
 .desktop-focus-workspace .focus-examples{width:calc(100% - 108px);max-width:1228px;gap:34px;margin:0 auto 10px}
 .desktop-focus-workspace .focus-example>.focus-example-art{height:auto;aspect-ratio:1.88}
 .desktop-focus-workspace .focus-example>span:not(.focus-example-art){font-size:16px;padding:15px 16px}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>#dashboardCreationPane#dashboardCreationPane{min-height:224px;padding:20px 18px 8px!important;width:calc(100% - 28px)!important;margin:0 14px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step{min-height:194px!important;grid-template-columns:120px minmax(0,1fr)!important;column-gap:10px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step:has(#dashboardInputAssets#dashboardInputAssets.focus-has-assets){grid-template-columns:164px minmax(0,1fr)!important;column-gap:12px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface{display:flex!important;flex-direction:column!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptBox#promptBox{flex:1!important;display:flex!important;min-height:116px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{flex:1!important;min-height:116px!important;height:var(--desktop-brief-height,116px)!important;font-size:18px!important;padding-top:8px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar{align-items:center!important;gap:16px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger){height:48px!important;min-height:48px!important;padding:5px 6px!important;font-size:16px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger) :is(b,span),
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateLabel{font-size:16px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface :is(.smart-count-wrap,.smart-count-stepper,#imageModelPicker){min-height:48px!important;height:48px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateBtn#generateBtn{height:60px!important;min-height:60px!important;min-width:170px!important;border-radius:18px!important;gap:12px!important;box-shadow:none!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets{width:120px!important;min-height:160px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage#dashboardAddImage{font-size:18px!important;gap:14px!important;min-height:100px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage svg{width:34px!important;height:34px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-has-assets:not(.focus-assets-expanded){width:164px!important;padding-top:112px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-has-assets #dashboardAddImage#dashboardAddImage{font-size:16px!important;min-height:30px!important;width:164px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-assets-expanded) .asset{left:8px!important;top:22px!important;width:98px!important;min-width:98px!important;height:82px!important;min-height:82px!important;transform:translate(calc(var(--focus-stack-index) * 20px),calc(var(--focus-stack-index) * -11px))!important}
 .desktop-focus-workspace .focus-asset-stack{left:0;top:0;width:156px;height:116px}
 .desktop-focus-workspace .focus-asset-count{left:72px;bottom:14px;font-size:13px}
}
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step>.settings-grid{grid-column:1/-1!important;grid-row:3!important;min-height:0!important;align-self:start!important}
 .desktop-focus-workspace .focus-task-module{align-self:flex-start;padding:2px 6px;border-radius:5px;background:#edf4ff;line-height:1.2}
 .focus-task-status .focus-status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#25b875}.focus-task-status .focus-status-dot.processing{background:#287cff}.focus-task-status .focus-status-dot.failed{background:#b07c5b}
 .focus-task-more{color:#355884;font-size:18px;align-self:center;flex:0 0 10px}
 .focus-history-search-row{display:flex;gap:10px;align-items:center}.focus-history-search-row .focus-history-search{flex:1;min-width:0}
 .focus-history-filter{appearance:none;width:24px;height:30px;border:0;color:transparent;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23445c7d' stroke-width='1.8'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8Z'/%3E%3C/svg%3E") center/22px no-repeat;cursor:pointer}.focus-history-filter option{font-size:14px;color:#294362;background:#fff}
 .focus-upload-hint{display:block;margin:0;color:#8494ad;font-size:12px;line-height:18px}.focus-upload-hint[hidden]{display:none}
 .desktop-focus-workspace .focus-send-icon{display:block;width:27px;height:27px;flex:0 0 27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptLibraryOpenBtn .prompt-library-icon{border-radius:0!important;background:none!important;box-shadow:none!important;color:#263d61!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptLibraryOpenBtn .prompt-library-icon svg{display:none!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptLibraryOpenBtn .prompt-library-icon::after{content:'';display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23243d63' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 8h8M8 12h6M8 16h4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
}
@media(min-width:1101px) and (max-height:760px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>#dashboardCreationPane#dashboardCreationPane{min-height:172px!important;padding-top:12px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step{min-height:150px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{min-height:82px!important;height:var(--desktop-brief-height,82px)!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptBox#promptBox{min-height:82px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets{min-height:136px!important}
 .desktop-focus-workspace .dashboard-canvas-art{width:220px;height:132px;margin-bottom:12px}.desktop-focus-workspace #dashboardEmptyCanvas h2{font-size:23px;margin-bottom:24px}
 .desktop-focus-workspace .focus-examples{width:calc(100% - 80px);gap:20px}.desktop-focus-workspace .focus-example>.focus-example-art{height:96px;aspect-ratio:auto}.desktop-focus-workspace .focus-example>span:not(.focus-example-art){padding:10px 12px;font-size:13px}
}
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .focus-history-filter{color:transparent!important;-webkit-text-fill-color:transparent!important;border:0!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23445c7d' stroke-width='1.8'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8Z'/%3E%3C/svg%3E")!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptBox#promptBox{order:0!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar{order:1!important;margin-top:auto!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .smart-tool-button{flex-direction:row!important;white-space:nowrap!important;gap:6px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #imageResolutionBtn{width:auto!important;min-width:92px!important}
}
@media(min-width:1101px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #imageResolutionBtn{min-width:104px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .smart-count-wrap{width:144px!important;flex-basis:144px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #smartCountBtn{width:144px!important;min-width:144px!important}
}
/* Keep history compact while leaving task names readable. */
@media(min-width:1101px){
 .desktop-focus-workspace .focus-history{gap:7px}
 .desktop-focus-workspace .focus-task-row{min-height:60px;padding:4px 8px;gap:7px;margin-bottom:1px}
 .desktop-focus-workspace .focus-task-thumb{width:44px;height:44px;flex-basis:44px}
 .desktop-focus-workspace .focus-task-copy{gap:3px}
 .desktop-focus-workspace .focus-task-copy b{font-size:13px}
}
@media(min-width:761px){
 .focus-history-filter-shell{position:relative;display:block;flex:0 0 24px;width:24px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23445c7d' stroke-width='1.8'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8Z'/%3E%3C/svg%3E") center/22px no-repeat}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .focus-history-filter-shell .focus-history-filter{position:absolute;inset:0;width:100%;height:100%;opacity:0!important;padding:0!important}
 .focus-history-filter-shell:focus-within{outline:2px solid #1760e8;border-radius:4px}
}
@media(min-width:761px){
 .desktop-focus-workspace .focus-example>.focus-example-art{height:auto!important;aspect-ratio:1.88}
 .desktop-focus-workspace .focus-task-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #imageResolutionSelector{display:flex!important;align-items:center!important;align-self:center!important;flex:0 0 auto!important;width:auto!important;height:34px!important;min-height:34px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateBtn#generateBtn{min-width:130px!important;gap:8px!important;padding:0 14px!important}
}
@media(min-width:1101px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #imageResolutionSelector{height:48px!important;min-height:48px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateBtn#generateBtn{min-width:170px!important;gap:12px!important}
}

/* Keep task text constrained within the shared module sidebar. */
@media(min-width:761px){
 .desktop-focus-workspace .focus-task-copy{flex:1 1 0!important;min-width:0!important}
 .desktop-focus-workspace .focus-task-copy>*{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* Keep every desktop composer action on the same visual center line. */
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface{--composer-control-height:44px;--composer-control-font:15px;--composer-control-icon:22px}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar{align-items:center!important;row-gap:8px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-wrap,.smart-count-stepper,#imageModelPicker,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#generateBtn){align-self:center!important;margin-top:0!important;margin-bottom:0!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface :is(.smart-tool-wrap,.smart-count-stepper,#imageModelPicker){height:var(--composer-control-height)!important;min-height:var(--composer-control-height)!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger,#generateBtn#generateBtn){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:var(--composer-control-height)!important;min-height:var(--composer-control-height)!important;padding-top:0!important;padding-bottom:0!important;font-size:var(--composer-control-font)!important;line-height:1.4!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger,#generateBtn) :is(b,span){font-size:var(--composer-control-font)!important;line-height:1.4!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface :is(#desktopVoiceBtn svg,#promptLibraryOpenBtn .prompt-library-icon,#promptLibraryOpenBtn .prompt-library-icon::after){width:var(--composer-control-icon)!important;height:var(--composer-control-icon)!important;flex-basis:var(--composer-control-icon)!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateBtn#generateBtn{border-radius:14px!important}
}
@media(min-width:1101px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface{--composer-control-height:54px;--composer-control-font:17px;--composer-control-icon:25px}
}

/* Module-specific examples use real image elements instead of a fixed sprite. */
@media(min-width:761px){
 .desktop-focus-workspace .focus-example>.focus-example-art{position:relative;overflow:hidden;background:#f3f5f8!important}
 .desktop-focus-workspace .focus-example>.focus-example-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
 .desktop-focus-workspace .focus-example>span:not(.focus-example-art){align-items:center;min-width:0}
 .desktop-focus-workspace .focus-example>span:not(.focus-example-art)>span{flex:0 0 auto}
}

/* Compact desktop controls and clear boundaries between uploads and text. */
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>#dashboardCreationPane#dashboardCreationPane{border-radius:20px!important;margin-bottom:8px!important;min-height:0!important;padding-top:10px!important;padding-bottom:4px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface{--composer-control-height:36px;--composer-control-font:13px;--composer-control-icon:18px}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{font-size:14px!important;line-height:1.6!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar{gap:8px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #generateBtn#generateBtn{min-width:124px!important;padding-inline:14px!important;border-radius:10px!important;gap:7px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .focus-send-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .smart-count-wrap{width:112px!important;flex-basis:112px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #smartCountBtn{width:112px!important;min-width:112px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #imageResolutionBtn{min-width:80px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets{box-sizing:border-box!important;border:1px solid #e2e7ef!important;border-radius:12px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage#dashboardAddImage{max-width:100%!important;font-size:13px!important;gap:7px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage svg{width:24px!important;height:24px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets.focus-has-assets #dashboardAddImage svg{width:15px!important;height:15px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-has-assets){width:100%!important}

 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step{min-height:0!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #promptBox#promptBox{min-height:88px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{min-height:88px!important;height:var(--desktop-brief-height,88px)!important;padding-top:4px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-has-assets){min-height:112px!important}

}

/* Subtle feedback for individual composer controls. */
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger),
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage#dashboardAddImage{border-radius:12px!important;background:transparent!important;transition:background-color .12s ease}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar :is(.smart-tool-button,#promptProfessionalizeBtn,#promptLibraryOpenBtn,#desktopVoiceBtn,#imageModelTrigger):not(:disabled):is(:hover,:active,:focus-visible,[aria-expanded="true"],[aria-pressed="true"]),
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets #dashboardAddImage#dashboardAddImage:not(:disabled):is(:hover,:active,:focus-visible){background:#f3f3f3!important}
}

/* Prompt library stays a quiet text action beside voice input. */
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar #promptLibraryOpenBtn{gap:6px!important;padding-inline:8px!important;white-space:nowrap!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar #promptLibraryOpenBtn b{font-weight:500!important;line-height:1.4!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar #promptLibraryOpenBtn .prompt-library-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar #promptLibraryOpenBtn .prompt-library-icon::after{width:18px!important;height:18px!important}
}

/* Square empty upload area with an even inset inside the composer. */
@media(min-width:761px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace .studio-stage>#dashboardCreationPane#dashboardCreationPane{padding:12px!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step:not(:has(#dashboardInputAssets.focus-has-assets)){grid-template-columns:124px minmax(0,1fr)!important;column-gap:12px!important;min-height:124px!important;padding:0!important;margin:0!important;align-items:center!important}
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:not(.focus-has-assets){box-sizing:border-box!important;width:124px!important;height:124px!important;min-height:124px!important;aspect-ratio:1/1!important;align-self:center!important}
}


/* Document attachments retain a compact file tile and their native file icon. */
#documentAttachmentList{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;max-width:100%}
#documentAttachmentList[hidden]{display:none}
.document-attachment{position:relative;box-sizing:border-box;width:104px;max-width:100%;padding:10px 8px 8px;border:1px solid #e2e7ef;border-radius:12px;background:#f7f8fa;text-align:center;overflow:hidden}
.document-file-icon{display:flex;justify-content:center;align-items:center;height:42px;margin-bottom:5px}
.document-file-copy{display:block;min-width:0}
.document-file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#34445c;font-size:12px;line-height:18px;text-decoration:none}
.document-file-status{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8c929b;font-size:10px;line-height:16px}
.document-file-remove{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:19px;height:19px;padding:0;border:0;border-radius:50%;background:#111;color:#fff;font-size:16px;line-height:1;cursor:pointer}
.document-file-remove:focus-visible,.document-file-name:focus-visible{outline:2px solid #3478f6;outline-offset:2px}
.document-file-remove:disabled{opacity:.45}
.document-attachment.is-uploading{background:linear-gradient(to right,#e8e8e8 var(--upload-percent,0%),#f7f8fa var(--upload-percent,0%))}
.dashboard-result-documents{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.dashboard-result-documents a,.design-conversation-document{font-size:12px;color:#376eb0;text-decoration:none;overflow-wrap:anywhere}

#documentAttachmentList .document-file-name{color:#34445c!important}
#documentAttachmentList .document-file-status{color:#8c929b!important}

@media(min-width:761px) and (max-width:1100px){
 html body.workspace-readable.home-layout-enabled.desktop-focus-workspace #dashboardCreationPane .config-step:has(#dashboardInputAssets.focus-has-assets):has(#documentAttachmentList:not([hidden])){grid-template-columns:114px minmax(0,1fr)!important;column-gap:12px!important}
}


/* Documents and the image/text controls share one white composer surface. */
@media(min-width:761px){
 .desktop-focus-workspace.dashboard-home #dashboardCreationPane>#documentAttachmentList{display:none!important}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList{box-sizing:border-box;flex:0 0 auto;flex-wrap:nowrap;align-items:flex-start;width:100%;min-width:0;max-height:60px;margin:0 0 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList .document-attachment{display:flex;align-items:center;gap:9px;flex:0 0 256px;width:256px;max-width:100%;height:52px;padding:7px 32px 7px 9px;text-align:left;border-radius:9px}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList .document-file-icon{flex:0 0 28px;width:28px;height:34px;margin:0}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList .document-file-icon svg{width:26px;height:32px}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList .document-file-copy{flex:1;min-width:0}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList .document-file-remove{top:50%;right:7px;transform:translateY(-50%);background:transparent!important;color:#667085!important}
 .desktop-focus-workspace #dashboardCreationPane>#documentAttachmentList .document-file-remove:hover{background:#e9edf3!important;color:#34445c!important}
}