:root{--shell-rail: 220px;--shell-gutter: 24px;--shell-surface: var(--dxz-surface);--shell-canvas: var(--dxz-canvas)}body{background:var(--shell-canvas)}.ambient{display:none}:root .workbench,:root:is(.studio-open,.embedded) .workbench{display:grid;grid-template-columns:var(--shell-rail) minmax(0,1fr);width:calc(100% - var(--shell-gutter)*2);max-width:1600px;margin:20px auto 32px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.workbench>header{grid-column:1 / -1;min-height:78px;padding:16px 22px;gap:20px;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 20px rgba(var(--bs-body-color-rgb),.025)}.brand-logo{width:38px;height:38px;border-radius:10px;box-shadow:none}.brand-copy strong{font-size:19px;font-weight:700;letter-spacing:-.45px}.brand .brand-version{border:0;background:var(--bs-tertiary-bg);padding:2px 5px;font-size:11px}.brand-tagline{font-size:12px;letter-spacing:0}.header-actions{gap:8px}.header-actions button{--bs-btn-font-size: 12px;--bs-btn-padding-x: 12px;min-height:38px}.header-actions #currentUserIdentity{max-width:210px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions #mode{font-size:11px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.credits-balance{min-height:38px;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums;border-color:transparent}:root .workbench>nav{grid-column:1;grid-row:2 / span 8;align-self:start;position:sticky;top:20px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px;margin:22px 0 0;padding:20px 12px 14px;max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:var(--shell-surface);scrollbar-width:thin}.workbench .workbench-nav-create,.workbench .workbench-nav-library{display:flex;flex:none;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:0;border:0}.nav-section-label{display:block;margin:0;padding:0 12px 10px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em}.workbench-nav-library .nav-section-label{margin-top:17px;padding-top:18px;border-top:1px solid var(--line)}:root .workbench>nav [data-tab]{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:10px 12px;white-space:normal;text-align:left;line-height:1.45;border:0;border-radius:9px;--bs-btn-font-size: 13px;--bs-btn-color: var(--muted);--bs-btn-bg: transparent;box-shadow:none;--bs-btn-hover-bg: var(--bs-tertiary-bg);--bs-btn-hover-color: var(--text);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.workbench .workbench-nav-icon{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:0;color:inherit;background:transparent}.workbench-nav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:root .workbench>nav [data-tab].active{--bs-btn-color: var(--bs-primary);--bs-btn-bg: var(--bs-primary-bg-subtle);--bs-btn-hover-bg: var(--bs-primary-bg-subtle);--bs-btn-hover-color: var(--bs-primary);--bs-btn-active-bg: var(--bs-primary-bg-subtle);--bs-btn-active-color: var(--bs-primary);font-weight:650;box-shadow:inset 0 0 0 1px rgba(var(--bs-primary-rgb),.09)}.workbench>nav [data-tab].active .workbench-nav-icon{background:transparent;color:var(--bs-primary)}:root .workbench>nav [data-tab].active:after{display:none}.workbench>nav :is(#taskCount,#importCount){margin-left:auto;font-size:11px;min-width:22px;text-align:center;background:var(--bs-tertiary-bg);color:var(--muted);padding:1px 5px;border-radius:5px}.nav-footnote{padding:18px 12px 2px;margin:8px 0 0;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--muted)}.workbench>main,.workbench>#configError,.workbench>#creditNotice,.workbench>#workbenchNotices{grid-column:2;min-width:0}.workbench>main{padding:24px 0 0 24px}.workbench>:is(#configError,#creditNotice,#workbenchNotices){margin:16px 0 0 24px}#workbenchNotices:empty{display:none}.workbench .studio-heading,.workbench .page-title{margin:0 0 24px}.workbench .studio-heading h1,.workbench .page-title h1{font-size:28px;line-height:1.35;font-weight:700;letter-spacing:-.7px}.workbench .studio-heading-title{gap:10px}.workbench .studio-heading #studioHelp{width:28px;height:28px;min-height:28px}.workbench #create>[data-artifact-retention]{margin:-12px 0 16px;color:var(--muted);font-size:12px}.workbench #draftStatus:empty{display:none}.workbench #draftStatus:empty+.discard-draft{display:none}.workbench .discard-draft{margin:0 0 16px;--bs-btn-padding-y: 5px;--bs-btn-padding-x: 10px;--bs-btn-font-size: 12px;min-height:32px}.workbench main>section,.workbench main>.saved-creations{border-radius:13px;box-shadow:0 2px 7px rgba(var(--bs-body-color-rgb),.018)}.workbench .section-title h2,.workbench .creation-step>summary h2{font-size:16px;letter-spacing:-.1px}.workbench h2 i{width:26px;height:26px;border-radius:8px;background:var(--bs-primary-bg-subtle);color:var(--bs-primary)}.workbench .list-filters{background:var(--shell-surface);border-radius:13px}.workbench .list-pagination{color:var(--muted);font-size:12px}:root #footer,:root .workbench:has(#create.v4-studio:not([hidden])) #footer{left:calc(var(--shell-gutter) + var(--shell-rail) + 24px);right:var(--shell-gutter);width:auto;transform:none;bottom:16px;min-height:88px;padding:15px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(var(--bs-body-bg-rgb),.97);box-shadow:0 8px 30px rgba(var(--bs-body-color-rgb),.09)}#footer #generate{min-height:44px;--bs-btn-padding-y: 11px;--bs-btn-padding-x: 24px;border-radius:9px;font-weight:600}@media(min-width:1650px){:root{--shell-gutter: calc((100vw - 1600px)/2) }}@media(min-width:1024px)and (max-width:1250px){:root{--shell-rail: 200px;--shell-gutter: 16px}.header-actions #mode{display:none}.header-actions #currentUserIdentity{max-width:150px}}@media(max-width:1023px){:root{--shell-rail: 0px;--shell-gutter: 12px}:root .workbench,:root:is(.studio-open,.embedded) .workbench{display:block;width:calc(100% - 24px);margin:12px auto 24px}.workbench>header{padding:14px 16px;min-height:76px;flex-wrap:wrap;gap:12px}.brand-copy strong{font-size:18px}.header-actions{width:100%;justify-content:flex-start}.header-actions :is(#currentUserIdentity,#mode,#help,#logout){display:none}#mobileMoreActions{display:inline-flex;min-width:44px;min-height:44px}.header-actions .credits-balance{min-height:44px;flex:1 1 auto}.header-actions button{min-height:44px}:root .workbench>nav{position:sticky;top:0;z-index:3;flex-direction:row;align-items:center;margin:12px 0 0;padding:8px;gap:10px;max-height:none;overflow-x:auto;overflow-y:hidden;border-radius:12px;overscroll-behavior-inline:contain;scroll-padding-inline:8px}.workbench .workbench-nav-create,.workbench .workbench-nav-library{display:flex;flex-direction:row;flex:none;gap:4px}.workbench .workbench-nav-library{border-left:1px solid var(--line);padding-left:10px}.nav-section-label,.nav-footnote{display:none}:root .workbench>nav [data-tab]{min-height:44px;padding:10px 12px;white-space:nowrap;gap:7px;font-size:13px}.workbench-nav-icon svg{width:18px;height:18px}.workbench>main{padding:22px 0 0}.workbench>:is(#configError,#creditNotice,#workbenchNotices){margin:12px 0 0}.workbench .studio-heading h1,.workbench .page-title h1{font-size:23px;letter-spacing:-.4px}.workbench .studio-heading{gap:12px}.workbench .studio-heading>button{--bs-btn-font-size: 12px;--bs-btn-padding-x: 10px}:root #footer,:root .workbench:has(#create.v4-studio:not([hidden])) #footer{left:0;right:0;bottom:0;width:100%;border-radius:14px 14px 0 0;min-height:0;padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:10px}}@media(max-width:480px){:root .workbench,:root:is(.studio-open,.embedded) .workbench{width:calc(100% - 20px);margin-top:10px}.workbench>header{padding:14px}.brand-tagline{font-size:11px}.workbench .studio-heading{align-items:flex-start}.workbench .studio-heading h1,.workbench .page-title h1{font-size:21px}.workbench .studio-heading-title{gap:7px}.workbench .studio-heading #studioHelp{width:26px;height:26px;min-height:26px}.workbench .discard-draft{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){:root .workbench>nav [data-tab]{transition:none}}