/* Small grips live beyond the scroll fade, with breathing room on both sides. */
@media screen {
  body.studio-refined #sidebar .sidebarResizableSection>.sidebarResizableBody {
    box-sizing:border-box;max-height:var(--sidebar-section-limit,480px)!important;overflow-x:hidden;overflow-y:auto;
  }
  body.studio-refined #sidebar .sidebarResizableSection>.sidebarSectionGrip {
    box-sizing:border-box;display:grid;place-items:center;width:64px;height:16px;min-height:16px;
    margin:0 auto 4px;padding:0;border:0;border-radius:5px;background:none;cursor:ns-resize;
    touch-action:none;user-select:none;-webkit-user-select:none;outline:none;
  }
  .sidebarSectionGrip::after {
    content:'';display:block;width:36px;height:3px;border-radius:3px;background:var(--sidebar-grip-tone);
    opacity:.58;transition:opacity 120ms ease,width 120ms ease;
  }
  .sidebarSectionGrip:is(:hover,:focus-visible,[data-dragging])::after {width:44px;opacity:1;}
  body.studio-refined #sidebar .sidebarSectionGrip:focus-visible {outline:1px solid color-mix(in srgb,var(--sidebar-grip-tone) 55%,transparent);outline-offset:0;}
  body.studio-refined #sidebar :is(details:not([open]),.section:not(.open))>.sidebarSectionGrip {display:none;}
  .sidebarWidthHandle {box-sizing:border-box;display:none;margin:0;padding:0;border:0;border-radius:0;background:none;outline:none;user-select:none;-webkit-user-select:none;}
  .sidebarWidthHandle::after {content:'';display:block;width:2px;height:36px;border-radius:2px;background:var(--icon-mint);opacity:0;transition:opacity 120ms ease;}
  .sidebarWidthHandle:is(:hover,:focus-visible,[data-dragging])::after {opacity:.8;}
  .sidebarWidthHandle:focus-visible {background:color-mix(in srgb,var(--icon-mint) 8%,transparent);}
  html.sidebar-layout-dragging,html.sidebar-layout-dragging * {cursor:ns-resize!important;user-select:none!important;-webkit-user-select:none!important;}
  html.sidebar-width-dragging,html.sidebar-width-dragging * {cursor:ew-resize!important;}
  @media (min-width:981px) {
    body.studio-refined:not(.splash-home):not(.systemFocus) {--studio-side:var(--sidebar-user-width,304px);}
    body.studio-refined>.sidebarWidthHandle {
      position:fixed;z-index:150;top:64px;bottom:0;left:calc(var(--sidebar-user-width,304px) - 6px);
      display:grid;place-items:center;width:12px;margin:0;padding:0;border:0;background:none;cursor:ew-resize;touch-action:none;outline:none;
    }
  }
  html.ipad-device body.studio-refined:not(.splash-home):not(.systemFocus) {--studio-side:var(--sidebar-user-width,304px);}
  html.ipad-device body.studio-refined>.sidebarWidthHandle {position:fixed;z-index:150;top:64px;bottom:0;left:calc(var(--sidebar-user-width,304px) - 8px);display:grid;place-items:center;width:16px;cursor:ew-resize;touch-action:none;}
  html.ipad-device body.studio-refined #brand #workspaceDock {left:var(--sidebar-user-width,304px);}
  html.ipad-device:not(.tablet-compact) body.studio-refined #brand .brandHeading {flex-basis:var(--sidebar-user-width,304px);width:var(--sidebar-user-width,304px);grid-template-columns:304px minmax(0,1fr);justify-content:start;}
  html.ipad-device:not(.tablet-compact) body.studio-refined.workspace-sidebar-hidden #brand #workspaceDock {left:0;}
  html.ipad-device.tablet-compact body.studio-refined #sidebar :is(#writerDrawer,#productionDrawer) {width:var(--sidebar-user-width,304px);min-width:var(--sidebar-user-width,304px);}
  body.studio-refined>.sidebarWidthHandle[hidden] {display:none;}
  @media(prefers-reduced-motion:reduce) {.sidebarSectionGrip::after,.sidebarWidthHandle::after {transition:none;}}
}
@media print {.sidebarSectionGrip,.sidebarWidthHandle {display:none!important;}}