.fullscreen-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;display:flex;flex-direction:column;opacity:0;transition:opacity .3s ease}.fullscreen-viewer.active{opacity:1}.fullscreen-header{padding:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;background:#000000b3}.fullscreen-title{font-size:16px;font-weight:700;margin-right:15px}.fullscreen-counter{font-size:16px;font-weight:700;color:#ea580c}.fullscreen-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;border-radius:50%;transition:background .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.fullscreen-close:hover{background:#ffffff1a}.fullscreen-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.fullscreen-image{max-width:1200px;max-height:600px;object-fit:contain}.fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.fullscreen-nav:hover{background:#000c}.fullscreen-prev{left:20px}.fullscreen-next{right:20px}.fullscreen-thumbnails{padding:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-height:150px;overflow-y:auto;background:#000000b3}.fullscreen-thumbnail{width:80px;height:80px;object-fit:cover;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border .2s}.fullscreen-thumbnail.active{border:2px solid #EA580C}.fullscreen-thumbnail:hover{border:2px solid white}