.toolbar{height:48px;width:100%;flex-shrink:0;border-bottom:1px solid var(--panel-border);background:var(--panel-bg);gap:0;padding:0 14px}.toolbar,.toolbarTools{display:flex;align-items:center}.toolbarTools{gap:4px}.toolbarTool{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid rgba(0,0,0,0);border-radius:6px;background:rgba(0,0,0,0);color:var(--panel-muted);font:inherit;font-size:12px;cursor:pointer}.toolbarTool:hover{background:rgba(127,127,127,.1);color:var(--panel-text)}.toolbarTool:focus-visible{outline:2px solid var(--panel-text);outline-offset:1px}.toolbarToolActive{border-color:var(--panel-border);background:var(--panel-raised,rgba(255,255,255,.08));color:var(--panel-text);box-shadow:0 1px 2px rgba(0,0,0,.12)}.toolbarZoom{min-width:48px;color:var(--panel-text);font-size:12px;font-variant-numeric:tabular-nums}.toolbarDivider{align-self:stretch;width:1px;margin:9px 12px;background:var(--panel-border)}.toolbarHint{color:var(--panel-muted);font-size:11px}.toolbarStatus{margin-left:auto;min-width:0;display:inline-flex;align-items:center;gap:5px;max-width:min(300px,40vw);color:var(--panel-muted);font-size:12px;white-space:nowrap}.toolbarStatus svg{flex:0 0 auto}.toolbarStatus span{overflow:hidden;text-overflow:ellipsis}.toolbarAddRoom{margin-left:auto;border-color:var(--panel-border);color:var(--panel-text)}.leftSideBar{width:68px;height:100%;box-sizing:border-box;padding:14px 8px;border-right:1px solid var(--panel-border);background:var(--panel-bg);overflow:visible;flex-shrink:0}.leftSideBar,.leftSideBar .leftSideBarGroup{display:flex;flex-direction:column;align-items:center}.leftSideBar .leftSideBarGroup{width:100%}.leftSideBar .leftSideBarMainGroup{gap:20px;margin-top:8px}.leftSideBar .leftSideBarBottomGroup{gap:20px;margin-top:auto;padding-bottom:4px}.sideBarButton{position:relative;width:48px;height:46px;padding:0;border:0;background:rgba(0,0,0,0);color:var(--panel-text);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible}.sideBarButton:before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:26px;border-radius:999px;background:var(--panel-text);opacity:0;transform:translateY(-50%);transition:opacity .16s ease}.sideBarButton:focus-visible,.sideBarButton:hover{background:rgba(0,0,0,0);outline:none}.sideBarButton:focus-visible .sideBarIcon,.sideBarButton:hover .sideBarIcon{color:var(--panel-text);opacity:.96}.sideBarButton:focus-visible .sideBarLabel,.sideBarButton:hover .sideBarLabel{opacity:1;clip-path:inset(0 0 0 0)}.sideBarButton:focus-visible:after{content:"";position:absolute;inset:4px;border-radius:12px;outline:1px solid hsla(0,0%,100%,.35);outline-offset:2px;pointer-events:none}.sideBarButton.sideBarButtonActive:before{opacity:1}.sideBarButton.sideBarButtonActive .sideBarIcon{color:var(--panel-text);opacity:1}.sideBarButton .sideBarIcon{display:flex;align-items:center;justify-content:center;color:var(--panel-text);transition:color .16s ease,opacity .16s ease}.sideBarButton .sideBarLabel{position:absolute;top:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none;color:var(--panel-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px;font-weight:800;line-height:1.02;letter-spacing:.05em;text-transform:uppercase;text-align:center;opacity:0;clip-path:inset(0 50% 0 50%);transition:clip-path .2s cubic-bezier(.16,1,.3,1),opacity .1s ease}.sideBarButton .sideBarLabel .sideBarLabelWord{display:block;white-space:nowrap}.adjustableBox{position:relative;box-sizing:border-box;min-width:0;min-height:0}.adjustableBox .adjustableBoxHandle{--handle-color:color-mix(in srgb,currentColor 24%,transparent);--handle-active-color:color-mix(in srgb,Highlight 65%,currentColor);position:absolute;z-index:10;touch-action:none;color:var(--handle-color)}.adjustableBox .adjustableBoxHandle .adjustableBoxHandleIndicator{position:absolute;pointer-events:none;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease}.adjustableBox .adjustableBoxHandle:hover,.adjustableBox .adjustableBoxHandle[data-active=true]{color:var(--handle-active-color)}.adjustableBox .adjustableBoxHandleBottom,.adjustableBox .adjustableBoxHandleTop{left:0;width:100%;cursor:ns-resize}.adjustableBox .adjustableBoxHandleTop{top:0;transform:translateY(-50%)}.adjustableBox .adjustableBoxHandleBottom{bottom:0;transform:translateY(50%)}.adjustableBox .adjustableBoxHandleLeft,.adjustableBox .adjustableBoxHandleRight{top:0;height:100%;cursor:ew-resize}.adjustableBox .adjustableBoxHandleLeft{left:0;transform:translateX(-50%)}.adjustableBox .adjustableBoxHandleRight{right:0;transform:translateX(50%)}.adjustableBox .adjustableBoxHandleBottom .adjustableBoxHandleIndicator,.adjustableBox .adjustableBoxHandleTop .adjustableBoxHandleIndicator{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%)}.adjustableBox .adjustableBoxHandleLeft .adjustableBoxHandleIndicator,.adjustableBox .adjustableBoxHandleRight .adjustableBoxHandleIndicator{left:50%;top:0;width:1px;height:100%;transform:translateX(-50%)}.adjustableBox .adjustableBoxHandle--thin .adjustableBoxHandleIndicator{background:currentColor}.adjustableBox .adjustableBoxHandle--hover .adjustableBoxHandleIndicator{background:currentColor;opacity:0}.adjustableBox .adjustableBoxHandle--hover:hover .adjustableBoxHandleIndicator,.adjustableBox .adjustableBoxHandle--hover[data-active=true] .adjustableBoxHandleIndicator{opacity:1}.adjustableBox .adjustableBoxHandle--notch .adjustableBoxHandleIndicator{background:currentColor}.adjustableBox .adjustableBoxHandle--notch .adjustableBoxHandleIndicator:after{position:absolute;border-radius:999px;background:currentColor;content:""}.adjustableBox .adjustableBoxHandleBottom.adjustableBoxHandle--notch .adjustableBoxHandleIndicator:after,.adjustableBox .adjustableBoxHandleTop.adjustableBoxHandle--notch .adjustableBoxHandleIndicator:after{left:50%;top:50%;width:20px;height:2px;transform:translate(-50%,-50%)}.adjustableBox .adjustableBoxHandleLeft.adjustableBoxHandle--notch .adjustableBoxHandleIndicator:after,.adjustableBox .adjustableBoxHandleRight.adjustableBoxHandle--notch .adjustableBoxHandleIndicator:after{left:50%;top:50%;width:2px;height:20px;transform:translate(-50%,-50%)}.adjustableBox .adjustableBoxHandle--double-dots .adjustableBoxHandleIndicator{background:rgba(0,0,0,0)}.adjustableBox .adjustableBoxHandleBottom.adjustableBoxHandle--double-dots .adjustableBoxHandleIndicator,.adjustableBox .adjustableBoxHandleTop.adjustableBoxHandle--double-dots .adjustableBoxHandleIndicator{top:0;height:100%;transform:none;border-top:1px solid;border-bottom:1px solid;background:radial-gradient(circle,currentColor 0 1px,transparent 1.25px) calc(50% - 6px) 50%/3px 3px no-repeat,radial-gradient(circle,currentColor 0 1px,transparent 1.25px) 50% 50%/3px 3px no-repeat,radial-gradient(circle,currentColor 0 1px,transparent 1.25px) calc(50% + 6px) 50%/3px 3px no-repeat}.adjustableBox .adjustableBoxHandleLeft.adjustableBoxHandle--double-dots .adjustableBoxHandleIndicator,.adjustableBox .adjustableBoxHandleRight.adjustableBoxHandle--double-dots .adjustableBoxHandleIndicator{left:0;width:100%;transform:none;border-left:1px solid;border-right:1px solid;background:radial-gradient(circle,currentColor 0 1px,transparent 1.25px) 50% calc(50% - 6px)/3px 3px no-repeat,radial-gradient(circle,currentColor 0 1px,transparent 1.25px) 50% 50%/3px 3px no-repeat,radial-gradient(circle,currentColor 0 1px,transparent 1.25px) 50% calc(50% + 6px)/3px 3px no-repeat}