/* Keep the panel's move handle fixed, and give scrolling its own touch lane. */
.control-editor.editor-scroll-panel{display:flex;flex-direction:column;overflow:hidden}
.control-editor.editor-scroll-panel>.editor-handle{flex:0 0 auto;position:relative;top:auto}
.editor-scroll-body{display:flex;flex:1 1 auto;gap:8px;min-height:0;min-width:0}
.editor-scroll-viewport{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}
.editor-scroll-viewport::-webkit-scrollbar{display:none}
.editor-scroll-content{display:flow-root;padding:0 2px 3px 0}
.editor-scrollbar{position:relative;flex:0 0 32px;align-self:stretch;min-height:44px;border:2px solid #345644;border-radius:16px;background:#2a51443d;touch-action:none;user-select:none;cursor:ns-resize;overflow:hidden}
.editor-scrollbar[hidden]{display:none!important}
.editor-scrollbar:focus-visible{outline:3px solid #183e32;outline-offset:2px}
.editor-scroll-thumb{position:absolute;top:0;left:2px;right:2px;min-height:0;border:2px solid #345644;border-radius:13px;background:#edbd66;pointer-events:none}
.editor-scroll-thumb:after{content:'≡';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#193b32;font-size:20px;font-weight:bold;text-align:center;line-height:1}
