/* The properties and Layers panel stays in the layout at every design step. */
body.design-workflow{display:flex;flex-direction:column;height:100dvh}
body.design-workflow>header{flex-shrink:0}
body.design-workflow main{flex:1;min-height:0;grid-template-columns:var(--design-sidebar-width,330px) minmax(0,1fr) 270px}
body.design-workflow .properties{display:block;position:static;width:auto;box-shadow:none;overflow:auto;z-index:auto}
.properties .layer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto}
.properties .layer-order{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}
.properties .layer-order button{font-size:10px;padding:4px 7px}
.properties .layers-section{border:0}
.properties>details.tool-group:first-child{border-top:0;padding-top:0}
@media(max-width:999px){
 body.design-workflow main{grid-template-columns:var(--design-sidebar-width,330px) minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
 body.design-workflow .design-sidebar{grid-column:1;grid-row:1/span 2}
 body.design-workflow .workspace{grid-column:2;grid-row:1}
 body.design-workflow .properties{grid-column:2;grid-row:2;border-top:1px solid #343843}
}
@media(max-width:759px){body.design-workflow main{grid-template-columns:72px minmax(0,1fr)}}
.sidebar-resize-handle{position:absolute;top:0;bottom:0;right:-5px;width:10px;z-index:45;cursor:col-resize;touch-action:none;outline:none}
.sidebar-resize-handle::after{content:'';position:absolute;left:4px;top:0;bottom:0;width:2px;background:#596270;transition:background .15s}
.sidebar-resize-handle:hover::after,.sidebar-resize-handle:focus-visible::after,body.sidebar-resizing .sidebar-resize-handle::after{background:#b8ff5b;width:3px}
.sidebar-resize-handle:focus-visible{outline:2px solid #b8ff5b;outline-offset:-2px}
body.sidebar-resizing,body.sidebar-resizing *{cursor:col-resize!important;user-select:none!important}
@media(max-width:759px){
 body.design-workflow .sidebar-content{width:var(--design-sidebar-drawer-width,280px);box-sizing:border-box}
 .sidebar-resize-handle{display:none;right:auto;left:calc(72px + var(--design-sidebar-drawer-width,280px) - 5px)}
 body.sidebar-open .sidebar-resize-handle{display:block}
}