@media (max-width:980px){
      .topbar{padding:12px}
      .toolbar-group{min-width:280px}
      .workspace,
      .workspace.left-collapsed,
      .workspace.right-collapsed,
      .workspace.left-collapsed.right-collapsed{grid-template-columns:var(--panel-handle-width) minmax(0,1fr) var(--panel-handle-width) !important}
      .sidebar,.rightbar{display:block}
      .sidebar:not(.collapsed),.rightbar:not(.collapsed){position:absolute;top:0;bottom:0;z-index:85;box-shadow:0 18px 48px rgba(2,6,23,.48)}
      .sidebar:not(.collapsed){left:0;width:min(var(--left-panel-width),calc(100vw - var(--panel-handle-width)))}
      .rightbar:not(.collapsed){right:0;width:min(var(--right-panel-width),calc(100vw - var(--panel-handle-width)))}
      .sidebar:not(.collapsed) .panel-resizer{left:calc(min(var(--left-panel-width),calc(100vw - var(--panel-handle-width))) - 9px)}
      .rightbar:not(.collapsed) .panel-resizer{right:calc(min(var(--right-panel-width),calc(100vw - var(--panel-handle-width))) - 9px)}
    }
    @media (max-width:640px){
      .toolbar-group{min-width:240px;padding:10px}
      .toolbar-group-actions{gap:6px}
      .btn.toolbar-btn{font-size:12px;padding-inline:11px}
    }