.bottom-control-bar{backdrop-filter:blur(10px);z-index:50;background:#000000bf;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:8px;padding:8px 12px;animation:.4s ease-out slideUp;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.control-icon-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.control-icon-btn svg{width:16px;height:16px}.control-icon-btn:hover{background:#d97e57cc;border-color:#d97e57;transform:translateY(-1px);box-shadow:0 4px 12px #d97e5766}.control-icon-btn:active{transform:translateY(0);box-shadow:0 2px 6px #d97e574d}.zoom-out-btn,.zoom-in-btn,.reset-btn,.fullscreen-btn{border-radius:6px}.zoom-slider-container{align-items:center;gap:6px;min-width:140px;padding:0 6px;display:flex}.zoom-slider-bottom{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,#fff3,#d97e5799);border-radius:2px;outline:none;width:90px;height:3px}.zoom-slider-bottom::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#d97e57;border-radius:50%;width:14px;height:14px;transition:all .2s;box-shadow:0 2px 6px #d97e5766}.zoom-slider-bottom::-webkit-slider-thumb:hover{width:18px;height:18px;box-shadow:0 4px 12px #0078d499}.zoom-slider-bottom::-moz-range-thumb{cursor:pointer;background:#0078d4;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #0078d466}.zoom-slider-bottom::-moz-range-thumb:hover{width:18px;height:18px;box-shadow:0 4px 12px #0078d499}.zoom-slider-bottom::-moz-range-track{background:0 0;border:none}.zoom-value-display{color:#fff;text-align:center;letter-spacing:.5px;min-width:35px;font-size:12px;font-weight:600}@media (width<=768px){.bottom-control-bar{gap:6px;padding:7px 10px;bottom:100px}.control-icon-btn{width:28px;height:28px}.zoom-slider-container{min-width:120px}.zoom-slider-bottom{width:75px}.zoom-value-display{min-width:28px;font-size:10px}}@media (width<=480px){.bottom-control-bar{gap:4px;padding:6px 8px;bottom:50px}.control-icon-btn{width:26px;height:26px}.control-icon-btn svg{width:12px;height:12px}.zoom-slider-container{min-width:110px}.zoom-slider-bottom{width:65px;height:2px}.zoom-value-display{min-width:25px;font-size:9px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-icon{animation:1s linear infinite spin}.control-icon-btn:disabled{opacity:.7;cursor:not-allowed}.bottom-control-bar.dark-mode{background:#282828e6;border-color:#ffffff26;box-shadow:0 8px 32px #000c}.dark-mode .control-icon-btn{color:#e0e0e0;background:#ffffff14;border-color:#ffffff26}.dark-mode .control-icon-btn:hover{background:#d97e57b3;border-color:#d97e57e6;box-shadow:0 4px 12px #d97e5780}.dark-mode .control-icon-btn:active{box-shadow:0 2px 6px #d97e5766}.dark-mode .zoom-slider-bottom{background:linear-gradient(90deg,#ffffff1a,#d97e5780)}.dark-mode .zoom-slider-bottom::-webkit-slider-thumb{background:#d97e57;box-shadow:0 2px 6px #d97e5799}.dark-mode .zoom-slider-bottom::-moz-range-thumb{background:#d97e57;box-shadow:0 2px 6px #d97e5799}.dark-mode .zoom-value-display{color:#e0e0e0}.download-dialog-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-dialog-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.download-dialog-content h3{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:600}.download-dialog-content p{color:#666;margin:0 0 20px;font-size:14px}.download-options{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.download-option{cursor:pointer;text-align:left;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:16px;font-size:14px;transition:all .3s}.download-option:hover{background:#fff5f2;border-color:#d97e57;transform:translateY(-2px);box-shadow:0 4px 12px #d97e5733}.download-option:active{transform:translateY(0)}.option-title{color:#1a1a1a;margin-bottom:4px;font-weight:600}.option-description{color:#999;font-size:12px}.download-dialog-cancel{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;width:100%;padding:10px;font-size:14px;font-weight:500;transition:all .3s}.download-dialog-cancel:hover{color:#1a1a1a;background:#e0e0e0}.download-dialog-overlay .download-dialog-content{color:#e0e0e0;background:#2a2a2a}.download-dialog-overlay .download-dialog-content h3{color:#fff}.download-dialog-overlay .download-dialog-content p{color:#b0b0b0}.download-dialog-overlay .download-option{background:#1f1f1f;border-color:#444}.download-dialog-overlay .download-option:hover{background:#3a2a2a;border-color:#d97e57}.download-dialog-overlay .option-title{color:#fff}.download-dialog-overlay .option-description{color:#999}.download-dialog-overlay .download-dialog-cancel{color:#e0e0e0;background:#3a3a3a}.download-dialog-overlay .download-dialog-cancel:hover{color:#fff;background:#4a4a4a}.viewer-container{background-color:#f5f5f5;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.openseadragon-viewer-container{background:linear-gradient(135deg,#e8e8e8 0%,#f0f0f0 100%);border:2px solid #d0d0d0;border-radius:8px;flex:1;margin:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000014}#openseadragon-viewer{background:linear-gradient(135deg,#e8e8e8 0%,#f0f0f0 100%);width:100%;height:100%}:global(.openseadragon-controls){visibility:hidden!important;display:none!important}:global(.openseadragon-control){visibility:hidden!important;display:none!important}:global(.openseadragon-fullpage){visibility:hidden!important;display:none!important}:global(.openseadragon-toolbar){visibility:hidden!important;display:none!important}:global(.openseadragon-button){visibility:hidden!important;width:0!important;height:0!important;display:none!important}:global(.openseadragon-zoom-in),:global(.openseadragon-zoom-out),:global(.openseadragon-home),:global(.openseadragon-fullpage){visibility:hidden!important;display:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}:global(.openseadragon-navigator){border-radius:4px;border:1px solid #444!important}.navigator{background:#ffffffb3!important}:global(.openseadragon-canvas){outline:none}.viewer-container.dark-mode{background-color:#000}.dark-mode .openseadragon-viewer-container{background:#000;border-color:#222;box-shadow:inset 0 2px 8px #00000080}.dark-mode #openseadragon-viewer{background:#000}