.psv-container{aspect-ratio:16/9;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative;touch-action:pan-x pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.psv-container.psv-no-image{align-items:center;background-color:#f8f9fa;border:2px dashed #dee2e6;display:flex;height:auto;justify-content:center;min-height:200px;padding:20px}.psv-container.psv-no-image p{color:#6c757d;font-size:16px;margin:0}.psv-container canvas{height:100%;left:0;position:absolute;top:0;width:100%}.psv-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:none;border-radius:10px!important;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:40px;justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:all .3s ease;width:40px;z-index:20;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.psv-btn:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3);transform:translateY(-1px)}.psv-btn:active{box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(0)}.psv-btn:focus{box-shadow:0 0 0 3px rgba(66,153,225,.5),0 2px 8px rgba(0,0,0,.2);outline:none}@media(prefers-color-scheme:dark){.psv-btn{background:rgba(0,0,0,.8);color:#fff}.psv-btn:hover{background:rgba(0,0,0,.9);box-shadow:0 4px 16px rgba(0,0,0,.5)}.psv-btn:focus{box-shadow:0 0 0 3px rgba(144,205,244,.5),0 2px 8px rgba(0,0,0,.3)}}.psv-zoom-in-btn{bottom:70px;left:20px}.psv-zoom-out-btn{bottom:20px;left:20px}.psv-fullscreen-btn{bottom:20px;font-size:16px;height:40px;pointer-events:auto!important;right:20px;width:40px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,.3);font-family:Arial,sans-serif;line-height:1}.psv-loading{align-items:center;background-color:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:15}.psv-loading-text{font-size:16px;margin-bottom:15px}.psv-loading-bar{background-color:hsla(0,0%,100%,.3);border-radius:4px;height:8px;overflow:hidden;width:200px}.psv-loading-bar-progress{background-color:#4caf50;height:100%;transition:width .3s;width:0}.psv-container:-moz-full-screen,.psv-container:-ms-fullscreen,.psv-container:-webkit-full-screen,.psv-container:fullscreen{aspect-ratio:auto;height:100%}@media(max-width:768px){.psv-btn{border-radius:8px!important;font-size:16px;height:36px;width:36px}.psv-fullscreen-btn{display:none!important}.psv-zoom-in-btn{bottom:60px;left:15px}.psv-zoom-out-btn{bottom:15px;left:15px}.psv-loading-text{font-size:14px}.psv-loading-bar{width:150px}}@media(min-resolution:2dppx){.psv-container{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.psv-container img{height:auto;max-width:100%}.psv-controls-container{bottom:0;left:0;position:absolute;z-index:10}.psv-fullscreen-overlay{align-items:center!important;background:#000!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.psv-fullscreen-overlay .psv-container{background-color:#000!important;max-height:none!important;max-width:none!important;padding-top:0!important;position:relative!important}.psv-fullscreen-overlay .psv-container,.psv-fullscreen-overlay .psv-container canvas{height:100vh!important;width:100vw!important}.psv-fullscreen-overlay .psv-btn{position:fixed!important}.psv-fullscreen-overlay .psv-zoom-in-btn{bottom:70px!important;left:20px!important}.psv-fullscreen-overlay .psv-zoom-out-btn{bottom:20px!important;left:20px!important}.psv-fullscreen-overlay .psv-fullscreen-btn{bottom:20px!important;right:20px!important}:-moz-full-screen .psv-fullscreen-overlay,:-ms-fullscreen .psv-fullscreen-overlay,:-webkit-full-screen .psv-fullscreen-overlay,:fullscreen .psv-fullscreen-overlay{height:100vh!important;width:100vw!important}@media(max-width:768px){.psv-fullscreen-overlay .psv-btn{font-size:18px;height:44px;width:44px}.psv-fullscreen-overlay .psv-zoom-in-btn{bottom:80px!important;left:15px!important}.psv-fullscreen-overlay .psv-zoom-out-btn{bottom:25px!important;left:15px!important}.psv-fullscreen-overlay .psv-fullscreen-btn{bottom:25px!important;right:15px!important}}