/* Personal workspace width; compact layouts keep their existing stacked navigation. */
.design-project-resizer{display:none}
@media(min-width:1251px){
 #application-design .design-layout{grid-template-columns:var(--design-projects-width,220px) minmax(320px,.9fr) minmax(380px,1.2fr)}
 #application-design.av-active:not(.av-wide) .design-layout{grid-template-columns:var(--design-projects-width,220px) minmax(0,1fr) 300px}
 #application-design .design-projects{position:relative}
 #application-design .design-project-resizer{display:block;position:absolute;top:0;bottom:0;right:-14px;width:14px;min-height:44px;z-index:4;cursor:col-resize;touch-action:none}
 .design-project-resizer::after{content:"";position:absolute;top:0;bottom:0;left:5px;width:4px;background:var(--j-line,#d2d6de);border-radius:2px}
 .design-project-resizer:hover::after,.design-project-resizer:focus-visible::after,.design-projects-resizing .design-project-resizer::after{background:var(--j-accent,#3c8dbc)}
 .design-project-resizer:focus-visible{outline:2px solid var(--j-accent,#3c8dbc);outline-offset:-2px}
 .design-projects-resizing,.design-projects-resizing *{cursor:col-resize!important;user-select:none!important}
}