.viewer-controls{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #ffffff2b;border-radius:12px;background:#07120ded;box-shadow:0 8px 30px #0005;font:600 14px/1.3 var(--sans);white-space:nowrap}.viewer-controls a,.viewer-controls button,.viewer-controls select{font:inherit;color:#edf4ef;border:0;background:transparent;padding:8px 10px;text-decoration:none;cursor:pointer;border-radius:7px}.viewer-controls select{background:#16271d;max-width:210px}.viewer-controls option{color:#edf4ef;background:#16271d}.viewer-controls a:hover,.viewer-controls button:hover{background:#ffffff16}.viewer-controls :focus-visible{outline:2px solid #2bd672;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.count{bottom:5px}.hud{height:3px}@media(max-width:600px){.viewer-controls{gap:2px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 16px);padding:5px}.viewer-controls a,.viewer-controls button,.viewer-controls select{font-size:12px;padding:8px 7px}.viewer-controls select{max-width:105px}}@media print{.viewer-controls{display:none}}