.panoramic-image-block-editor .panoramic-images-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.panoramic-image-block-editor .panoramic-images-grid .panoramic-image-item{position:relative}.panoramic-image-block-editor .panoramic-images-grid .panoramic-image-item img{border-radius:4px;height:150px;-o-object-fit:cover;object-fit:cover;width:100%}.panoramic-image-block-editor .panoramic-images-grid .panoramic-image-item button{position:absolute;right:8px;top:8px}.panoramic-image-block-editor .panoramic-stitched-preview{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:1rem;padding:1rem}.panoramic-image-block-editor .panoramic-stitched-preview h4{font-size:14px;margin:0 0 1rem}.panoramic-image-block-editor .panoramic-stitched-preview canvas{border:1px solid #ccc;border-radius:4px}.panoramic-image-block-container,.single-panoramic-image-block-container,.wp-block-panoramic-image-block-panoramic,.wp-block-panoramic-image-block-single-panoramic{box-sizing:border-box;contain:layout;margin:0 auto 1.5rem;max-width:100%;position:relative;width:100%}.panoramic-image-block-thumbnail,.single-panoramic-image-block-thumbnail{border-radius:8px;cursor:pointer;display:block;max-height:200px;max-width:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.panoramic-images-container{display:flex}.panoramic-images-container,.single-panoramic-image-container{font-size:0;height:auto;line-height:0;max-height:200px;width:100%}.single-panoramic-image-container{display:block;overflow:hidden}.panoramic-image-segment{border:0;display:block;flex:1;line-height:0;margin:0;padding:0}.panoramic-segment-image,.single-panoramic-image{border:0;display:block;height:auto;margin:0;max-height:200px;max-width:none;-o-object-fit:cover;object-fit:cover;padding:0;vertical-align:top;width:100%}.panoramic-image-block-thumbnail:focus,.panoramic-image-block-thumbnail:hover,.single-panoramic-image-block-thumbnail:focus,.single-panoramic-image-block-thumbnail:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);outline:none;transform:translateY(-2px)}.panoramic-image-block-thumbnail:focus,.single-panoramic-image-block-thumbnail:focus{box-shadow:0 4px 20px rgba(0,0,0,.15),0 0 0 3px rgba(0,123,255,.25)}.panoramic-image-block-thumbnail .panoramic-play-overlay,.single-panoramic-image-block-thumbnail .single-panoramic-play-overlay{align-items:center;background:rgba(0,0,0,.7);border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;width:80px}.panoramic-image-block-thumbnail .panoramic-play-overlay .panoramic-play-icon,.single-panoramic-image-block-thumbnail .single-panoramic-play-overlay .single-panoramic-play-icon{color:#fff;font-size:2rem;line-height:1}.panoramic-image-block-thumbnail:hover .panoramic-play-overlay,.single-panoramic-image-block-thumbnail:hover .single-panoramic-play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.panoramic-modal{align-items:center;background:rgba(0,0,0,.95);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999999}.panoramic-modal.active{opacity:1;visibility:visible}.panoramic-modal .panoramic-viewer-container{height:90%;max-width:none;position:relative;width:95%}.panoramic-modal .panoramic-viewer-container .panoramic-viewer{background:#000;border-radius:8px;cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none;transition:transform .1s ease-out}.panoramic-modal .panoramic-viewer-container .panoramic-viewer.dragging,.panoramic-modal .panoramic-viewer-container .panoramic-viewer.grabbing{cursor:grabbing;transition:none}.panoramic-modal .panoramic-viewer-container .panoramic-viewer canvas{display:block;height:100%;max-height:none;max-width:none;pointer-events:none;width:100%}.panoramic-modal .panoramic-viewer-container .panoramic-controls{bottom:-50px;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.panoramic-modal .panoramic-viewer-container .panoramic-controls button{background:hsla(0,0%,100%,.9);border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:background .3s ease}.panoramic-modal .panoramic-viewer-container .panoramic-controls button:hover{background:#fff}.panoramic-modal .panoramic-viewer-container .panoramic-controls button:focus{outline:2px solid #007cba;outline-offset:2px}.panoramic-modal .panoramic-viewer-container .panoramic-close{background:hsla(0,0%,100%,.9);border:none;border-radius:4px;color:#333;cursor:pointer;font-size:20px;font-weight:700;height:40px;position:absolute;right:0;top:-50px;transition:background .3s ease;width:40px}.panoramic-modal .panoramic-viewer-container .panoramic-close:hover{background:#fff}.panoramic-modal .panoramic-viewer-container .panoramic-close:focus{outline:2px solid #007cba;outline-offset:2px}@media (max-width:768px){.panoramic-modal .panoramic-viewer-container{height:70%;width:95%}.panoramic-modal .panoramic-viewer-container .panoramic-controls{bottom:-80px;flex-wrap:wrap;justify-content:center}.panoramic-modal .panoramic-viewer-container .panoramic-controls button{font-size:16px;padding:10px 16px}.panoramic-modal .panoramic-viewer-container .panoramic-close{font-size:24px;height:50px;top:-60px;width:50px}.panoramic-image-block-container .panoramic-image-block-thumbnail .panoramic-play-overlay{height:60px;width:60px}.panoramic-image-block-container .panoramic-image-block-thumbnail .panoramic-play-overlay .panoramic-play-icon{font-size:1.5rem}}.panoramic-loading{background:rgba(0,0,0,.8);border-radius:8px;color:#fff;left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.panoramic-loading-spinner{animation:panoramic-spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}.panoramic-skeleton,.panoramic-skeleton-image{animation:panoramic-skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.panoramic-skeleton-image{height:200px;width:100%}.panoramic-thumbnail-loading:after{animation:panoramic-pulse 1.5s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:hsla(0,0%,100%,.1);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes panoramic-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes panoramic-skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes panoramic-pulse{0%,to{opacity:.3}50%{opacity:.7}}[dir=rtl] .panoramic-images-container{direction:ltr}[dir=rtl] .panoramic-modal .panoramic-viewer-container .panoramic-close{left:0;right:auto}@media (max-width:768px){[dir=rtl] .panoramic-modal .panoramic-viewer-container .panoramic-close{left:0;right:auto}}