.image-placeholder{width:100%;height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--neon-cyan);background:rgba(0,20,30,.6);border:1px dashed var(--neon-cyan);border-radius:4px;font-size:.8rem;text-align:center;padding:10px}.image-gallery{display:grid;gap:10px;width:100%}.gallery-cell{background:rgba(0,0,0,.4);border:1px solid rgba(0,243,255,.2);border-radius:4px;overflow:hidden;position:relative;cursor:pointer;transition:.2s;min-height:80px;display:flex;align-items:center;justify-content:center}.gallery-cell:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.3);transform:scale(1.02)}#image-viewer-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}#image-viewer-modal.active{display:flex;opacity:1}#image-viewer-modal .viewer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);cursor:pointer}#image-viewer-modal .viewer-content{position:relative;max-width:90%;max-height:90%;height:fit-content;z-index:1001;transform:scale(.9);transition:transform .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;align-self:center}#image-viewer-modal.active .viewer-content{transform:scale(1)}#image-viewer-modal .viewer-content img{max-width:100%;max-height:80vh;height:auto;width:auto;object-fit:contain;border:2px solid var(--neon-cyan);box-shadow:0 0 30px rgba(0,243,255,.5);border-radius:4px;margin:auto}#image-viewer-modal .viewer-close{position:absolute;top:-40px;right:0;background:0 0;border:1px solid var(--neon-red);color:var(--neon-red);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:.2s}#image-viewer-modal .viewer-close:hover{background:var(--neon-red);color:#000;box-shadow:0 0 15px var(--neon-red)}#viewer-info{margin-top:15px;text-align:center;color:var(--neon-cyan);font-size:.9rem;background:rgba(0,20,30,.8);padding:8px 15px;border-radius:4px;border:1px solid rgba(0,243,255,.3)}.placeholder-img{width:80px;height:80px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--neon-cyan);border:1px solid rgba(0,243,255,.3);flex-shrink:0;overflow:hidden;background:rgba(0,20,30,.6)}.placeholder-img img{width:100%;height:100%;object-fit:cover}.preview-item .placeholder-media{width:100%;height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--neon-blue);font-size:1.5rem;text-align:center;overflow:hidden;background:rgba(0,0,0,.4);position:relative}.preview-item .placeholder-media img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.preview-item .placeholder-media span{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1;background:rgba(0,0,0,.7);padding:2px 5px;border-radius:2px}@media (max-width:768px){#image-viewer-modal .viewer-content{max-width:95%;max-height:85%}#image-viewer-modal .viewer-content img{max-height:70vh}#image-viewer-modal .viewer-close{top:-35px;width:28px;height:28px;font-size:1rem}}@media (max-width:480px){#image-viewer-modal .viewer-content{max-width:98%;max-height:90%}#image-viewer-modal .viewer-content img{max-height:65vh}#viewer-info{font-size:.8rem;padding:6px 10px}}