/* The home dashboard is enabled only on the desktop shell. */ #dashboardHomeBtn,.dashboard-brand-caption,.dashboard-membership,#dashboardCreationPane,#dashboardEmptyCanvas,.dashboard-scenes,.dashboard-panels,.dashboard-recent{display:none} @media(min-width:761px){ html body.workspace-readable.home-layout-enabled{--home-ink:#142d5d;--home-blue:#087aff;--home-line:#dce8fa;--home-nav:242px;background:#f2f7ff!important} html body.workspace-readable.home-layout-enabled>.app-shell{grid-template-columns:var(--home-nav) minmax(0,1fr)!important;background:linear-gradient(130deg,#e8f3ff,#f8fbff 65%)!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench{width:var(--home-nav)!important;min-width:var(--home-nav)!important;border-right:1px solid #d7e6f8!important;background:linear-gradient(160deg,#e4f2ff,#f7faff 68%)!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench>.lime-inner{padding:13px 16px 20px!important;display:flex!important;flex-direction:column!important;min-height:100%!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .hero-copy{height:76px!important;min-height:76px!important;padding:0!important;margin:0 0 10px!important;flex-direction:column!important;gap:0!important;flex-shrink:0!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .hero-copy>.sidebar-brand{width:188px!important;height:44px!important;overflow:hidden!important;position:relative!important;flex-shrink:0!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark{width:188px!important;height:188px!important;position:absolute!important;left:0!important;top:-72px!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark>img{width:188px!important;height:188px!important;max-width:none!important;object-fit:contain!important} html body.workspace-readable.home-layout-enabled .dashboard-brand-caption{display:block;color:#6780a6;font-size:12px;letter-spacing:2px;line-height:24px} html body.workspace-readable.home-layout-enabled #dashboardHomeBtn{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-shrink:0;min-height:46px;padding:0 19px;border:0;border-radius:9px;color:#34547e;background:transparent;font-size:14px;font-weight:650;margin:0 0 4px} html body.workspace-readable.home-layout-enabled #dashboardHomeBtn.active{color:white;background:linear-gradient(100deg,#087aff,#55bfff);box-shadow:0 6px 14px #1688ff1c} #dashboardHomeBtn svg{width:22px;height:22px;fill:currentColor} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .module-browser{display:block!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .module-heading, html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .module-context{display:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs{display:grid!important;grid-template-columns:1fr!important;padding:0!important;margin:0!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs .module-group{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs .module-group>h3{display:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs .module-group-tools{border-top:1px solid #d3e4f9!important;margin-top:13px!important;padding-top:12px!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs .module-group-tools>h3{display:block!important;padding:0 20px 7px!important;color:#8a9fbf!important;font-size:11px!important;font-weight:500!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs .module-group-grid{display:flex!important;flex-direction:column!important;gap:2px!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module]{width:100%!important;min-height:38px!important;height:38px!important;padding:0 20px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:15px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#3d5885!important;transform:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] .module-icon{width:21px!important;height:21px!important;flex:0 0 21px!important;margin:0!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] b{font-size:13px!important;font-weight:500!important;color:inherit!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module]:hover{background:#dcecff!important;color:#087aff!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module].active{background:#deedff!important;color:#086bd9!important} html body.workspace-readable.home-layout-enabled.dashboard-home .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module].active{background:transparent!important;color:#3d5885!important} html body.workspace-readable.home-layout-enabled .dashboard-membership{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 15px;border:1px solid #fff;border-radius:14px;background:linear-gradient(120deg,#fff7e9,#fcebd0);color:#68471f;text-align:left;margin-top:22px;flex-shrink:0} .dashboard-membership b{display:block;font-size:14px}.dashboard-membership small{display:block;color:#9b8a73;font-size:11px;margin-top:4px} html body.workspace-readable.home-layout-enabled .app-shell>.studio-stage{padding:0!important;width:100%!important;min-width:0!important;overflow-y:auto!important;background:transparent!important} html body.workspace-readable.home-layout-enabled .app-shell>.studio-stage>.topbar{display:flex!important;align-items:center!important;gap:12px!important;min-height:76px!important;height:76px!important;padding:0 22px!important;background:rgba(239,247,255,.96)!important;border:0!important;box-shadow:none!important;position:sticky!important;top:0!important;z-index:35!important;flex-wrap:nowrap!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .workspace-global-search{display:flex!important;width:clamp(190px,28vw,480px)!important;min-width:165px!important;height:40px!important;min-height:40px!important;padding:0 14px!important;gap:10px!important;margin:0 auto 0 0!important;border:1px solid #d7e4f9!important;border-radius:10px!important;background:#ffffffb0!important;box-shadow:none!important;flex:1 1 360px!important;max-width:480px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .workspace-global-search input{min-width:0!important;font-size:12px!important;color:#34547e!important}.workspace-global-search input::placeholder{color:#8b9fbe}.workspace-global-search kbd{font:12px system-ui;background:#eaf1fc;padding:4px 7px;border-radius:6px;white-space:nowrap} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar>.topbar-links{margin:0!important;flex-shrink:0!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .topbar-links>button, html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #usageGuideBtn#usageGuideBtn{min-width:0!important;height:38px!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;gap:7px!important;white-space:nowrap!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .top-actions{gap:16px!important;margin:0!important;flex-shrink:0!important} html body.workspace-readable.home-layout-enabled .app-shell>.studio-stage>.topbar.topbar .top-actions.top-actions{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;justify-content:flex-start!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #workspaceNotificationBtn#workspaceNotificationBtn, html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #memberChip#memberChip, html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #customerServiceBtn#customerServiceBtn{min-width:0!important;padding:0!important;height:38px!important;font-size:12px!important;gap:7px!important;white-space:nowrap!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #memberChip#memberChip .workspace-crown-icon, html body.workspace-readable.home-layout-enabled .dashboard-membership .dashboard-membership-crown{display:block!important;color:#e9af56!important;fill:#f8c877!important;stroke:#f0b762!important;width:24px!important;height:24px!important;flex-shrink:0!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #partnerCreditSummary#partnerCreditSummary{height:38px!important;padding:0 10px!important;font-size:12px!important;border-radius:11px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #partnerCreditBalance{font-size:14px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #accountBtn#accountBtn{width:61px!important;min-width:61px!important;height:44px!important;margin-left:6px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #accountBtn#accountBtn{flex:0 0 61px!important;max-width:61px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .workspace-avatar-visual{width:42px!important;height:42px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.output-zone{padding:0 22px 28px!important;min-width:0!important} html body.workspace-readable.home-layout-enabled.dashboard-home #outputPanel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home #outputEmpty#outputEmpty{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:transparent!important;min-height:0!important;width:100%!important} html body.workspace-readable.home-layout-enabled.dashboard-home #outputEmpty#outputEmpty.hidden{display:flex!important} html body.workspace-readable.home-layout-enabled.dashboard-home #resultsView, html body.workspace-readable.home-layout-enabled.dashboard-home #progressView, html body.workspace-readable.home-layout-enabled.dashboard-home #inlineTemplateEditor, html body.workspace-readable.home-layout-enabled.dashboard-home .result-download-toolbar:has(#resultTopDownloadBtn), html body.workspace-readable.home-layout-enabled.dashboard-home #professionalFilesDock{display:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home #workspaceHero.workspace-image-carousel{display:block!important;width:100%!important;aspect-ratio:11 / 2!important;box-sizing:content-box!important;max-width:calc(100% - 2px)!important;min-height:0!important;height:auto!important;margin:0!important;overflow:hidden!important;border:1px solid #ffffff!important;border-radius:18px!important;background:#deefff!important;box-shadow:none!important;flex-shrink:0!important} html body.workspace-readable.home-layout-enabled.dashboard-home #workspaceHero .workspace-carousel-slides, html body.workspace-readable.home-layout-enabled.dashboard-home #workspaceHero .workspace-carousel-slide{height:100%!important;min-height:0!important} html body.workspace-readable.home-layout-enabled.dashboard-home #workspaceHero .workspace-carousel-slide img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important} html body.workspace-readable.home-layout-enabled .workspace-category-nav{display:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-scenes{display:block;margin:0;text-align:left} html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardRecent{display:block;margin:18px 0 16px}.dashboard-scenes>header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.dashboard-scenes>header>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.dashboard-scenes h2{font-size:19px;color:#122b58;margin:0;font-weight:700}.dashboard-scenes header span{font-size:12px;color:#879ab9}.dashboard-scene-arrows{display:flex;gap:8px}.dashboard-scene-arrows button{border:1px solid #e2ebfb;border-radius:50%;height:30px;width:30px;background:#fff;color:#4878c5;font-size:23px;line-height:1} .dashboard-scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;scrollbar-width:none}.dashboard-scene-list::-webkit-scrollbar{display:none}.dashboard-scene-list>button{display:flex;align-items:center;gap:10px;flex:1 0 156px;min-width:0;min-height:72px;text-align:left;padding:10px 12px;border:1px solid #d6e5fb;border-radius:10px;background:linear-gradient(135deg,#eaf3ff,#ffffff);color:#243e6a}.dashboard-scene-list>button:hover{border-color:#71b0ff;background:#ecf5ff}.dashboard-scene-list b{display:block;font-size:13px;white-space:nowrap}.dashboard-scene-list small{display:block;font-size:10px;color:#8296b6;white-space:nowrap;margin-top:6px}.dashboard-scene-art{display:flex;align-items:center;justify-content:center;width:46px;height:48px;flex:0 0 46px;color:#0d87ff;font-size:27px}.dashboard-scene-art img{width:46px;height:48px;object-fit:contain;border-radius:4px}.dashboard-scene-art svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6} html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-panels{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;align-items:start;width:100%} .dashboard-recent,.dashboard-featured,html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-panels>.dashboard-scenes{min-width:0;padding:16px;background:rgba(255,255,255,.86);border:1px solid #e1ebfa;border-radius:17px;text-align:left} html body.workspace-readable.home-layout-enabled .dashboard-recent .design-records{display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled .dashboard-recent .design-records-head{margin:0 0 14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important} html body.workspace-readable.home-layout-enabled .dashboard-recent .design-records-head h2{margin:0!important;font-size:19px!important}.dashboard-recent #openTaskCenterTitleBtn{padding:0;border:0;background:none;color:#142d5d;font-size:19px;font-weight:700}.dashboard-recent #openAllTasksBtn{border:0;background:none;color:#4e6a92;font-size:11px;padding:0} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip#designRecordStrip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;padding:0!important} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip .design-record-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;height:auto!important;max-width:none!important;flex:none!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;text-align:left!important;gap:8px!important} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip .design-record-card:nth-child(n+7){display:none!important} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip .design-record-thumb{display:block!important;position:relative!important;width:100%!important;height:116px!important;aspect-ratio:auto!important;border-radius:8px!important;overflow:hidden!important;background:#eef3fc!important} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip .design-record-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;background:#edf4ff!important}.dashboard-recent #designRecordStrip .design-record-thumb i{position:absolute;right:6px;bottom:6px;padding:3px 5px;border-radius:5px;background:#ffffffdd;color:#58729a;font-size:9px;font-style:normal} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip .design-record-copy{width:100%!important;display:block!important;min-width:0!important}.dashboard-recent #designRecordStrip .design-record-copy b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;color:#3b5277!important}.dashboard-recent #designRecordStrip .design-record-copy small{display:block!important;font-size:9px!important;color:#8b9bb4!important;line-height:1.5!important;margin-top:4px!important}.dashboard-recent #designRecordStrip .design-record-copy em{font-style:normal;color:#587aa8;margin-right:4px}.dashboard-recent .design-record-empty{grid-column:1/-1;display:block!important;width:100%!important;padding:60px 12px!important;text-align:center!important;font-size:13px!important;color:#92a3bd!important;border:1px dashed #dae6f7!important;border-radius:10px!important} .dashboard-featured-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-featured-head h2{font-size:19px;white-space:nowrap;margin:0;color:#142d5d}.dashboard-featured-head nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.dashboard-featured-head button{flex-shrink:0;border:1px solid #e4ecfc;border-radius:7px;background:#f3f7ff;padding:6px 9px;font-size:10px;color:#647ea5;white-space:nowrap}.dashboard-featured-head button.active{background:#0d85ff;color:white;border-color:#0d85ff} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery{width:100%!important;margin:0!important;padding:0!important;min-width:0!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-gallery-title{display:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-section-strip{display:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-category-strip{margin:0 0 12px!important;padding:0!important;gap:6px!important;min-height:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-category-strip button{min-height:28px!important;padding:4px 8px!important;font-size:10px!important;border-radius:6px!important;background:#f6f8fc!important;border:1px solid #e6edf8!important;white-space:nowrap!important;color:#7c8fae!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-category-strip button.active{background:#e7f2ff!important;color:#1372db!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-current-heading{display:none!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;column-count:3!important;column-gap:12px!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-card{width:100%!important;max-width:none!important;border:0!important;border-radius:8px!important;box-shadow:none!important;background:#f5f8fd!important;padding:0!important;margin-bottom:12px!important;break-inside:avoid!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-thumb{border-radius:8px!important}.dashboard-style-attention{outline:2px solid #73b7ff;outline-offset:5px;border-radius:10px} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-caption{padding:8px!important}.dashboard-featured .template-caption-title{font-size:11px!important}.dashboard-featured .template-caption-meta,.dashboard-featured .template-caption-size{font-size:9px!important;color:#94a3ba!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #dashboardCreationPane{display:block;width:min(780px,calc(100% - 44px));margin:0 auto 20px;padding:22px;border:1px solid #dce8fa;border-radius:17px;background:#fff;box-shadow:0 5px 22px #5472aa08} .dashboard-creation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dashboard-creation-heading small{font-size:10px;letter-spacing:2px;color:#8da3c7}.dashboard-creation-heading h2{font-size:23px;color:#193765;margin:6px 0 0}.dashboard-creation-heading button{border:1px solid #dfe9f8;border-radius:9px;background:#f5f9ff;padding:10px 13px;color:#5576a5;font-size:12px} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .unified-composer-shell{margin:0!important;background:white!important;border:0!important;box-shadow:none!important;padding:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .design-sticky-footer{position:static!important;padding:16px 0 0!important;margin:0!important;background:white!important;border:0!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #workspaceHero, html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .dashboard-scenes, html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .dashboard-recent, html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .dashboard-featured-head{display:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .dashboard-panels{display:block!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .dashboard-featured{padding:0!important;border:0!important;background:transparent!important} html body.workspace-readable.home-layout-enabled .output-zone #outputEmpty>.empty-copy, html body.workspace-readable.home-layout-enabled .output-zone #outputEmpty>.empty-showcase, html body.workspace-readable.home-layout-enabled .output-zone #outputEmpty>.empty-steps, html body.workspace-readable.home-layout-enabled .output-zone #outputEmpty>.empty-foot{display:none!important} html body.workspace-readable.home-layout-enabled .output-zone #outputEmpty.failure-state>.empty-copy{display:block!important} } /* Full canvas and bottom composer, shared by every desktop creation module. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs .module-selected-preview{display:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module]{flex-direction:row!important;overflow:visible!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] .module-icon{position:static!important;transform:none!important;flex-shrink:0!important;display:flex!important;color:inherit!important;background:transparent!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] svg{color:inherit!important;stroke:currentColor!important;opacity:1!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] .module-tab-copy{display:block!important;width:auto!important;margin:0!important;position:static!important;color:inherit!important;line-height:1.3!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module] .module-tab-copy>b{display:block!important;color:inherit!important;-webkit-text-fill-color:currentColor!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .app-shell>.studio-stage{display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100dvh!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .studio-stage>.topbar{flex:0 0 66px!important;height:66px!important;min-height:66px!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .studio-stage>.topbar .workspace-global-search{display:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .studio-stage>.topbar>.topbar-links{margin-left:auto!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .studio-stage>.output-zone{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:0 22px 12px!important;display:flex!important;flex-direction:column!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .output-zone>#outputPanel{order:0!important;justify-content:flex-start!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .output-zone>.result-download-toolbar{order:1!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .output-zone>#professionalFilesDock{order:2!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #outputPanel{flex:1 0 auto!important;min-height:100%!important;border:1px dashed #d1e4ff!important;border-radius:15px!important;padding:0!important;background:#f7fbff80!important;box-shadow:none!important;display:flex!important;flex-direction:column!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #outputEmpty:not(.hidden){display:flex!important;flex:1!important;min-height:100%!important;flex-direction:column!important;align-items:stretch!important;padding:0!important;background:transparent!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #outputEmpty:not(.message-state) #dashboardEmptyCanvas{display:flex;flex:1;min-height:300px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:radial-gradient(ellipse at center,#f0f7ff33,#f8fcff66)} .dashboard-canvas-art{width:250px;height:150px;margin:0 0 23px;opacity:.9} #dashboardEmptyCanvas h2{color:#213876;font-size:23px;font-weight:650;margin:0 0 15px;line-height:1.4} #dashboardEmptyCanvas p{font-size:15px;line-height:1.9;white-space:pre-line;color:#98a6c6;margin:0} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #outputEmpty .dashboard-panels{display:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .studio-stage>#dashboardCreationPane{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;grid-template-rows:auto auto!important;flex:0 0 auto!important;position:relative!important;width:calc(100% - 32px)!important;margin:0 16px 20px!important;padding:12px!important;gap:10px 13px!important;border:1px solid #dfebfc!important;border-radius:24px!important;background:#fff!important;box-shadow:0 6px 16px #2484e424!important;max-height:45vh!important;overflow:visible!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .dashboard-creation-heading{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .unified-composer-shell{display:contents!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .work-step{margin:0!important;border:0!important;box-shadow:none!important;padding:0!important;background:none!important;min-width:0!important;overflow:visible!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane#dashboardCreationPane .upload-step{grid-column:1!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;min-width:0!important;height:104px!important;max-height:104px!important;min-height:0!important;overflow-y:auto!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .config-step{grid-column:2!important;grid-row:1!important;display:block!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .step-title, html body.workspace-readable.home-layout-enabled #dashboardCreationPane .reference-upload-head, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLabel, html body.workspace-readable.home-layout-enabled #dashboardCreationPane .prompt-library-row, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #costHint, html body.workspace-readable.home-layout-enabled #dashboardCreationPane .design-sticky-footer{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #referenceSection{margin:0!important;padding:0!important;border:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .reference-upload-tray{display:flex!important;flex-direction:column!important;gap:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #referenceUploadZone#referenceUploadZone, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #uploadZone:not(.hidden){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:86px!important;min-height:104px!important;height:104px!important;border:1px solid #e2efff!important;background:linear-gradient(130deg,#eef7ff,#e2efff)!important;border-radius:15px!important;padding:10px 4px!important;box-shadow:none!important;flex:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #referenceUploadZone .upload-icon{display:flex!important;width:28px!important;height:28px!important;margin:0!important;align-items:center!important;justify-content:center!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #referenceUploadZone svg{width:30px!important;height:30px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#referenceUploadAction,#uploadAction){font-size:11px!important;font-weight:550!important;line-height:1.3!important;text-align:center!important;max-width:78px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#referenceUploadHelp,#uploadHelp,.mobile-upload-choices){display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .asset-list{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;min-height:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .asset-list:empty{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptBox#promptBox{display:block!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:14px!important;background:white!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptBox#promptBox.hidden{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #briefInput#briefInput{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;min-height:80px!important;height:var(--desktop-brief-height,80px)!important;max-height:30vh!important;border:1px solid #e0ebfd!important;border-radius:15px!important;padding:10px 16px!important;background:linear-gradient(120deg,#fff,#fcfdff)!important;color:#314978!important;font-size:14px!important;line-height:1.6!important;resize:vertical!important;overflow-y:auto!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #briefInput:focus{border-color:#90c2ff!important;outline:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .settings-grid:empty{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .settings-grid{display:block!important;min-height:0!important;margin:0!important;gap:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #vectorLimitNotice:not(.hidden){font-size:11px!important;max-height:110px!important;overflow:auto!important;margin:0 0 10px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .dashboard-composer-toolbar{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;position:relative!important;flex-wrap:wrap!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .dashboard-composer-toolbar :is(.smart-tool-wrap,#promptProfessionalizeBtn,#imageModelPicker,#promptLibraryOpenBtn,#generateBtn){margin-top:0!important;margin-bottom:0!important;align-self:center!important;transform:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #referenceUploadAction{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #referenceUploadZone::after{content:"上传图片";display:block;font-size:12px;color:#405c8f;line-height:1.4} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .creation-settings-row, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCreateBar{display:contents!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptProfessionalizeBtn{order:0;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;min-height:45px!important;padding:9px 13px!important;border:1px solid #e0eaff!important;border-radius:13px!important;background:white!important;box-shadow:none!important;white-space:nowrap!important;font-size:12px!important;color:#3b5592!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-count-wrap{order:1;width:130px!important;flex:0 0 130px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelPicker{order:2;flex:0 1 230px!important;width:230px!important;min-width:140px!important;height:45px!important;margin:0!important;align-self:stretch!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelPicker#imageModelPicker{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;display:block!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelPicker::before, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelPicker::after{content:none!important;display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-ratio-wrap{order:3;width:98px!important;flex:0 0 98px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelSelect{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLibraryOpenBtn{order:4;margin:0 0 0 auto!important;display:flex!important;min-height:45px!important;min-width:0!important;width:auto!important;gap:7px!important;padding:8px 11px!important;border:1px solid #e0ebff!important;border-radius:13px!important;background:white!important;box-shadow:none!important;flex:0 0 auto!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLibraryOpenBtn :is(small,.crealink-chat-launch-action){display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLibraryOpenBtn b{font-size:12px!important;font-weight:550!important;white-space:nowrap!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .crealink-chat-launch-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23365b9b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6m-5%203h4M8.2%2012.8a6%206%200%201%201%207.6%200C14.6%2013.7%2014%2015%2014%2016h-4c0-1-.6-2.3-1.8-3.2ZM12%201V0M3%205l-1-1m20%200-1%201M1%2010H0m24%200h-1%22%2F%3E%3C%2Fsvg%3E") center/23px 23px no-repeat!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .crealink-chat-launch-icon img{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLibraryOpenBtn{color:#345385!important;align-items:center!important;justify-content:center!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLibraryOpenBtn .prompt-library-icon{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;flex:0 0 23px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #promptLibraryOpenBtn svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #generateBtn#generateBtn{order:5;display:flex!important;align-items:center!important;justify-content:center!important;min-width:113px!important;width:113px!important;min-height:45px!important;height:45px!important;flex:0 0 113px!important;padding:8px 15px!important;border:0!important;border-radius:14px!important;box-shadow:0 6px 14px #168aff23!important;background:linear-gradient(115deg,#0874ff,#0397ff)!important;color:white!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #generateLabel{font-size:14px!important;font-weight:650!important;white-space:nowrap!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-tool-wrap{position:relative!important;margin:0!important;min-width:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-count-stepper{width:130px!important;flex:none!important;display:flex!important;align-items:center!important;height:45px!important;min-height:45px!important;border:1px solid #e0eaff!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-tool-button{height:45px!important;min-height:45px!important;padding:7px 12px!important;border:1px solid #e0eaff!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;gap:5px!important;color:#375180!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-tool-button :is(span,b){font-size:12px!important;line-height:1.3!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-count-button{width:82px!important;min-width:0!important;flex:1 1 auto!important;border:0!important;padding:5px 9px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCreateBar #smartCountBtn{flex-direction:row!important;gap:5px!important;white-space:nowrap!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCreateBar #smartCountBtn>span, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCreateBar #smartCountBtn>b{width:auto!important;font-size:12px!important;line-height:1.3!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartRatioBtn{width:98px!important;flex:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-count-adjust{width:22px!important;min-width:22px!important;color:#7d91af!important;font-size:14px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelTrigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;height:45px!important;min-height:45px!important;padding:6px 12px!important;border:1px solid #e0eaff!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .image-model-trigger-copy{min-width:0!important}.image-model-trigger-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(.image-model-trigger-copy small,.image-model-trigger-hot){display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelCurrent{font-size:12px!important;font-weight:550!important;color:#345385!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-tool-popover{position:absolute!important;top:auto!important;bottom:58px!important;left:0!important;z-index:55!important;max-height:42vh!important;overflow:auto!important;min-width:220px!important;background:white!important;border:1px solid #dce9fb!important;border-radius:13px!important;box-shadow:0 10px 30px #355b9825!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #countChoices{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartQuantityChoice{grid-column:1/-1!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #countChoices .smart-quantity-estimate{grid-column:1/-1!important;margin:8px 0 0!important} /* Controls are moved out of the sidebar; give their popovers the same light theme. */ html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#smartRatioMenu,#smartCountMenu) .setting-block{background:#fff!important;border-color:#dce8fa!important;color:#17345f!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#smartRatioMenu,#smartCountMenu) .setting-block>label{color:#17345f!important;-webkit-text-fill-color:currentColor!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#ratioChoices,#countChoices) button{background:#f5f9ff!important;border-color:#d4e3f7!important;color:#25446f!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #ratioChoices button :is(b,.ratio-choice-main,.ratio-shape,.ratio-shape>i){color:inherit!important;-webkit-text-fill-color:currentColor!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #ratioChoices button small{color:#526985!important;-webkit-text-fill-color:currentColor!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#ratioChoices,#countChoices) button:hover{background:#e6f0ff!important;border-color:#7aaaf0!important;color:#174b93!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#ratioChoices,#countChoices) button.active{background:#176bdd!important;border-color:#176bdd!important;color:#fff!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #ratioChoices button.active small{color:#fff!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane :is(#ratioChoices,#countChoices) button:focus-visible{outline:2px solid #176bdd!important;outline-offset:2px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCountMenu :is(.custom-count-choice,.custom-count-choice>span,.smart-quantity-estimate){color:#375578!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCountMenu .custom-count-choice input{background:#f5f9ff!important;border-color:#c8daf3!important;color:#17345f!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCountMenu .custom-count-choice input::placeholder{color:#617590!important;-webkit-text-fill-color:currentColor!important;opacity:1!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCountMenu .custom-count-choice input:focus{border-color:#176bdd!important;box-shadow:0 0 0 3px #176bdd20!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .smart-count-menu{left:145px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelMenu{top:auto!important;bottom:55px!important;left:0!important;z-index:55!important;max-height:42vh!important;overflow:auto!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCustomRatioInline:not(.hidden){display:block!important;position:absolute!important;left:0!important;bottom:58px!important;max-width:350px!important;background:white!important;padding:12px!important;border:1px solid #dce9fb!important;box-shadow:0 10px 30px #355b9825!important;border-radius:13px!important;z-index:56!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #smartCustomRatioInline.hidden{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane:has(#promptBox.hidden) .config-step{min-height:57px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane:has(#promptBox.hidden) .config-step::after{content:"上传原图后，点击开始处理";display:block;padding:18px 16px;color:#91a4c4;font-size:13px;border:1px solid #e2edfc;border-radius:13px} } @media(min-width:761px) and (max-width:1250px){ html body.workspace-readable.home-layout-enabled{--home-nav:200px} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .top-actions{gap:10px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar{padding:0 16px!important;gap:8px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #usageGuideBtn#usageGuideBtn,.topbar #workbenchInstallBtn#workbenchInstallBtn{font-size:11px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .workspace-global-search{min-width:130px!important;padding:0 10px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .workspace-global-search kbd{display:none!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #partnerCreditSummary#partnerCreditSummary{padding:0 6px!important} html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-panels{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip#designRecordStrip{grid-template-columns:repeat(6,minmax(140px,1fr))!important} html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-scene-list{grid-template-columns:minmax(0,1fr)} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid{column-count:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .dashboard-featured-head{flex-direction:column;align-items:flex-start;gap:9px}.dashboard-featured-head nav{max-width:100%} } @media(min-width:1700px){ html body.workspace-readable.home-layout-enabled{--home-nav:254px} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .top-actions{gap:24px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar :is(#usageGuideBtn#usageGuideBtn,#workbenchInstallBtn#workbenchInstallBtn,#workspaceNotificationBtn#workspaceNotificationBtn,#memberChip#memberChip,#customerServiceBtn#customerServiceBtn){font-size:14px!important} html body.workspace-readable.home-layout-enabled .dashboard-recent #designRecordStrip#designRecordStrip{grid-template-columns:repeat(6,minmax(0,1fr))!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid{column-count:4!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} .dashboard-featured-head button{font-size:11px;padding:6px 11px} } @media(min-width:761px) and (max-width:1050px){ html body.workspace-readable.home-layout-enabled.dashboard-home .studio-stage>.topbar{height:112px!important;min-height:112px!important;flex-wrap:wrap!important;align-content:center!important;gap:7px 10px!important} html body.workspace-readable.home-layout-enabled.dashboard-home .studio-stage>.topbar .workspace-global-search{flex:0 0 100%!important;width:100%!important;max-width:none!important;min-height:36px!important;height:36px!important} html body.workspace-readable.home-layout-enabled.dashboard-home .studio-stage>.topbar>.topbar-links{margin-left:auto!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .top-actions{gap:9px!important} } @media(min-width:761px) and (max-width:950px){ html body.workspace-readable.home-layout-enabled{--home-nav:180px} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar :is(#workbenchInstallBtn#workbenchInstallBtn,#usageGuideBtn#usageGuideBtn,#workspaceNotificationBtn#workspaceNotificationBtn,#memberChip#memberChip,#customerServiceBtn#customerServiceBtn){font-size:0!important;min-width:30px!important;width:30px!important;padding:0!important;gap:0!important;flex:0 0 30px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar :is(#workbenchInstallBtn span,#workspaceNotificationBtn span,#memberChip .workspace-membership-label,#customerServiceBtn span){display:none!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .top-actions{gap:14px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #accountBtn#accountBtn{width:54px!important;min-width:54px!important;flex-basis:54px!important;max-width:54px!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar .workspace-avatar-visual{width:36px!important;height:36px!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .hero-copy>.sidebar-brand{width:160px!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark{left:-14px!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs [data-module]{padding:0 12px!important;gap:12px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #imageModelPicker{width:190px!important;flex-basis:190px!important} } /* Completed images use the same open canvas as the creation view. Each action stays bound to its original image; progressive slots keep their source order. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardResultMeta{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardResultMeta:not(.hidden){display:block;padding:0 20px 14px;text-align:left;background:transparent;border:0} .dashboard-result-references{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;min-width:0;align-items:center} .dashboard-result-references a{display:block;flex:0 0 38px;width:38px;height:38px;border:1px solid #d4e5fb;border-radius:6px;background:#fff;overflow:hidden} .dashboard-result-references img{display:block;width:100%;height:100%;object-fit:contain} #assetPreviewReferenceActions:not(.hidden){display:flex;gap:12px;padding:12px 20px;border-top:1px solid #dbe8f7;background:#fff} #assetPreviewReferenceActions button{flex:1;min-height:42px;border:1px solid #d8e5f9;border-radius:10px;background:#eff6ff;color:#28558c;font-size:14px;cursor:pointer} #assetPreviewReferenceActions button:last-child{background:#1677ed;border-color:#1677ed;color:#fff} #assetPreviewReferenceActions button:disabled{opacity:.5;cursor:wait} .dashboard-result-byline{display:flex;align-items:center;gap:16px;margin:0 0 10px}.dashboard-result-byline b{font-size:17px;color:#203755;font-weight:650}.dashboard-result-byline b span{color:#7162f4;font-size:21px}.dashboard-result-byline time{font-size:12px;color:#a2b2cb} .dashboard-result-description{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.dashboard-result-description p{margin:0;max-width:min(100%,900px);font-size:14px;line-height:1.8;color:#314766;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-result-description p.is-expanded{display:block;overflow:visible;max-width:100%}.dashboard-result-tags{display:flex;gap:6px;flex-wrap:wrap;padding-top:1px}.dashboard-result-tags span{padding:4px 8px;border:1px solid #e7eef8;border-radius:5px;background:#ffffffbb;color:#8599b9;font-size:11px;line-height:1.5;white-space:nowrap}.dashboard-prompt-more{padding:5px 9px;border:0;background:#eaf3ff;border-radius:6px;color:#5e83b3;font-size:11px} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #outputPanel:has(#resultsView:not(.hidden)){border:0!important;border-radius:0!important;background:transparent!important;min-height:0!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultsView.result-gallery{padding:0 20px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .output-zone:has(#resultsView:not(.hidden)){background:linear-gradient(180deg,#e1f1ff88,#f8fbff00)!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .result-download-toolbar:has(#resultTopDownloadBtn:not(.hidden)){margin:0!important;padding:0 20px!important;min-height:34px!important;justify-content:flex-end!important;background:transparent!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultGalleryHeading{display:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultTopDownloadBtn#resultTopDownloadBtn{min-height:31px!important;padding:5px 11px!important;border-radius:8px!important;font-size:11px!important;background:#ffffffbd!important;color:#4673a5!important;border:1px solid #dbe8fa!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultsView.result-gallery #resultGrid#resultGrid{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;gap:20px 14px!important;align-items:start!important;justify-content:start!important;background:transparent!important;grid-auto-rows:auto!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid>.result-card{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;width:min(100%,var(--home-result-card-width,320px))!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:0!important;margin:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-image-open{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;max-height:460px!important;aspect-ratio:auto!important;transform:none!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-image-open>img{display:block!important;position:static!important;inset:auto!important;width:auto!important;max-width:100%!important;background:transparent!important;height:auto!important;max-height:var(--home-result-image-max-height,min(50vh,460px))!important;object-fit:contain!important;object-position:left center!important;border-radius:14px!important;transform:none!important;margin:0!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-image-open>span{display:none!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-gallery-meta{display:none!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-action-toolbar{order:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;width:100%!important;box-sizing:border-box!important;container:result-actions / inline-size;padding:8px 0 0!important;margin:0!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-action-toolbar>button{width:100%!important;max-width:none!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;min-height:32px!important;height:auto!important;padding:4px 1px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#405979!important;box-shadow:none!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-action-toolbar>button:disabled{opacity:.4!important;cursor:default!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-action-toolbar>button::before{display:block!important;width:13px!important;height:13px!important;flex:0 0 13px!important;margin:0!important;background-size:contain!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-selected-badge{display:none!important} html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-pending-artwork{max-height:var(--home-result-image-max-height,min(50vh,460px))!important;min-height:220px!important;border:1px dashed #bfdbff!important;border-radius:14px!important;background:#eaf5ff88!important} html body.workspace-readable.home-layout-enabled #resultFollowup{display:none!important} } @media(min-width:761px){ @container result-actions (max-width:120px){ html body.workspace-readable.home-layout-enabled #resultsView.result-gallery #resultGrid#resultGrid .result-action-toolbar>button{flex-direction:column!important;min-height:42px!important;padding:3px 0!important;font-size:10px!important;gap:3px!important} } } @media(min-width:761px) and (max-width:1050px){ html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultsView.result-gallery #resultGrid#resultGrid{grid-template-columns:none!important;width:100%!important} html body.workspace-readable.home-layout-enabled #dashboardResultMeta:not(.hidden){padding-left:8px;padding-right:8px} html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultsView.result-gallery{padding-left:8px!important;padding-right:8px!important} } @media(min-width:761px){ html body.workspace-readable.home-layout-enabled #dashboardCreationPane#dashboardCreationPane .reference-upload-tray.has-reference-assets{display:flex!important;flex-direction:column!important;width:90px!important;min-width:0!important;height:104px!important;min-height:0!important;max-height:104px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;gap:8px!important;border:0!important;background:transparent!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane#dashboardCreationPane .reference-upload-tray.has-reference-assets #referenceUploadZone{order:0!important;flex:0 0 104px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane#dashboardCreationPane .reference-upload-tray.has-reference-assets #referenceList{order:1!important;display:flex!important;flex:0 0 88px!important;width:86px!important;min-width:86px!important;height:88px!important;min-height:88px!important;max-height:88px!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;padding:0!important} } @media(min-width:761px){html body.workspace-readable.home-layout-enabled:not(.dashboard-home) #resultTopDownloadBtn#resultTopDownloadBtn>span{color:#4673a5!important;-webkit-text-fill-color:#4673a5!important}} /* Keep native uploaded images visible next to the desktop prompt. */ #dashboardInputAssets{display:none} @media(min-width:761px){ html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:has(.asset){display:flex!important;align-items:flex-start!important;gap:8px!important;max-width:100%!important;min-width:0!important;height:80px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0!important;margin:0 0 10px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets :is(.dashboard-product-images,.dashboard-reference-images,#assetList,#referenceList){display:contents!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset{position:relative!important;flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:74px!important;min-height:0!important;margin:0!important;padding:3px!important;border:1px solid #dce9ff!important;border-radius:9px!important;background:#f4f9ff!important;box-shadow:none!important;overflow:hidden!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-open{display:block!important;width:60px!important;height:51px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-open>img, html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-upload-thumb{display:block!important;width:60px!important;height:51px!important;margin:0!important;object-fit:contain!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-upload-thumb :is(img,video){width:100%!important;height:100%!important;object-fit:contain!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-open>span:not(.asset-upload-thumb):not(.asset-upload-copy){display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-order-label{position:static!important;display:block!important;width:auto!important;margin:2px 0 0!important;padding:0!important;color:#48648f!important;background:none!important;font-size:11px!important;line-height:15px!important;text-align:center!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-remove{position:absolute!important;right:2px!important;top:2px!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #dfebfc!important;border-radius:50%!important;background:#fff!important;color:#47658f!important;font-size:0!important;line-height:16px!important;box-shadow:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-remove::before{content:"×";font-size:15px} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets .asset-upload-copy{position:absolute!important;left:3px!important;right:3px!important;top:auto!important;bottom:20px!important;transform:none!important;width:auto!important;max-width:none!important;padding:1px!important;background:#eff6ffed!important;color:#426490!important;font-size:9px!important;line-height:12px!important;text-align:center!important} } /* Desktop upload is an add tile after the ordered image strip. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .studio-stage>#dashboardCreationPane#dashboardCreationPane{grid-template-columns:minmax(0,1fr)!important;padding:14px 16px!important;gap:12px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane#dashboardCreationPane .upload-step{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane .config-step, html body.workspace-readable.home-layout-enabled #dashboardCreationPane .dashboard-composer-toolbar{grid-column:1!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;height:42px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0 0 12px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets#dashboardInputAssets:has(.asset){align-items:flex-start!important;height:78px!important;padding:2px 0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardAddImage#dashboardAddImage{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:7px!important;width:118px!important;min-width:118px!important;height:38px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:1px dashed #bad6f7!important;border-radius:9px!important;background:#f7fbff!important;color:#3975b7!important;font-size:12px!important;box-shadow:none!important;cursor:pointer!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardAddImage svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;flex:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets:has(.asset) #dashboardAddImage#dashboardAddImage{flex:0 0 68px!important;flex-direction:column!important;width:68px!important;min-width:68px!important;height:74px!important;gap:6px!important;padding:5px!important;font-size:11px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardInputAssets:has(.asset) #dashboardAddImage svg{width:25px!important;height:25px!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardAddImage#dashboardAddImage:hover{border-color:#77b1f4!important;background:#edf6ff!important;color:#126bce!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardAddImage#dashboardAddImage:focus-visible{outline:2px solid #68aafa!important;outline-offset:2px!important} } /* Text and actions share one desktop input surface. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled #dashboardCreationPane .config-step>.settings-grid>#ratioPanel{display:none!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardPromptSurface{min-width:0;border:1px solid var(--workspace-line,#e0ebfd);border-radius:16px;background:var(--workspace-surface,#fff);transition:border-color .15s,box-shadow .15s} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardPromptSurface:focus-within{border-color:var(--workspace-blue,#1760e8);box-shadow:0 0 0 2px #1760e812} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardPromptSurface #promptBox#promptBox{background:transparent!important;border-radius:16px 16px 0 0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardPromptSurface #briefInput#briefInput{border:0!important;border-radius:16px 16px 0 0!important;background:transparent!important;box-shadow:none!important;outline:0!important} html body.workspace-readable.home-layout-enabled #dashboardCreationPane #dashboardPromptSurface .dashboard-composer-toolbar{padding:10px;box-sizing:border-box} } /* Desktop navigation shares the AI home button interaction. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module]{height:46px!important;min-height:46px!important;padding:0 19px!important;gap:12px!important;border-radius:9px!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#34547e!important;transition:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module] .module-tab-copy>b{font-size:14px!important;font-weight:650!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module] :is(.module-icon,.module-tab-copy){color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs :is(.module-selected-preview,.module-hover-preview){display:none!important;visibility:hidden!important;opacity:0!important} html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module]:is(:hover,:focus-visible), html body.workspace-readable.home-layout-enabled:not(.dashboard-home) .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module].active, html body.workspace-readable.home-layout-enabled #dashboardHomeBtn:is(:hover,:focus-visible){color:white!important;background:linear-gradient(100deg,#087aff,#55bfff)!important;box-shadow:0 6px 14px #1688ff1c!important} html body.workspace-readable.home-layout-enabled .studio-stage>.topbar #workbenchInstallBtn#workbenchInstallBtn#workbenchInstallBtn{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:0!important} } @media(min-width:761px){html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module]::before,html body.workspace-readable.home-layout-enabled .app-shell>.lime-workbench #moduleTabs#moduleTabs#moduleTabs [data-module]::after{content:none!important;display:none!important}} /* Desktop Xiaoyi uses the existing mascot artwork without modifying its pixels. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled #dashboardHomeBtn .xiaoyi-mascot{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px} #dashboardHomeBtn .xiaoyi-mascot img{display:block;width:34px;height:34px;object-fit:contain;animation:xiaoyi-float 5.6s ease-in-out infinite!important} #dashboardHomeBtn .xiaoyi-mascot{transition:transform .22s ease!important;transform-origin:center} #dashboardHomeBtn:is(:hover,:focus-visible) .xiaoyi-mascot{transform:translateY(-1px) rotate(-4deg) scale(1.04)} #dashboardHomeBtn:active .xiaoyi-mascot{transform:translateY(1px)} html body.workspace-readable.home-layout-enabled #dashboardHomeBtn:focus-visible{outline:2px solid #73aeff;outline-offset:3px} @keyframes xiaoyi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}} } @media(prefers-reduced-motion:reduce){#dashboardHomeBtn .xiaoyi-mascot img{animation:none!important}#dashboardHomeBtn .xiaoyi-mascot{transition:none!important;transform:none!important}} /* Representative scene covers and the complete desktop catalogue. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-panels{display:flex!important;flex-direction:column;gap:20px;align-items:stretch} html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-panels>.dashboard-scenes, html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-featured{padding:20px!important;width:100%;box-sizing:border-box} html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-scene-list{display:block!important;column-count:4;column-gap:14px} .dashboard-scene-list>button{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;width:100%;margin:0 0 14px;break-inside:avoid;overflow:hidden;border-radius:12px;border:1px solid #e0e8f3;background:#fff;min-height:0;transition:border-color .16s,box-shadow .16s} .dashboard-scene-list>button:hover{background:#fff;border-color:#75aafa;box-shadow:0 5px 16px #17397112} .dashboard-scene-list>button:focus-visible{outline:3px solid #76aefe;outline-offset:3px} .dashboard-scene-list .dashboard-scene-art{display:block;width:100%;height:auto;aspect-ratio:auto;flex:0 0 auto;background:transparent;overflow:hidden} .dashboard-scene-list .dashboard-scene-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0} .dashboard-scene-list .dashboard-scene-copy{padding:13px 14px;background:#fff} .dashboard-scene-list b{font-size:14px;color:#233856} .dashboard-scene-list small{font-size:11px;margin-top:5px;color:#71829a;white-space:normal;line-height:1.5} .dashboard-featured-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:16px} .dashboard-featured-head p{font-size:12px;color:#7a8ba4;margin:7px 0 0} .dashboard-featured-head nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;width:100%;max-width:100%;min-width:0;scrollbar-width:none} .dashboard-featured-head button{flex:0 0 auto;font-size:11px;padding:7px 10px;border-radius:8px;background:#f6f8fc;color:#526780;border-color:#e4eaf3} .dashboard-featured-head button.active{background:#2479ed;border-color:#2479ed} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .dashboard-catalog-sections{display:flex!important;flex-wrap:wrap;gap:8px;margin:0 0 12px} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-category-strip{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;margin-bottom:18px!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-category-strip button{font-size:11px!important;padding:6px 10px!important;color:#586e8b!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-count:4!important;column-gap:16px!important;gap:0 16px!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-card{background:#fff!important;border:1px solid #e5ebf4!important;border-radius:11px!important;overflow:hidden;transition:box-shadow .16s,border-color .16s} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-card:hover{border-color:#9bbcf0!important;box-shadow:0 6px 18px #23477814!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-caption{padding:12px!important} .dashboard-featured .template-caption-title{font-size:13px!important;line-height:1.5!important;color:#2b3e59!important} .dashboard-featured .template-caption-meta,.dashboard-featured .template-caption-size{font-size:11px!important;line-height:1.7!important;color:#75869f!important} .dashboard-catalog-status{color:#647b9b;font-size:12px;padding:10px 12px;background:#f2f7ff;border-radius:8px;margin-bottom:14px} .dashboard-catalog-status button{margin-left:8px;background:#fff;border:1px solid #c9dcfa;border-radius:5px;color:#2373d5;padding:4px 8px} .dashboard-catalog-end{color:#8796ac;font-size:12px;text-align:center;padding:20px 0 5px} } @media(min-width:1500px){ html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-scene-list{column-count:6} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;column-count:6!important} } @media(min-width:761px) and (max-width:1099px){ html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-scene-list{column-count:3} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-count:3!important} } @media(min-width:761px){.dashboard-tool-disclosure{display:block;font-size:11px;color:#8492a8;margin-top:5px}} @media(min-width:761px){ html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-thumb{display:block!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;background:transparent!important} html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-thumb>img{display:block!important;width:100%!important;height:auto!important;padding:0!important;background:transparent!important} } /* Partial, translucent real-template previews fill only the scene column tails. */ @media(min-width:761px){ .dashboard-scene-list{position:relative} .dashboard-scene-peeks{position:absolute;inset:0;pointer-events:none;overflow:hidden} .dashboard-scene-peek{position:absolute;overflow:hidden;border-radius:12px;opacity:.46;mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.7)65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.7)65%,transparent 100%)} .dashboard-scene-peek img{display:block;width:100%;height:auto;padding:0} } /* One explicit centre control reveals additional real templates on request. */ @media(min-width:761px){ .dashboard-scene-list .dashboard-scene-copy{display:flex;flex-direction:column;text-align:left} .dashboard-scene-load{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0 0} .dashboard-scene-load>button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 24px;background:transparent;border:0;color:#6b85a6;font-size:12px;cursor:pointer} .dashboard-scene-load-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d5e5fa;border-radius:50%;background:#f0f7ff;color:#3983e9;box-shadow:0 3px 10px #297ad50a;transition:background .16s,border-color .16s,transform .16s} .dashboard-scene-load-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .dashboard-scene-load>button:hover .dashboard-scene-load-icon{background:#e4f0ff;border-color:#91bbf5;transform:translateY(2px)} .dashboard-scene-load>button:focus-visible{outline:2px solid #73aaff;outline-offset:3px;border-radius:9px} .dashboard-scene-load>button:disabled{cursor:wait;opacity:.6} .dashboard-scene-load>button[hidden]{display:none} .dashboard-scene-load-status{font-size:11px;color:#8395ad;min-height:0} .dashboard-scene-load-status:empty{display:none} } @media(prefers-reduced-motion:reduce){.dashboard-scene-load-icon{transition:none}} /* The home catalogue reveals its next page with the same faded hint and arrow. */ @media(min-width:761px){ .dashboard-catalog-display{position:relative} .dashboard-catalog-display.has-more-templates{padding-bottom:80px} .dashboard-catalog-peeks{position:absolute;inset:0;overflow:hidden;pointer-events:none} .dashboard-catalog-load{padding-top:10px} } /* Expanded scenes share one masonry grid, so later pages fill earlier short columns. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardSceneTemplates{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:row dense;gap:0 14px;align-items:start} .dashboard-scene-display{position:relative} .dashboard-scene-display.has-more-templates{padding-bottom:80px} .dashboard-scene-peeks .dashboard-scene-peek>img{position:relative;left:50%;transform:translateX(-50%);height:auto!important} #dashboardSceneTemplates>button{position:relative;display:flex!important;flex-direction:column;align-self:start;width:100%!important;height:auto!important;min-height:0!important;min-width:0;margin:0!important;padding:0!important;overflow:hidden;border:1px solid #e0e8f3!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;text-align:left;transform:none!important} #dashboardSceneTemplates>button:hover{border-color:#75aafa!important;box-shadow:0 5px 16px #17397112!important} #dashboardSceneTemplates>button:focus-visible{outline:3px solid #76aefe;outline-offset:3px} #dashboardSceneTemplates .dashboard-scene-art{display:block;width:100%;height:auto;aspect-ratio:auto;flex:none;padding:0;background:transparent} #dashboardSceneTemplates .dashboard-scene-art img{display:block;width:100%!important;height:auto!important;max-height:none!important;padding:0;object-fit:contain;border-radius:0} #dashboardSceneTemplates .dashboard-scene-copy{display:flex;flex-direction:column;padding:13px 14px;background:#fff} #dashboardSceneTemplates b{font-size:14px;color:#233856;line-height:1.5} #dashboardSceneTemplates small{font-size:11px;color:#71829a;margin-top:5px;line-height:1.5} } @media(min-width:1500px){html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardSceneTemplates{grid-template-columns:repeat(6,minmax(0,1fr))}} @media(min-width:761px) and (max-width:1099px){html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardSceneTemplates{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(min-width:761px){ html body.workspace-readable.home-layout-enabled.dashboard-home #templateGallery .template-grid.template-waterfall{grid-auto-flow:row dense} #templateGallery .dashboard-catalog-peeks .dashboard-scene-peek>img{position:relative;left:50%;transform:translateX(-50%);height:auto!important} } /* Independent seasonal inspiration: editorial covers, not library previews. */ @media(min-width:761px){ html body.workspace-readable.home-layout-enabled.dashboard-home .dashboard-curated-scenes{background:linear-gradient(130deg,#f2f6ff,#fff 55%,#fff7f0)!important;border-color:#dce5f6!important} .dashboard-curated-scenes>header{align-items:center;gap:12px;margin-bottom:16px} .dashboard-curated-scenes>header>div:first-child{display:block} .dashboard-curated-scenes h2{font-size:22px;letter-spacing:-.02em} .dashboard-curated-scenes>header>div>span{display:block;margin-top:6px} html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardSceneTemplates.dashboard-curated-grid{column-count:unset!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px} #dashboardSceneTemplates.dashboard-curated-grid>.dashboard-curated-card{overflow:hidden;border:1px solid #e0e8f3!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important} #dashboardSceneTemplates.dashboard-curated-grid>.dashboard-curated-card:hover{border-color:#75aafa!important;box-shadow:0 5px 16px #17397112!important} #dashboardSceneTemplates.dashboard-curated-grid .dashboard-scene-art{overflow:hidden;border-radius:11px 11px 0 0} #dashboardSceneTemplates.dashboard-curated-grid .dashboard-scene-art>img{border-radius:0;object-fit:contain} #dashboardSceneTemplates.dashboard-curated-grid .dashboard-scene-copy{display:flex;flex-direction:column;padding:12px 13px 15px;background:#fff} #dashboardSceneTemplates.dashboard-curated-grid .dashboard-scene-copy b{color:#233856;font-size:14px;line-height:1.45;white-space:normal} #dashboardSceneTemplates.dashboard-curated-grid .dashboard-scene-copy small{margin-top:5px;color:#8594aa;font-size:11px;line-height:1.35;white-space:normal} } @media(min-width:1500px){html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardSceneTemplates.dashboard-curated-grid{grid-template-columns:repeat(6,minmax(0,1fr))}} @media(min-width:761px) and (max-width:1099px){html body.workspace-readable.home-layout-enabled.dashboard-home #dashboardSceneTemplates.dashboard-curated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}}