/* A compact mode icon, slider and percentage follow the reference controls. */
.zoom-footer{gap:10px}
.zoom-mode-button{width:30px;height:34px;min-height:34px;padding:3px;flex-shrink:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#bed2df}
.zoom-mode-button:hover{background:#ffffff0c;color:var(--neon)}
.zoom-mode-button svg{width:23px;height:23px;stroke-width:1.5}
.zoom-mode-button>span{display:flex}
.zoom-percent{margin:0;min-height:34px}
.zoom-footer>input[type=range]{width:180px;flex:none;min-width:48px;height:24px;border:0;background:transparent}
.zoom-footer>input[type=range]::-webkit-slider-runnable-track{height:5px;background:#56616c;border-radius:9px}
.zoom-footer>input[type=range]::-webkit-slider-thumb{margin-top:-6px}
.zoom-footer{position:relative}
.preview-space{touch-action:none}
@media(max-width:800px){.zoom-footer{justify-content:flex-end;gap:8px;padding:0 12px}.zoom-footer>input[type=range]{width:min(180px,calc(100vw - 124px));flex:none}.zoom-mode-button{width:30px;height:34px}}