.viewer-title[data-v-82bc3dc8]{color:#72e528;font-size:16px;font-weight:600;margin:0}.image-count[data-v-82bc3dc8]{color:#727485;font-size:12px;gap:8px}.image-count[data-v-82bc3dc8],.viewer-header[data-v-82bc3dc8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.viewer-header[data-v-82bc3dc8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px;-ms-flex-negative:0;flex-shrink:0}.image-grid-container[data-v-82bc3dc8]{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;min-height:0;will-change:transform;contain:layout;height:260px}.image-grid-container[data-v-82bc3dc8]::-webkit-scrollbar{display:none}.image-grid[data-v-82bc3dc8]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:2px}.image-slot[data-v-82bc3dc8]{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;will-change:transform,box-shadow;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;background-color:#1e3139}.image-slot[data-v-82bc3dc8]:hover{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.preview-thumbnail[data-v-82bc3dc8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.delete-button[data-v-82bc3dc8]{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);border-radius:50%;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;cursor:pointer;z-index:2}.image-slot:hover .delete-button[data-v-82bc3dc8]{opacity:1}.delete-button[data-v-82bc3dc8]:hover{background:rgba(255,0,0,.7)}.delete-icon[data-v-82bc3dc8]{width:14px;height:14px;color:#fff}.multiple-image-viewer[data-v-82bc3dc8]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#0d1116;padding:8px;border-radius:8px;border:1px solid #1e3139}.load-more-container[data-v-82bc3dc8]{grid-column:1/-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px 0}.load-more-btn[data-v-82bc3dc8]{background:#72e528;color:#0d1116;border:none;border-radius:6px;padding:6px 16px;font-size:12px;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.load-more-btn[data-v-82bc3dc8]:hover{background:#5cb020}.image-type-badge[data-v-82bc3dc8]{position:absolute;bottom:4px;left:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;z-index:1;background-color:rgba(0,0,0,.7)}.image-type-badge.uploaded[data-v-82bc3dc8]{color:#72e528;border:1px solid #72e528}.image-type-badge.pending[data-v-82bc3dc8]{color:#bfc1c8;border:1px solid #bfc1c8}.image-count-display[data-v-82bc3dc8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;background-color:#1e3139;padding:2px 8px;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid transparent}.image-count-display[data-v-82bc3dc8]:hover{border-color:#72e528;-webkit-box-shadow:0 0 8px rgba(114,229,40,.2);box-shadow:0 0 8px rgba(114,229,40,.2)}.backend-image-count[data-v-82bc3dc8]{color:#72e528;font-weight:600;font-size:13px}.count-separator[data-v-82bc3dc8]{color:#727485;font-size:12px}.total-image-count[data-v-82bc3dc8]{color:#bfc1c8;font-weight:500;font-size:13px}.count-label[data-v-82bc3dc8]{color:#727485;font-size:11px;margin-left:2px}.action-buttons[data-v-82bc3dc8]{gap:8px}.action-btn[data-v-82bc3dc8],.action-buttons[data-v-82bc3dc8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-btn[data-v-82bc3dc8]{gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;min-width:70px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.action-btn[data-v-82bc3dc8]:disabled{opacity:.5;cursor:not-allowed}.action-btn .btn-icon[data-v-82bc3dc8]{width:14px;height:14px}.action-btn .btn-text[data-v-82bc3dc8]{font-size:11px;white-space:nowrap}.delete-btn[data-v-82bc3dc8]{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.delete-btn[data-v-82bc3dc8]:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:#ef4444;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(239,68,68,.2);box-shadow:0 2px 8px rgba(239,68,68,.2)}.delete-btn[data-v-82bc3dc8]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.upload-btn[data-v-82bc3dc8]{background:rgba(114,229,40,.1);color:#72e528;border:1px solid rgba(114,229,40,.2)}.upload-btn[data-v-82bc3dc8]:hover:not(:disabled){background:rgba(114,229,40,.2);border-color:#72e528;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(114,229,40,.2);box-shadow:0 2px 8px rgba(114,229,40,.2)}.upload-btn[data-v-82bc3dc8]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}