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