.image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.high-res-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;-o-object-fit:contain;object-fit:contain;will-change:opacity,transform;box-shadow:none}.loading-high-res::after{content:"";position:absolute;bottom:10px;right:10px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.content-half-image,.content-full-image{position:relative}.image-interaction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;gap:1rem;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:5;transform:translateZ(0)}.image-interaction-overlay.visible{opacity:1;pointer-events:auto}.image-interaction-overlay button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;padding:0;background-color:#fff;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s ease,background-color .2s ease;opacity:.9;padding:0}.image-interaction-overlay button:hover,.image-interaction-overlay button:focus{transform:scale(1.1);opacity:1;background-color:#f8f8f8;outline:none}.image-interaction-overlay button:focus{box-shadow:0 0 0 3px rgba(0,123,255,.5),0 2px 5px rgba(0,0,0,.2)}.share-image::before{content:"";display:block;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.fullscreen-image::before{content:"";display:block;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.image-fullscreen-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;padding:2rem;transform:translateZ(0)}.fullscreen-loading{color:#fff;font-size:1.2rem;padding:1rem;background-color:rgba(0,0,0,.5);border-radius:.5rem;margin-bottom:1rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.fullscreen-image-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-height:80vh;position:relative}.fullscreen-image-placeholder{background-color:rgba(255,255,255,.1);border-radius:.25rem}.image-fullscreen-container img{-o-object-fit:contain;object-fit:contain;max-width:100%;border-radius:.25rem;box-shadow:0 5px 15px rgba(0,0,0,.5);transform:translateZ(0);will-change:opacity,transform;animation:fadeIn .3s ease-in-out;transition:transform .2s ease}.image-fullscreen-container img.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fullscreen-caption{color:#fff;margin-top:1rem;max-width:80%;text-align:center;font-size:1rem;line-height:1.5;background-color:rgba(0,0,0,.5);padding:.75rem 1.25rem;border-radius:.5rem;text-wrap:balance}.fullscreen-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;padding:0;background-color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:background-color .2s ease,transform .2s ease;transform:translateZ(0);z-index:1010}.fullscreen-close:hover,.fullscreen-close:focus{background-color:#f8f8f8;transform:scale(1.1);outline:none}.fullscreen-close:focus{box-shadow:0 0 0 3px rgba(255,255,255,.5),0 2px 5px rgba(0,0,0,.3)}.fullscreen-close::before{content:"";display:block;width:1.25rem;height:1.25rem;background-image:var(--icon-close);background-size:contain;background-repeat:no-repeat;background-position:center}@media(max-width: 38rem){.image-interaction-overlay{align-items:flex-end;padding-bottom:1rem}.image-interaction-overlay button{width:2.5rem;height:2.5rem}.fullscreen-image-wrapper{max-height:60vh}.fullscreen-caption{max-width:90%;font-size:.9rem;margin-bottom:1rem}}@media(hover: none){.image-interaction-overlay.visible{opacity:1}}.download-image{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#fff;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s ease,background-color .2s ease;opacity:.9;padding:0}.download-image:hover,.download-image:focus{transform:scale(1.1);opacity:1;background-color:#f8f8f8;outline:none}.download-image:focus{box-shadow:0 0 0 3px rgba(0,123,255,.5),0 2px 5px rgba(0,0,0,.2)}.download-image::before{content:"";display:block;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.image-download-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1100;padding:1rem}.image-download-content{background-color:#fff;border-radius:.5rem;padding:1.5rem;max-width:30rem;width:100%;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateZ(0)}.image-download-content h3{margin:0 0 1.5rem;font-size:1.5rem;text-align:center;color:#333}.image-download-content h4{margin:0 0 .75rem;font-size:1.1rem;color:#555}.download-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.format-buttons,.size-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.format-button,.size-button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:.25rem;background-color:#f8f8f8;cursor:pointer;transition:all .2s ease;font-size:.9rem}.format-button.selected,.size-button.selected{background-color:#007bff;color:#fff;border-color:#0069d9}.format-button:hover:not(.disabled):not(.selected),.size-button:hover:not(.selected){background-color:#e9ecef;border-color:#ced4da}.format-button:focus,.size-button:focus{outline:none;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.format-button.disabled{opacity:.5;cursor:not-allowed;background-color:#f0f0f0}.download-actions{display:flex;justify-content:space-between;align-items:center}.download-actions>div:last-child{display:flex;gap:1rem}.download-actions button{flex:1;padding:.75rem 1.5rem;border-radius:.25rem;border:none;font-size:1rem;cursor:pointer;transition:background-color .2s ease;text-align:center}.download-cancel{background-color:#f8f8f8;color:#333;border:1px solid #ddd}.download-start{background-color:#28a745;color:#fff}.download-start:disabled{background-color:#6c757d;opacity:.65;cursor:not-allowed}.download-cancel:hover{background-color:#e9ecef}.download-start:hover:not(:disabled){background-color:#218838}.download-cancel:focus,.download-start:focus{outline:none;box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}.image-zoom-controls{position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);display:flex;background-color:rgba(0,0,0,.6);border-radius:2rem;padding:.5rem;gap:.25rem;z-index:10}.image-zoom-controls button{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:rgba(255,255,255,.9);color:#333;font-size:1.2rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;padding:0}.image-zoom-controls button:hover{background-color:#fff}.image-zoom-controls button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.5)}.zoom-reset{min-width:4rem;border-radius:1.25rem !important;font-size:.9rem !important;font-weight:normal !important}.background-toggle{position:absolute;bottom:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s ease;z-index:10}.background-toggle:hover{background-color:rgba(255,255,255,.3)}.background-toggle:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.5)}.background-toggle svg{width:1.5rem;height:1.5rem}.image-fullscreen-container.light-background{background-color:rgba(245,245,245,.95)}.image-fullscreen-container.light-background .fullscreen-caption{color:#333;background-color:rgba(255,255,255,.8)}.image-fullscreen-container.light-background .fullscreen-loading{color:#333;background-color:rgba(255,255,255,.8)}.image-fullscreen-container.light-background .image-zoom-controls{background-color:rgba(0,0,0,.2)}.image-container.touch-optimized{overflow:hidden;-webkit-overflow-scrolling:touch;touch-action:manipulation}.high-res-image.touch-optimized{transform-origin:center;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .3s ease;z-index:2;will-change:transform,opacity}.image-container.touch-optimized[data-high-res-loading=true]::after{content:"";position:absolute;bottom:10px;right:10px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite;z-index:10;pointer-events:none}.light-background .image-container.touch-optimized[data-high-res-loading=true]::after{border:2px solid rgba(0,0,0,.2);border-top-color:#000}.image-container.touch-optimized:active{cursor:grabbing}@media(pointer: coarse){.fullscreen-image-wrapper{touch-action:manipulation;-webkit-overflow-scrolling:touch}}@media(pointer: coarse)and (max-width: 29.9999rem){.high-res-image.touch-optimized,.image-container.touch-optimized img{max-width:100vw;max-height:70vh}}@media(pointer: coarse)and (min-width: 30rem)and (max-width: 47.9999rem){.high-res-image.touch-optimized,.image-container.touch-optimized img{max-width:90vw;max-height:80vh}}.gallery-navigation{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:5;padding:0 1rem}.gallery-nav-button{width:3.5rem;height:3.5rem;border-radius:50%;border:none;background-color:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s ease,transform .2s ease;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.3)}.gallery-nav-button:hover,.gallery-nav-button:focus{background-color:rgba(255,255,255,.25);transform:scale(1.1);outline:none}.light-background .gallery-nav-button{background-color:rgba(0,0,0,.2)}.light-background .gallery-nav-button:hover,.light-background .gallery-nav-button:focus{background-color:rgba(0,0,0,.3)}.gallery-nav-button:focus{box-shadow:0 0 0 3px rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.3)}.gallery-prev::before,.gallery-next::before{content:"";display:block;width:1.5rem;height:1.5rem;background-size:contain;background-repeat:no-repeat;background-position:center}.gallery-prev::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E")}.gallery-next::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E")}.gallery-counter{position:absolute;top:1.5rem;right:5rem;background-color:rgba(0,0,0,.6);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;z-index:5}.light-background .gallery-counter{background-color:rgba(0,0,0,.2);color:#333}.gallery-thumbnails{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);height:4rem;transition:height .3s ease;z-index:5;overflow:hidden}.gallery-thumbnails.expanded{height:8rem}.thumbnail-toggle{position:absolute;top:-2rem;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;border:none;border-radius:.5rem .5rem 0 0;padding:.25rem 1rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.thumbnail-toggle:hover,.thumbnail-toggle:focus{background-color:rgba(0,0,0,.8);outline:none}.thumbnail-toggle:focus{box-shadow:0 0 0 2px rgba(255,255,255,.3)}.light-background .thumbnail-toggle{background-color:rgba(0,0,0,.2);color:#333}.light-background .thumbnail-toggle:hover,.light-background .thumbnail-toggle:focus{background-color:rgba(0,0,0,.3)}.thumbnail-strip{display:flex;align-items:center;padding:.5rem;height:100%;gap:.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,0)}.thumbnail-strip::-webkit-scrollbar{height:6px}.thumbnail-strip::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.thumbnail-strip::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:6px}.light-background .gallery-thumbnails{background-color:rgba(0,0,0,.1)}.gallery-thumbnail{height:calc(100% - 1rem);aspect-ratio:1;border-radius:.25rem;overflow:hidden;cursor:pointer;position:relative;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.4)}.gallery-thumbnail::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(0,0,0,0);border-radius:.25rem;transition:border-color .2s ease}.gallery-thumbnail.active::after{border-color:rgba(255,255,255,.9)}.light-background .gallery-thumbnail.active::after{border-color:rgba(0,0,0,.8)}.gallery-thumbnail:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.5)}.gallery-thumbnail:focus{outline:none}.gallery-thumbnail:focus::after{border-color:rgba(0,123,255,.8)}.gallery-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:none;box-shadow:none}@media(max-width: 38rem){.gallery-counter{right:4rem;top:1rem}.gallery-navigation{padding:0 .5rem}.gallery-nav-button{width:3rem;height:3rem}.gallery-thumbnails{height:3.5rem}.gallery-thumbnails.expanded{height:6rem}.thumbnail-toggle{top:-1.8rem;padding:.15rem .8rem;font-size:.75rem}.gallery-counter{font-size:.8rem;padding:.15rem .6rem}.image-zoom-controls{bottom:5rem;top:auto}.background-toggle{bottom:5rem}}@media(hover: none)and (pointer: coarse){.gallery-nav-button{width:3rem;height:3rem;opacity:.9}.gallery-thumbnail{min-width:3rem}.thumbnail-strip{padding:.25rem;gap:.25rem}.gallery-thumbnails{height:3.5rem}.gallery-thumbnails.expanded{height:5.5rem}.image-zoom-controls{display:none}}.embed-image{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#fff;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s ease,background-color .2s ease;opacity:.9;padding:0}.embed-image:hover,.embed-image:focus{transform:scale(1.1);opacity:1;background-color:#f8f8f8;outline:none}.embed-image:focus{box-shadow:0 0 0 3px rgba(0,123,255,.5),0 2px 5px rgba(0,0,0,.2)}.embed-image::before{content:"";display:block;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.image-embed-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1100;padding:1rem}.image-embed-content{background-color:#fff;border-radius:.5rem;padding:1.5rem;width:90%;max-width:42rem;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateZ(0);display:flex;flex-direction:column;gap:1.5rem}.image-embed-content h3{margin:0;font-size:1.5rem;text-align:center;color:#333}.image-embed-content h4{margin:0 0 .75rem;font-size:1.1rem;color:#555}.embed-options{display:flex;flex-direction:column;gap:1.5rem}.format-buttons,.size-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.format-button{padding:.75rem 1rem;border:1px solid #ddd;border-radius:.25rem;background-color:#f8f8f8;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:5rem;text-align:left}.format-name{font-weight:bold;margin-bottom:.25rem}.format-description{font-size:.8rem;color:#6c757d}.size-button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:.25rem;background-color:#f8f8f8;cursor:pointer;transition:all .2s ease;font-size:.9rem}.format-button.selected,.size-button.selected{background-color:#007bff;color:#fff;border-color:#0069d9}.format-button.selected .format-description{color:rgba(255,255,255,.8)}.format-button:hover:not(.selected),.size-button:hover:not(.selected){background-color:#e9ecef;border-color:#ced4da}.format-button:focus,.size-button:focus{outline:none;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.embed-preview{margin-top:.5rem}.embed-preview-container{border:1px solid #ddd;border-radius:.25rem;overflow:hidden;background-color:#f8f9fa}.embed-preview-image{position:relative;width:100%;padding-bottom:56.25%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#eee}.embed-preview-caption{padding:.75rem;font-size:.9rem;border-top:1px solid #ddd;background-color:#fff;text-align:center}.embed-preview-caption a{color:#007bff;text-decoration:none}.embed-preview-caption a:hover{text-decoration:underline}.embed-code-container{margin-top:.5rem}.embed-code-wrapper{position:relative;border:1px solid #ddd;border-radius:.25rem;background-color:#f8f9fa}.embed-code{padding:1rem;margin:0;white-space:pre-wrap;word-break:break-all;font-size:.9rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#212529;overflow-x:auto;max-height:12rem}.copy-embed-code{position:absolute;top:.25rem;right:1.5rem;padding:.25rem .5rem;font-size:.8rem;background-color:#6c757d;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.copy-embed-code:hover{background-color:#5a6268}.copy-embed-code:focus{outline:none;box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}.copy-success-message{margin-top:.5rem;font-size:.9rem;color:#28a745;text-align:right;opacity:0;transition:opacity .2s ease}.copy-success-message.visible{opacity:1}.embed-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem}.embed-cancel{padding:.75rem 1.5rem;border-radius:.25rem;border:1px solid #ddd;background-color:#f8f8f8;color:#333;font-size:1rem;cursor:pointer;transition:background-color .2s ease;text-align:center}.embed-cancel:hover{background-color:#e9ecef}.embed-cancel:focus{outline:none;box-shadow:0 0 0 .2rem rgba(108,117,125,.25)}@media(max-width: 768px){.image-embed-content{padding:1rem;gap:1rem}.format-buttons{flex-direction:column}.format-button{width:100%}.embed-code{font-size:.8rem;padding:.75rem;max-height:8rem}}@media(max-width: 480px){.image-embed-content{padding:.75rem;gap:.75rem}.image-embed-content h3{font-size:1.2rem}.image-embed-content h4{font-size:1rem}.size-buttons{flex-wrap:wrap}.size-button{flex:1 0 auto;min-width:30%}}.usage-policy{font-size:.9rem}.usage-policy a{color:#007bff;text-decoration:none}.usage-policy a:hover{text-decoration:underline}