.framework{--product-framework-height:100dvh;--product-framework-gutter:var(--space-4);--product-framework-page-inset:var(--space-32);box-sizing:border-box;width:100%;height:var(--product-framework-height);background-color:var(--neutral-surface-main);align-items:stretch;display:flex;position:relative;overflow:clip}.framework *,.framework :before,.framework :after{box-sizing:border-box}.framework-body{background-color:var(--neutral-surface-main);flex-direction:column;flex:1 0 0;min-width:0;display:flex;overflow:clip}.framework-canvas{width:100%;min-height:0;padding:0 var(--product-framework-gutter) var(--product-framework-gutter) 0;flex-direction:row;flex:1 0 0;display:flex;position:relative}.framework-stage{flex-direction:column;flex:1 0 0;min-width:0;min-height:0;display:flex;position:relative}.framework-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.framework-overlay>*{pointer-events:auto}.framework-aside{flex-shrink:0;min-height:0;display:flex}.framework-aside .ai-chat-sidebar-dock{padding-left:var(--product-framework-gutter)}.framework-aside .ai-chat-sidebar--contained{--ai-chat-sidebar-width:400px;border-radius:var(--radius-16);background-color:var(--neutral-surface-main);border:0}.framework-main{--ui-filters-sticky-height:calc(var(--product-framework-height) - var(--product-toolbar-height,56px) - var(--product-framework-gutter));width:100%;min-height:0;padding:var(--product-framework-page-inset);border-radius:var(--radius-16);background-color:var(--neutral-surface-main);color:var(--neutral-content-body);flex-direction:column;flex:1 0 0;display:flex;overflow-y:auto}.framework-breadcrumbs{flex-shrink:0;width:100%}.framework-breadcrumbs:not(:last-child){margin-bottom:var(--space-32)}@media (max-width:900px){.framework .product-sidebar{z-index:2;height:100%;width:var(--product-sidebar-width);transition:transform .3s,width .3s;position:absolute;top:0;left:0;transform:translate(-100%)}.framework .product-sidebar[data-open=true]{transform:translate(0)}.framework .product-sidebar[data-open=false]{width:var(--product-sidebar-width)}.framework{--product-framework-page-inset:var(--space-16)}.framework-canvas{padding:0 var(--product-framework-gutter) var(--product-framework-gutter)}.framework-aside{top:0;right:var(--product-framework-gutter);bottom:var(--product-framework-gutter);z-index:2;position:absolute}.framework-aside .ai-chat-sidebar-dock{padding-left:0}.framework-aside .ai-chat-sidebar--contained{--ai-chat-sidebar-width:min(400px, calc(100vw - 2 * var(--product-framework-gutter)));box-shadow:var(--shadow-bottom-xl)}}@media (prefers-reduced-motion:reduce){.framework .product-sidebar{transition:none}}.debug-columns .framework-canvas{position:relative}.debug-columns .framework-canvas:after{content:"";top:var(--product-framework-page-inset);left:var(--product-framework-page-inset);right:calc(var(--product-framework-gutter) + var(--product-framework-page-inset));bottom:calc(var(--product-framework-gutter) + var(--product-framework-page-inset));z-index:9999;pointer-events:none;background-image:repeating-linear-gradient(to right, var(--debug-column) 0, var(--debug-column) calc((100% - 11 * var(--debug-column-gap)) / 12), transparent calc((100% - 11 * var(--debug-column-gap)) / 12), transparent calc((100% - 11 * var(--debug-column-gap)) / 12 + var(--debug-column-gap)));position:absolute}@media (max-width:900px){.debug-columns .framework-canvas:after{left:calc(var(--product-framework-gutter) + var(--product-framework-page-inset))}}