@layer reset, tokens, base, components, utilities;@property --workspace-left{syntax:"<length>";inherits:true;initial-value:0}@property --workspace-right{syntax:"<length>";inherits:true;initial-value:0}@layer base{body{user-select:none}code,input,textarea{user-select:text}}@layer components{.cad-app{--canvas-background:var(--bg);--sketch-background:var(--canvas-background);background:var(--canvas-background);height:100dvh;position:relative;isolation:isolate;min-width:850px}.cad-app:has(>[data-document-tabs]){--ribbon-bottom:64px;--panel-bottom:164px;--sidebar-bottom:64px}.workspace{--tree-width:min(var(--tree-preferred),max(240px,calc((100vw - 520px) / 2)));--panel-width:min(var(--panel-preferred),max(240px,calc((100vw - 520px) / 2)));--workspace-left:calc(var(--tree-width) + var(--float-gap));--workspace-right:calc(var(--panel-width) + var(--float-gap));--canvas-controls-left:calc(var(--workspace-left) + 16px);--canvas-controls-right:calc(var(--workspace-right) + 16px);--canvas-left:calc(var(--workspace-left) + 24px);--canvas-right:calc(var(--workspace-right) + 24px);--canvas-center-x:calc((var(--workspace-left) + 100% - var(--workspace-right)) / 2);--canvas-available-width:calc(100% - var(--workspace-left) - var(--workspace-right));position:absolute;inset:0;transition:--workspace-left .24s cubic-bezier(.22,1,.36,1),--workspace-right .24s cubic-bezier(.22,1,.36,1)}.viewport[data-annotation-placing] canvas{cursor:crosshair}.tree-collapsed{--workspace-left:0px}.canvas-area{position:absolute;inset:0;overflow:hidden;min-height:0;min-width:0}.workspace:has(>[data-resizing]){transition:none}@media (prefers-reduced-motion:reduce){.workspace{transition:none}}.viewport{position:absolute;inset:0;transition:opacity .4s ease}.canvas-area:has(>[data-presented])>.viewport{isolation:isolate;transition:opacity .18s ease}.canvas-area:has(>[data-presented=true])>.viewport{pointer-events:none}@media (prefers-reduced-motion:reduce){.canvas-area:has(>[data-presented])>.viewport{transition:none}}.canvas-area:has(>[data-canvas-loading]:not([data-canvas-loading=provisional]))>.viewport{opacity:0;pointer-events:none}[data-viewport-frame]{position:absolute;left:var(--canvas-left);right:var(--canvas-right);top:var(--panel-top);bottom:var(--panel-bottom);pointer-events:none}@media (min-width:1600px){:root{--tree-preferred:244px;--panel-preferred:300px}}@media (max-width:1199px){:root{--tree-preferred:190px;--panel-preferred:240px}}.inspector-collapsed{--workspace-right:0px}}