.demo-workspace{isolation:isolate;--demo-workspace-content-top:80px}.demo-workspace .demo-workspace__scene{right:0}.demo-workspace .demo-workspace__header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:16px;display:grid}.demo-workspace .demo-workspace__identity{grid-column:1}.demo-workspace .demo-workspace__toolbar{grid-column:2;min-width:0}.demo-workspace .demo-workspace__compact-toolbar{width:max-content;max-width:calc(100% - 24px);top:76px;left:50%;transform:translate(-50%)}.demo-workspace .demo-workspace__compact-toolbar>.liquid-glass{max-width:100%}.demo-workspace .demo-workspace__compact-toolbar .glass-border{overflow-x:auto}.demo-workspace .demo-workspace__actions{grid-column:3;justify-self:end}.demo-workspace .demo-workspace__header-metrics{overscroll-behavior-x:contain;scrollbar-width:thin;flex:1 1 0;min-width:0;height:40px;overflow-x:auto}.demo-workspace .demo-workspace__metric-list{width:max-content;min-width:100%}.demo-workspace .demo-workspace__metric{flex:1 0 auto}.demo-workspace .demo-workspace__rail{max-height:calc(100% - 130px);top:82px}.demo-workspace .demo-workspace__tools{scrollbar-width:none;max-height:calc(100vh - 215px);overflow:auto}.demo-workspace .demo-workspace__panel{max-width:calc(100% - 104px);top:80px;bottom:124px}.demo-workspace .demo-workspace__panel--left{left:80px}.demo-workspace .demo-workspace__panel--right{right:16px}.demo-workspace .demo-workspace__panel>.liquid-glass{height:100%}.demo-workspace .demo-workspace__panel-body{overscroll-behavior:contain;scrollbar-width:thin;overflow:auto}.demo-workspace .demo-workspace__bottom{width:max-content;max-width:calc(100% - 176px);bottom:44px;left:50%;transform:translate(-50%)}.demo-workspace .demo-workspace__bottom>.liquid-glass,.demo-workspace .demo-workspace__bottom .glass-border{max-width:100%}.demo-workspace .demo-workspace__status{backdrop-filter:blur(16px)}.demo-workspace.demo-workspace--focused .demo-workspace__panel,.demo-workspace.demo-workspace--focused .demo-workspace__bottom,.demo-workspace.demo-workspace--focused .demo-workspace__tools,.demo-workspace.demo-workspace--focused .demo-workspace__tool-divider,.demo-workspace.demo-workspace--focused .demo-canvas-hud{display:none}.demo-workspace .demo-canvas-hud--top{top:82px}.demo-workspace .demo-canvas-hud--hint{max-width:calc(100% - 450px);top:auto;bottom:38px}.demo-workspace .demo-canvas-hud--floor{bottom:44px;left:80px}.demo-workspace .demo-canvas-schema{max-height:none;top:134px;bottom:100px;right:16px}.demo-workspace.demo-workspace--with-metrics .demo-workspace__header{flex-wrap:nowrap;display:flex}.demo-workspace.demo-workspace--with-metrics .demo-workspace__identity{flex:0 auto;max-width:30%}.demo-workspace.demo-workspace--with-metrics .demo-workspace__actions{flex-shrink:0}.demo-workspace.demo-workspace--with-metrics .demo-workspace__scene{top:var(--demo-workspace-content-top);bottom:28px}.demo-workspace.demo-workspace--docked-panel .demo-workspace__scene{right:50%}.demo-workspace.demo-workspace--docked-panel .demo-workspace__panel{top:var(--demo-workspace-content-top);width:50%;max-width:none;bottom:0;left:50%;right:0}.demo-workspace.demo-workspace--docked-panel .demo-workspace__bottom{max-width:calc(50% - 32px);left:25%}.demo-workspace.demo-workspace--docked-panel .demo-workspace__status{right:50%}.demo-workspace .demo-workspace__drawing-set,.demo-workspace .demo-workspace__drawing-sheet{flex-shrink:0}@media (width<=1100px){.demo-workspace .demo-workspace__logo{display:none}.demo-workspace .demo-workspace__header{column-gap:8px}.demo-workspace .demo-workspace__title{padding-left:8px}}@media (width<=850px){.demo-workspace .demo-workspace__header{grid-template-columns:minmax(0,1fr) auto}.demo-workspace .demo-workspace__actions{grid-column:2}.demo-workspace.demo-workspace--compact-toolbar .demo-workspace__rail{top:134px}.demo-workspace.demo-workspace--compact-toolbar .demo-workspace__panel{top:132px}.demo-workspace.demo-workspace--compact-toolbar .demo-canvas-hud--top{top:134px}.demo-workspace .demo-canvas-hud--hint{display:none}.demo-workspace .demo-canvas-schema{top:190px}.demo-workspace .demo-workspace__bottom{max-width:calc(100% - 32px)}}@media (width<=540px){.demo-workspace .demo-workspace__subtitle{display:none}.demo-workspace .demo-workspace__identity{column-gap:0}.demo-workspace .demo-workspace__title{border-left-width:0;padding-left:0}.demo-workspace .demo-workspace__rail{left:8px}.demo-workspace .demo-workspace__panel{max-width:none;bottom:116px;left:66px;right:8px;width:auto!important}.demo-workspace .demo-workspace__bottom{max-width:calc(100% - 16px);bottom:38px}.demo-workspace .demo-workspace__focus-hint{display:none}.demo-workspace .demo-canvas-hud--floor{left:66px}.demo-workspace .demo-canvas-schema{width:auto;left:66px;right:8px}}@media (width<=700px){.demo-workspace.demo-workspace--with-metrics .demo-workspace__title{display:none}.demo-workspace.demo-workspace--with-metrics .demo-workspace__identity{flex-shrink:0}.demo-workspace.demo-workspace--docked-panel .demo-workspace__scene{top:var(--demo-workspace-content-top);right:0;bottom:calc((100% - var(--demo-workspace-content-top)) * .56 + 28px)}.demo-workspace.demo-workspace--docked-panel .demo-workspace__panel{top:calc(var(--demo-workspace-content-top) + (100% - var(--demo-workspace-content-top)) * .44);bottom:0;left:0;right:0;width:100%!important}.demo-workspace.demo-workspace--docked-panel .demo-workspace__bottom{left:50%;bottom:calc((100% - var(--demo-workspace-content-top)) * .56 + 44px);max-width:calc(100% - 144px)}.demo-workspace.demo-workspace--docked-panel .demo-workspace__status{right:0;bottom:calc((100% - var(--demo-workspace-content-top)) * .56)}.demo-workspace.demo-workspace--docked-panel .demo-workspace__tools{max-height:calc((100vh - var(--demo-workspace-content-top)) * .44 - 104px)}}@media (prefers-reduced-transparency:reduce){.demo-workspace .glass-border{backdrop-filter:none!important}}@media print{.demo-workspace .demo-workspace__rail,.demo-workspace .demo-workspace__status,.demo-workspace .demo-workspace__bottom{display:none}}