.product-workspace{position:relative;isolation:isolate;margin:24px var(--fresh-section-inline,56px) 56px;padding:24px;border-radius:var(--studio-radius);overflow:hidden}.product-workspace>.ai-demo-frame{position:relative;box-shadow:0 8px 24px #00000017}.product-workspace__scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:0 0 var(--studio-radius) var(--studio-radius)}.product-workspace__scroll:focus-visible{outline:2px solid var(--fresh-line-blue);outline-offset:-3px}.product-workspace__canvas{min-width:1100px}.product-workspace .mockup-window-wrap{--workspace-mock-padding:16px;padding:var(--workspace-mock-padding)}@media(max-width:760px){.product-workspace{margin:20px 18px 32px;padding:12px}.product-workspace .mockup-window-wrap{--workspace-mock-padding:12px}}.tabbed-product-workspace{min-width:0}.tabbed-product-workspace__navigation{display:flex;justify-content:center;margin:24px var(--fresh-section-inline,56px) 0}.tabbed-product-workspace__panels{display:grid;height:620px}.tabbed-product-workspace__panel{grid-area:1/1;min-height:0;height:100%;overflow:auto;overscroll-behavior-y:auto;scrollbar-width:thin;container-type:size}.tabbed-product-workspace__panel>.mockup-window-wrap[data-mock-canvas]{--mock-canvas-max-width:calc((100cqh - 2 * var(--workspace-mock-padding)) * var(--mock-canvas-aspect-ratio))}@media(max-width:760px){.tabbed-product-workspace__navigation{margin-inline:18px}.tabbed-product-workspace__panels{height:540px}}
