.workspace.workspace{--library-width:clamp(190px,18vw,280px);--assistant-width:clamp(240px,22vw,340px);--property-width:clamp(190px,17vw,250px);grid-template-columns:var(--library-width) var(--assistant-width) minmax(120px,1fr) var(--property-width);min-width:0;overflow:hidden}
.workspace.library-collapsed{--library-width:36px}.workspace.assistant-collapsed{--assistant-width:36px}.workspace.inspector-collapsed{--property-width:36px;min-width:0}
.library-panel,.assistant-dock{position:relative;min-width:0}.panel-collapse{display:flex;align-items:center;justify-content:center;position:absolute;z-index:12;right:5px;top:5px;width:26px;height:26px;border:1px solid #dedbd3;border-radius:6px;background:#fbfaf7;font-size:21px;line-height:1}
.library-panel>.panel-collapse{top:1px}.library-panel>.library-group:first-of-type{padding-top:20px}.assistant-head{padding-top:32px}
.library-collapsed .library-panel>*:not(.panel-collapse),.assistant-collapsed .assistant-dock>*:not(.panel-collapse){display:none!important}
.library-collapsed .library-panel,.assistant-collapsed .assistant-dock{padding:0;overflow:hidden}.library-collapsed #toggleLibraryPanel,.assistant-collapsed #toggleAssistantPanel{right:5px;top:8px}
.workspace .inspector-panel{min-width:0;overflow-x:hidden}.workspace .canvas-shell{min-width:0}.workspace .canvas-toolbar{min-width:0;max-width:100%;overflow:auto}
@media(max-width:1000px){.topbar{grid-template-columns:110px minmax(80px,1fr) auto}.brand{padding:0 10px}.brand small{display:none}.project-title input{width:min(210px,25vw)}.project-title{min-width:0;gap:4px}.top-actions{gap:5px;padding-right:8px}.saved-state{font-size:10px}.user-chip .account-details{display:none}.workspace.workspace{--library-width:190px;--assistant-width:240px;--property-width:190px}.workspace.library-collapsed{--library-width:36px}.workspace.assistant-collapsed{--assistant-width:36px}.workspace.inspector-collapsed{--property-width:36px}}
@media(max-width:600px){.topbar{grid-template-columns:60px minmax(0,1fr) auto}.brand strong{display:none}.project-title input{width:min(180px,36vw)}.saved-state{display:none}.top-actions #newCanvasButton{display:none}.workspace.workspace{--library-width:160px;--assistant-width:200px;--property-width:160px}.workspace.library-collapsed{--library-width:36px}.workspace.assistant-collapsed{--assistant-width:36px}.workspace.inspector-collapsed{--property-width:36px}.canvas-viewport{padding:8px!important}}
.panel-collapse:focus-visible{outline:2px solid #7256c4;outline-offset:2px}
.panel-collapsed-label{display:none;position:absolute;top:52px;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font-size:12px;font-weight:500;line-height:20px;letter-spacing:3px;color:var(--muted);pointer-events:none}
.workspace .inspector-panel{position:relative}
.workspace.inspector-collapsed .inspector-panel>.panel-heading{border-bottom:0}
.library-collapsed .library-panel,.assistant-collapsed .assistant-dock,.inspector-collapsed .inspector-panel{cursor:pointer}
.inspector-panel>.panel-collapsed-label{top:68px}
.workspace.library-collapsed .library-panel>.panel-collapsed-label,.workspace.assistant-collapsed .assistant-dock>.panel-collapsed-label,.workspace.inspector-collapsed .inspector-panel>.panel-collapsed-label{display:block!important}
.dmcs-integration .topbar{grid-template-columns:0 minmax(0,1fr) auto}
@media(max-width:1000px){.topbar .project-title{max-width:100%;width:100%;justify-self:stretch}.topbar .project-title>div{flex:1}.topbar .project-title input{width:100%;max-width:100%}.topbar .eyebrow{white-space:nowrap}}
@media(max-width:760px){.topbar .saved-state{display:none}}
@media(max-width:760px){.workspace.workspace{--library-width:min(180px,23vw);--assistant-width:min(220px,27vw);--property-width:min(180px,23vw);grid-template-columns:var(--library-width) var(--assistant-width) minmax(0,1fr) var(--property-width)}.workspace.library-collapsed{--library-width:36px}.workspace.assistant-collapsed{--assistant-width:36px}.workspace.inspector-collapsed{--property-width:36px}}
