.hp3 .product-preview{--preview-height:var(--px-preview-height,580px);min-width:0}.hp3 .product-preview-viewport{height:var(--preview-height);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#b7c8bf transparent;border:1px solid var(--border);border-radius:10px;background:#fff}.hp3 .product-preview-canvas{--preview-font-step:1px;container:product-preview/inline-size;width:100%;height:var(--preview-height);transform-origin:top left}.hp3 .product-preview-viewport[data-fitted=true]{overflow:clip;overscroll-behavior-y:auto}.hp3 .product-preview-viewport:focus-visible{outline:2px solid var(--em);outline-offset:3px}.hp3 .product-preview-loading{display:grid;place-items:center;min-height:var(--preview-height);color:var(--t3);font-size:13px}.hp3 .product-preview[data-product=inbox] .product-preview-viewport{background:#f0f5f2}.hp3 .product-preview[data-product=inbox] .product-preview-canvas{padding:12px}.hp3 .product-preview[data-product=inbox] .support-workspace .swi-shell{height:calc(var(--preview-height) - 74px)}.hp3 .product-preview .swi-list,.hp3 .product-preview .swi-messages,.hp3 .product-preview .swi-queues{overflow-y:auto}.hp3 .product-preview .mw-preview{height:calc(var(--preview-height) - 2px)}.hp3 .product-preview .mw-work{display:flex;flex-direction:column;min-height:0}.hp3 .product-preview .mw-panel{height:auto;min-height:0;flex:1}.hp3 .product-preview .cw-frame{height:calc(var(--preview-height) - 50px);grid-template-columns:230px minmax(0,1fr)}.hp3 .product-preview .cw-nav{--preview-font-step:0px;display:flex;min-height:0}.hp3 .product-preview .cw-apps,.hp3 .product-preview .cw-crm{overflow-y:auto}.hp3 .product-preview .crm-workspace{border:0;border-radius:0;box-shadow:none}.hp3 .product-preview[data-product=projects] .product-preview-viewport{background:#171b18;border-color:#303a33}.hp3 .product-preview[data-product=projects] .product-preview-canvas{padding:14px}.hp3 .product-preview .project-hero-art-label{position:sticky;top:-14px;z-index:5;padding-block:8px;margin-top:-8px;background:#171b18}.hp3 .product-preview .project-hero-stage{height:calc(var(--preview-height) - 70px);display:flex;flex-direction:column;padding:130px 12px 12px 12%}.hp3 .product-preview .project-hero-stage>.project-hero-task{flex:1;min-height:0;width:100%}.hp3 .product-preview .project-hero-task>div{display:flex;flex-direction:column;height:100%}.hp3 .product-preview .pth-header{flex:none}.hp3 .product-preview .pth-layout{flex:1;min-height:0;overflow-y:auto}.hp3 .product-preview .pth-main{min-height:0}.hp3 .product-preview .pth-followup{top:auto;bottom:16px;left:16px;width:min(360px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto}.hp3 .product-preview .kp-workspace{height:calc(var(--preview-height) - 2px);min-height:0}.hp3 .product-preview .kp-library,.hp3 .product-preview .kp-workspace-nav{overflow-y:auto}.hp3 .product-preview .kp-library>*,.hp3 .product-preview .kp-user,.hp3 .product-preview .kp-workspace-brand{flex-shrink:0}.hp3 .product-preview .kp-app-rail,.hp3 .product-preview .kp-space-nav{overflow-y:auto}@container product-preview (max-width: 1000px){.hp3 .product-preview .project-hero-stage{padding-left:10%}}@container product-preview (max-width: 760px){.hp3 .product-preview .cw-frame{grid-template-columns:minmax(0,1fr)}.hp3 .product-preview .cw-nav,.hp3 .product-preview .project-hero-board{display:none}.hp3 .product-preview .project-hero-stage{padding:0}}@container product-preview (max-width: 620px){.hp3 .product-preview .pth-layout{grid-template-columns:minmax(0,1fr)}.hp3 .product-preview .pth-sidebar{display:none}.hp3 .product-preview .cw-record-grid{grid-template-columns:minmax(0,1fr)}.hp3 .product-preview .cw-properties{display:none}}@media (max-width:760px){.hp3 .product-preview{--preview-height:620px}}.hp3 .product-preview[data-product=projects][data-theme=light] .product-preview-viewport{background:#f6f6f7;border-color:#e4e4e7}.hp3 .product-preview[data-product=projects][data-theme=light] .project-hero-art-label{background:#f6f6f7}.hp3 .is-scroll-driven .product-preview-viewport{overflow:clip;overscroll-behavior-y:auto}.hp3 .product-preview[data-product=projects] .project-hero-art .project-hero-board,.hp3 .product-preview[data-product=projects] .project-hero-art .project-hero-task{animation:none}.hp3 .product-preview[data-product=agents] .adp{max-width:none}.hp3 .product-preview[data-product=agents] .adp-frame{height:calc(var(--preview-height) - 2px);border:0;border-radius:0}