.selection-handle::after{content:"";position:absolute;inset:-8px;border-radius:inherit}

.mobile-toolbar-navigator{position:absolute;right:8px;top:7px;z-index:28;display:none;grid-template-columns:36px 52px 36px;align-items:center;gap:3px;padding:3px;border:1px solid #9db5bd;border-radius:10px;background:rgba(247,251,252,.98);box-shadow:0 4px 16px rgba(12,34,43,.18);backdrop-filter:blur(9px)}
.mobile-toolbar-navigator.has-overflow{display:grid}
.mobile-toolbar-navigator button{width:36px;height:36px;border:0;border-radius:7px;background:#dff0f1;color:#075f65;font-size:24px;font-weight:900;line-height:1;cursor:pointer}
.mobile-toolbar-navigator button:hover:not(:disabled){background:#c9e8e8;color:#034f55}
.mobile-toolbar-navigator button:focus-visible{outline:2px solid #087b7a;outline-offset:1px}
.mobile-toolbar-navigator button:disabled{background:transparent;color:#a9b6ba;opacity:.55}
.mobile-toolbar-navigator output{min-width:52px;color:#355c67;text-align:center;font-size:10px;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:.2px}

.context-toolbar.has-overflow{padding-right:148px;scrollbar-width:thin;scrollbar-color:#7899a3 transparent;overscroll-behavior-x:contain;box-shadow:inset -34px 0 26px -30px rgba(14,35,43,.72),0 2px 8px rgba(16,35,44,.12)}

@media(max-width:1180px){
  .selection-handle::after{inset:-10px}
  .selection-handle{width:16px;height:16px}
  .selection-overlay.image-selected .selection-handle[data-handle="n"],.selection-overlay.image-selected .selection-handle[data-handle="s"]{width:30px;height:12px}
  .selection-overlay.image-selected .selection-handle[data-handle="e"],.selection-overlay.image-selected .selection-handle[data-handle="w"]{width:12px;height:30px}
  .selection-edit-text{min-width:54px;height:34px;font-size:10px}
  .tool-rail{padding-bottom:max(5px,env(safe-area-inset-bottom))}
}

@media(max-width:620px){
  .mobile-toolbar-navigator{right:5px;grid-template-columns:34px 44px 34px}
  .mobile-toolbar-navigator button{width:34px;height:36px}
  .mobile-toolbar-navigator output{min-width:44px;font-size:9px}
  .context-toolbar.has-overflow{padding-right:132px}
}

@media(pointer:coarse){
  .selection-handle::after{inset:-11px}
  .selection-edit-text{min-height:36px}
}