.zoom-controls{--zoom-bg:rgba(0,0,0,.3);--zoom-border:hsla(0,0%,100%,.1);--zoom-hover:rgba(96,165,250,.2);--zoom-active:rgba(96,165,250,.3)}.zoom-controls-container{position:absolute;top:50%;right:24px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;background:var(--zoom-bg);border:1px solid var(--zoom-border);border-radius:9999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.zoom-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--zoom-border);border-radius:50%;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease}.zoom-button:hover{background:var(--zoom-hover);border-color:rgba(96,165,250,.3);color:#60a5fa}.zoom-button:active{background:var(--zoom-active);transform:scale(.95)}.vertical-slider{-webkit-appearance:none;width:4px;height:120px;background:var(--zoom-border);outline:none;border-radius:9999px;writing-mode:bt-lr;-webkit-appearance:slider-vertical}.vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#60a5fa;border:2px solid hsla(0,0%,100%,.8);cursor:pointer;box-shadow:0 0 10px rgba(96,165,250,.3);-webkit-transition:all .2s ease;transition:all .2s ease}.vertical-slider::-webkit-slider-thumb:hover{background:#93c5fd;transform:scale(1.1)}.zoom-percentage{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.8);text-align:center;min-width:40px;padding:2px 6px;background:hsla(0,0%,100%,.1);border-radius:4px;letter-spacing:.5px}