.designer .de-canvas-focus-button{color:#785397;pointer-events:auto;background:#fff;border:1px solid #e5daef;border-radius:10px;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:10px;font-size:11px;display:flex}.designer .de-canvas-toolbar>.de-canvas-focus-button{order:3}.designer .de-canvas-focus-button:hover{background:#f5edff}.de-canvas-focused{isolation:auto!important}.designer.de-canvas-focused .de-workspace{z-index:500;width:100vw;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#f4effa;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;overflow:hidden;container-type:size;position:fixed!important;inset:0!important}.designer.de-canvas-focused .de-canvas-toolbar{flex:none;order:0;width:100%;min-height:44px;position:static}.designer.de-canvas-focused .de-zoom-viewport{width:min(calc(100cqw - 8px), calc((100cqh - 140px) * var(--de-stage-ratio,1)));flex:none;order:1;align-self:center;max-width:100%;margin:auto}.designer.de-canvas-focused .de-zoom-controls{flex-direction:row;flex:none;order:3;margin:0;display:flex;position:static;transform:none}.designer.de-canvas-focused .de-colors{flex:none;order:2;max-width:100%;margin:0;position:static;transform:none}.designer.de-canvas-focused .de-touch-controls{flex:none;order:4;max-width:100%;margin:0;position:static;transform:none}.designer.de-canvas-focused .de-canvas-bottom,.designer.de-canvas-focused .de-zoom-hint{display:none}@media (width<=760px){.designer-shell .workspace-topbar{background:#fff;border-bottom:1px solid #eee8f2;height:48px;min-height:48px;padding:0 12px}.designer-shell .workspace-topbar .topbar-left>span{display:none}.designer-shell .workspace-topbar .topbar-left:after{content:"Design studio";color:#705b82;font-size:12px;font-weight:600}.designer-shell .workspace-topbar .store-link{gap:5px;min-height:44px;font-size:11px}.designer-shell .workspace-topbar .topbar-divider,.designer-shell .workspace-topbar .topbar-signout{display:none}.designer-shell .workspace-topbar .user-avatar{width:34px;min-width:34px;height:34px;font-size:12px}.designer-shell .workspace-content{max-width:100%;padding:0!important}.designer-shell .workspace-footer{display:none}.designer-shell .demo-banner{padding:6px 12px;font-size:10px;line-height:1.5}.designer.designer-canvas-first{box-shadow:none;border:0;border-radius:0;display:flex;height:auto!important;min-height:0!important;overflow:visible!important}.designer.designer-canvas-first .designer-header{background:#fff;border-bottom:1px solid #e9dff1;grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;display:grid;padding:8px 12px!important}.designer.designer-canvas-first .designer-heading{gap:7px;width:100%;min-height:34px}.designer.designer-canvas-first .designer-heading .de-back{width:36px;height:36px;min-height:36px;padding:8px}.designer.designer-canvas-first .designer-heading input{min-height:34px;padding:3px 0;font-size:16px!important}.designer.designer-canvas-first .designer-heading .de-eyebrow{display:none}.designer.designer-canvas-first .de-draft{white-space:nowrap;flex-shrink:0;max-width:105px;margin-left:auto;padding:5px 7px;font-size:9px}.designer.designer-canvas-first .de-header-actions{flex-wrap:nowrap;justify-content:stretch;gap:6px;width:100%;margin:0;padding:0;display:flex}.designer.designer-canvas-first .de-header-actions>.de-button{flex:1;justify-content:center;gap:6px;min-height:44px;padding:9px 10px;font-size:12px}.designer.designer-canvas-first .de-header-actions>.de-ai-jump{display:none}.designer.designer-canvas-first .de-header-actions>.de-popover>.de-button{min-width:44px;min-height:44px;padding:9px}.designer.designer-canvas-first .de-header-actions>.de-popover>.de-button>span{display:none}.designer.designer-canvas-first .designer-grid{flex:none;height:auto;min-height:0;display:flex!important;overflow:visible!important}.designer.designer-canvas-first .de-workspace{flex-direction:column;flex:none;order:0;justify-content:flex-start;align-items:center;gap:4px;min-height:0;padding:6px 6px 13px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.designer.designer-canvas-first .de-canvas-toolbar{pointer-events:auto;flex:none;order:0;align-items:center;gap:5px;width:100%;min-height:44px;margin:0;display:flex;position:static}.designer.designer-canvas-first .de-side-toggle button{min-height:44px;padding:9px 13px;font-size:12px}.designer.designer-canvas-first .de-history{background:#fff;border:1px solid #e6ddef;border-radius:10px;gap:0;margin-left:auto;padding:0;display:flex}.designer.designer-canvas-first .de-history .de-icon,.designer.designer-canvas-first .de-view-button{width:40px;min-width:40px;min-height:44px;padding:9px}.designer.designer-canvas-first .de-canvas-focus-button>span{display:none}.designer.designer-canvas-first .de-zoom-viewport{overscroll-behavior:auto;flex:none;order:1;align-self:center;width:100%;max-width:100%;min-height:0;margin:0}.designer.designer-canvas-first .de-zoom-content{min-width:100%}.designer.designer-canvas-first .de-stage{width:100%;margin:0}.designer.designer-canvas-first .de-colors{width:auto;max-width:100%;box-shadow:none;background:#fff;border:1px solid #e6daee;flex:none;order:2;gap:0;min-height:56px;margin:0;padding:9px 12px;display:flex;position:static;transform:none}.designer.designer-canvas-first .de-colors>div{gap:16px}.designer.designer-canvas-first .de-colors>div>button{width:28px;height:28px}.designer.designer-canvas-first .de-zoom-controls{min-width:0;max-width:100%;box-shadow:none;background:#ffffffa6;border-radius:10px;flex-direction:row;flex:none;order:3;justify-content:center;align-items:center;gap:3px;margin:2px 0 0;padding:3px 7px;display:flex;position:static;transform:none}.designer.designer-canvas-first .de-zoom-controls button{min-width:44px;min-height:44px;padding:8px;font-size:11px}.designer.designer-canvas-first .de-zoom-controls output{min-width:38px;font-size:11px}.designer.designer-canvas-first .de-touch-controls{flex:none;order:4;gap:5px;max-width:100%;margin:0;padding:3px;display:flex;position:static;transform:none}.designer.designer-canvas-first .de-canvas-bottom,.designer.designer-canvas-first .de-zoom-hint{display:none}.designer.designer-canvas-first .de-tools,.designer.designer-canvas-first.de-panel-expanded .de-tools,.designer.designer-canvas-first.de-panel-collapsed .de-tools{overscroll-behavior:auto;width:100%;min-height:0;max-height:none;padding:0 18px max(32px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3d9ee;flex:none;order:1;scroll-padding-top:0;height:auto!important;overflow:visible!important}.designer.designer-canvas-first .de-panel-controls{display:none!important}.designer.designer-canvas-first .de-panel-navigation{box-shadow:none;height:auto;margin:0 0 17px;position:static;top:auto}.designer.designer-canvas-first .de-flow-step{padding:24px 0 26px;scroll-margin-top:16px}.designer.designer-canvas-first .de-flow-heading{align-items:flex-start;gap:11px;margin-bottom:17px}.designer.designer-canvas-first .de-flow-number{border-radius:10px;flex:none;width:31px;height:31px;font-size:13px}.designer.designer-canvas-first .de-flow-heading h2{letter-spacing:-.035em;margin:1px 0 0;font-size:18px;line-height:1.4}.designer.designer-canvas-first .de-flow-heading p{color:#867192;margin-top:5px;font-size:12px;line-height:1.6;display:block}.designer.designer-canvas-first.de-panel-collapsed .de-flow-heading{display:flex}.designer.designer-canvas-first .de-flow-next{min-height:48px;margin-top:20px;padding:13px;font-size:13px}.designer.designer-canvas-first .de-upload{border-radius:14px;min-height:130px;padding:18px}.designer.designer-canvas-first .de-resource-grid button{min-height:92px;padding:15px;font-size:13px}.designer.designer-canvas-first .de-resource-grid small{font-size:12px}.designer.designer-canvas-first .de-inspector-section button{min-height:44px}.designer.de-canvas-focused .de-workspace{height:100dvh;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));justify-content:center;gap:4px;container-type:size;position:fixed!important}.designer.de-canvas-focused .de-zoom-viewport{width:min(calc(100cqw - 8px), calc((100cqh - 170px) * var(--de-stage-ratio,1)));flex:none;margin:auto}.designer.de-canvas-focused .de-canvas-focus-button>span{display:inline}.designer.de-canvas-focused .de-canvas-focus-button{min-width:64px;padding:9px;font-size:11px}.designer.de-canvas-focused .de-canvas-toolbar{gap:3px}}@media (prefers-reduced-motion:reduce){.designer .de-canvas-focus-button{transition:none}}.designer.designer-canvas-first .de-canvas-surface{flex:1;order:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.designer.designer-canvas-first .de-canvas-surface>.de-zoom-viewport{width:min(calc(100cqw - 8px),calc(100cqh * var(--de-stage-ratio,1)));max-width:100%;margin:0}@media (width>=761px){.designer.designer-canvas-first .de-workspace{flex-direction:column;justify-content:flex-start;gap:6px;padding:10px 12px;display:flex}.designer.designer-canvas-first .de-canvas-toolbar{flex:none;order:0;width:100%;min-height:44px;position:static}.designer.designer-canvas-first .de-colors{flex:none;order:2;max-width:100%;margin:0;position:static;transform:none}.designer.designer-canvas-first .de-canvas-bottom{display:none}}@media (width<=760px){.designer.designer-canvas-first .de-canvas-surface{flex:none;height:auto;container-type:inline-size}.designer.designer-canvas-first .de-canvas-surface>.de-zoom-viewport{width:100%}.designer.de-canvas-focused .de-canvas-surface{flex:1;min-height:0;container-type:size}.designer.de-canvas-focused .de-canvas-surface>.de-zoom-viewport{width:min(calc(100cqw - 8px),calc(100cqh * var(--de-stage-ratio,1)))}}