body.has-scroll-controls{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.scroll-controls{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;min-height:68px;padding:8px 16px;background:#000;border-top:1px solid #ffffff26;color:#8d8d93;z-index:20}
.scroll-controls>span{font-size:13px;font-weight:600}
.scroll-controls>button{display:grid;place-items:center;flex:none;min-width:52px;width:52px;min-height:48px;height:48px;margin:0;padding:0;border:1px solid #ffffff40;border-radius:12px;background:#000;color:#fff;cursor:pointer;touch-action:manipulation}
.scroll-controls>button:disabled{color:#48484a;border-color:#ffffff18;cursor:default}
.scroll-controls>button:focus-visible{outline:2px solid #64d2ff;outline-offset:3px}
.scroll-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-scroll-controls{position:fixed;bottom:0;left:0;right:0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
dialog.has-scroll-controls{overflow:hidden;padding-bottom:0}
dialog.has-scroll-controls[open]{display:flex;flex-direction:column}
.scroll-dialog-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px 3px 20px}
dialog>.scroll-controls{margin:0 -24px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}