*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden}body{position:fixed;inset:0;background:#000;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}#initialOverlay{position:fixed;inset:0;background:#000;z-index:99999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .3s ease}.spinner{width:45px;height:45px;border:4px solid #222;border-top:4px solid #00aaff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#toolButtons{display:flex;align-items:center;gap:6px;background:#121212;border-bottom:1px solid #262626;padding:6px 10px;overflow:visible!important;white-space:nowrap;flex-shrink:0;position:relative;z-index:1000}#wlPresets,#extraBar{display:flex;align-items:center;gap:6px;background:#121212;border-bottom:1px solid #262626;padding:6px 10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;flex-shrink:0}#toolButtons::-webkit-scrollbar,#wlPresets::-webkit-scrollbar,#extraBar::-webkit-scrollbar{display:none}#wlPresets span,#extraBar span{font-size:11px;text-transform:uppercase;color:#888}button,select{background:#222;color:#fff;border:1px solid #444;border-radius:6px;padding:8px 12px;font-size:13px;cursor:pointer;flex-shrink:0}button:hover,select:hover{background:#333}button:active,button.active{background:#444;border-color:#0af}.dropdown-tools{position:relative;display:inline-flex;flex-shrink:0}.dropdown-tools .dropbtn{display:flex;align-items:center;gap:6px}.dropdown-tools .dropbtn span.arrow{font-size:10px;color:#aaa;pointer-events:none}.dropdown-content{display:none;position:absolute;top:calc(100% + 5px);left:0;background:#181818;border:1px solid #3a3a3a;border-radius:6px;min-width:165px;box-shadow:0 10px 25px #000000d9;z-index:50000;flex-direction:column;padding:5px;gap:3px}.dropdown-content.show{display:flex!important}.dropdown-content button{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;padding:8px 12px;font-size:12px;color:#ddd;display:flex;align-items:center;justify-content:flex-start}.dropdown-content button:hover{background:#2a2a2a;color:#fff}.dropdown-content button.active{background:#333;color:#0f8;border-color:#0f8}#viewerContainer{display:flex;flex-direction:row;flex:1 1 auto;overflow:hidden;min-height:0;background:#000;padding-bottom:0}#viewportWrapper{flex:1 1 auto;position:relative;display:flex;overflow:hidden;min-height:0;min-width:0;width:100%;height:100%}.viewer-overlay{position:absolute;top:14px;color:#00e5ff;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:700;line-height:1.5;pointer-events:none;z-index:10;text-shadow:1px 1px 3px #000,-1px -1px 3px #000,1px -1px 3px #000,-1px 1px 3px #000}.viewer-overlay.top-left{left:16px;text-align:left}.viewer-overlay.top-right{right:16px;text-align:right}#leftSidebar{display:flex;flex-direction:column;width:115px;height:100%;flex-shrink:0;background:#0a0a0a;border-right:1px solid #262626;overflow:hidden}#seriesFilter{width:100%;padding:8px;background:#222;border:none;border-bottom:1px solid #444;color:#fff;font-size:11px;box-sizing:border-box;outline:none}#thumbnailContainer{width:100%;display:flex;flex-direction:column;gap:14px;padding:10px;overflow-y:auto!important;overflow-x:hidden;flex:1 1 0;min-height:0}#thumbnailContainer::-webkit-scrollbar{width:6px}#thumbnailContainer::-webkit-scrollbar-track{background:#0a0a0a}#thumbnailContainer::-webkit-scrollbar-thumb{background:#333;border-radius:4px}#thumbnailContainer::-webkit-scrollbar-thumb:hover{background:#555}.thumbnail-box{display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer}.thumbnail{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:#000;border:2px solid #444;border-radius:6px;transition:border-color .2s}.thumbnail.active{border-color:#00e5ff}.thumb-label{width:100%;margin-top:5px;color:#aaa;font-size:11px;font-weight:500;text-align:center;line-height:1.2;white-space:normal;word-break:break-word}.thumbnail-box:hover .thumb-label{color:#fff}#viewportGrid{display:grid;width:100%;height:100%;gap:2px;background:#000;overflow:hidden;min-width:0;min-height:0}#viewportGrid.layout-1x1{grid-template-columns:1fr;grid-template-rows:1fr}#viewportGrid.layout-1x2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}#viewportGrid.layout-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}#viewportGrid.layout-MPR{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.viewport-slot{flex:1 1 auto;width:100%!important;height:100%!important;min-height:0;min-width:0;background:#000;border:1px solid #1a1a1a;box-sizing:border-box;outline:none;position:relative;overflow:hidden!important}.viewport-slot.active-viewport{border:1px solid #00ff88!important}.viewport-slot canvas{display:block;width:100%!important;height:100%!important}#mobileWrapper{position:relative;width:100%!important;height:100%!important;flex:1 1 auto;overflow:hidden;display:none;background:#000}#mobileImage{display:none;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;background:#000}#mobileWrapper .viewer-overlay{position:absolute;color:#fff;font-family:monospace;font-size:13px;line-height:1.35;pointer-events:none;z-index:25;text-shadow:1px 1px 2px #000,-1px -1px 2px #000}#mobileWrapper .top-left{top:10px;left:12px;text-align:left;max-width:calc(50% - 16px);overflow-wrap:break-word;word-break:normal}#mobileWrapper .top-right{top:10px;right:12px;text-align:right;max-width:calc(50% - 16px);overflow-wrap:break-word;word-break:normal}#mobileWrapper .bottom-left{top:auto!important;bottom:14px!important;left:16px!important;color:#0f8!important;font-weight:700}body.mobile-version #mobileWrapper .viewer-overlay{font-size:11px;line-height:1.25}#sliceNavigationContainer{position:fixed;left:0;right:0;bottom:0;height:80px;display:none;align-items:center;gap:12px;padding:14px 16px;background:#111;border-top:2px solid #333;z-index:999999}#sliceSlider{flex:1;width:100%;height:50px;background:transparent;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}#sliceSlider::-webkit-slider-runnable-track{width:100%;height:10px;background:#444;border-radius:999px}#sliceSlider::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#0af;border:3px solid white;margin-top:-12px;box-shadow:0 0 10px #0006}#sliceSlider:active::-webkit-slider-thumb{transform:scale(1.1)}#sliceSlider::-moz-range-track{height:10px;background:#444;border-radius:999px}#sliceSlider::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#0af;border:3px solid white}#sliceLabel{min-width:80px;padding:6px 12px;border-radius:999px;border:1px solid #444;background:#222;color:#fff;text-align:center;white-space:nowrap;font-family:monospace;font-size:14px;font-weight:700}#hiddenLegalIcon{position:fixed;bottom:95px;right:15px;color:#fff;font-size:16px;opacity:.5;cursor:pointer;z-index:999999;transition:opacity .2s}#hiddenLegalIcon:hover{opacity:1}#legalModalOverlay{position:fixed;inset:0;background:#000000d9;z-index:99999999;display:none;align-items:center;justify-content:center;padding:20px}.legal-modal-box{background:#111;border:1px solid #333;border-radius:8px;padding:24px;max-width:320px;text-align:center;color:#ccc;box-shadow:0 10px 25px #00000080}.legal-modal-box h3{color:#fa0;margin-bottom:12px;font-size:16px}.legal-modal-box p{font-size:13px;line-height:1.5}#helpModal{background:transparent;border:none;margin:auto;padding:0;outline:none}#helpModal::backdrop{background:#000000d9}.legal-modal-box table{width:100%;color:#fff;font-size:13px;margin-top:15px;border-collapse:collapse}body.mobile-version #toolButtons,body.mobile-version #wlPresets,body.mobile-version #extraBar,body.mobile-version #seriesFilter{display:none!important}body.mobile-version button{padding:10px 14px;font-size:14px}body.mobile-version #viewerContainer{flex-direction:column;padding-bottom:78px;height:100%;overflow:hidden}body.mobile-version #leftSidebar{width:100%!important;height:108px!important;flex:0 0 108px!important;border-right:none!important;flex-direction:row!important;background:#101010;border-bottom:1px solid #262626}body.mobile-version #thumbnailContainer{width:100%;height:100%;flex:1;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden!important;padding:10px 14px;gap:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}body.mobile-version #thumbnailContainer::-webkit-scrollbar{display:none}body.mobile-version .thumbnail-box{width:78px;min-width:78px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-shrink:0}body.mobile-version .thumbnail{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;object-fit:cover;border-radius:8px;background:#000;border:2px solid #444;flex-shrink:0}body.mobile-version .thumbnail.active{border-color:#00e5ff}body.mobile-version .thumb-label{width:100%;margin-top:6px;font-size:10px;font-weight:600;line-height:1.1;text-align:center;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.mobile-version #sliceNavigationContainer{display:flex!important;height:78px}body.mobile-version #sliceSlider::-webkit-slider-thumb{width:36px;height:36px;margin-top:-13px}body.mobile-version #sliceLabel{font-size:15px}body.mobile-version #viewportGrid,body.low-bandwidth-mode #viewportGrid{display:none!important}body.mobile-version #mobileWrapper,body.low-bandwidth-mode #mobileWrapper{display:block!important;width:100%!important;height:100%!important}body.mobile-version #mobileImage,body.low-bandwidth-mode #mobileImage{display:block!important}body.mobile-version #wlPresets,body.low-bandwidth-mode #wlPresets,body.mobile-version #layoutSelector,body.low-bandwidth-mode #layoutSelector,body.mobile-version #extraBar span:first-child,body.low-bandwidth-mode #extraBar span:first-child,body.mobile-version [data-tool=Magnify],body.low-bandwidth-mode [data-tool=Magnify],body.mobile-version #magnifyZoomSelect,body.low-bandwidth-mode #magnifyZoomSelect,body.mobile-version [data-tool=StackScroll],body.low-bandwidth-mode [data-tool=StackScroll],body.mobile-version [data-tool=Probe],body.low-bandwidth-mode [data-tool=Probe],body.mobile-version [data-tool=Bidirectional],body.low-bandwidth-mode [data-tool=Bidirectional],body.mobile-version [data-tool=Angle],body.low-bandwidth-mode [data-tool=Angle],body.mobile-version [data-tool=EllipticalROI],body.low-bandwidth-mode [data-tool=EllipticalROI],body.mobile-version [data-tool=PlanarFreehandROI],body.low-bandwidth-mode [data-tool=PlanarFreehandROI],body.mobile-version [data-tool=ArrowAnnotate],body.low-bandwidth-mode [data-tool=ArrowAnnotate],body.mobile-version [data-tool=Eraser],body.low-bandwidth-mode [data-tool=Eraser],body.mobile-version #exportImage,body.low-bandwidth-mode #exportImage,body.mobile-version #btnKeyImage,body.low-bandwidth-mode #btnKeyImage{display:none!important}#progressContainer{position:fixed!important;bottom:95px!important;left:50%!important;transform:translate(-50%)!important;width:90%!important;max-width:380px!important;background:#141414f2!important;border:1px solid #333!important;border-radius:8px!important;padding:12px 16px!important;box-shadow:0 10px 30px #000c!important;z-index:2000000!important;display:none;box-sizing:border-box!important}#progressText{display:block!important;color:#00e5ff!important;font-size:12px!important;font-family:monospace!important;font-weight:700!important;text-align:center!important;margin-bottom:8px!important}#progressBar{display:block!important;height:6px!important;background:#0f8!important;border-radius:999px!important;width:0%;transition:width .1s ease-out!important}#viewportWrapper:fullscreen{width:100vw!important;height:100vh!important;background-color:#000!important;display:flex!important;align-items:center!important;justify-content:center!important}