.image-preview[data-v-24d7a87b]{width:100%}.image-list[data-v-24d7a87b]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-item[data-v-24d7a87b]{border-radius:8px;overflow:hidden;position:relative}.image-overlay[data-v-24d7a87b]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.image-item:hover .image-overlay[data-v-24d7a87b]{opacity:1}.image-delete-btn[data-v-24d7a87b]{height:20px;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .3s ease;width:20px;z-index:2}.image-item:hover .image-delete-btn[data-v-24d7a87b]{opacity:1}.image-name[data-v-24d7a87b]{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.image-preview-overlay[data-v-24d7a87b]{background:#000000e6}.preview-container[data-v-24d7a87b]{display:flex;flex-direction:column;height:100vh;position:relative;width:100vw}.preview-toolbar[data-v-24d7a87b]{background:#00000080;height:60px;justify-content:space-between;left:0;padding:0 20px;position:absolute;right:0;top:0;z-index:10}.preview-actions[data-v-24d7a87b],.preview-info[data-v-24d7a87b],.preview-toolbar[data-v-24d7a87b]{align-items:center;display:flex}.preview-content[data-v-24d7a87b]{padding:60px 20px 20px;position:relative}.preview-content[data-v-24d7a87b],.preview-image-container[data-v-24d7a87b]{align-items:center;display:flex;flex:1;justify-content:center}.preview-image-container[data-v-24d7a87b]{overflow:hidden}.preview-image[data-v-24d7a87b]{cursor:grab;max-height:100%;max-width:100%;transform-origin:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-image[data-v-24d7a87b]:active{cursor:grabbing}.preview-nav[data-v-24d7a87b]{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.preview-nav--prev[data-v-24d7a87b]{left:20px}.preview-nav--next[data-v-24d7a87b]{right:20px}.file-uploader[data-v-4360f57a]{width:100%}.upload-area[data-v-4360f57a]{align-items:center;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.upload-area__content[data-v-4360f57a]{width:100%}.upload-area__icon[data-v-4360f57a]{margin-left:auto;margin-right:auto}.upload-area--dragover[data-v-4360f57a],.upload-area[data-v-4360f57a]:hover{background-color:rgba(var(--v-theme-primary),.05);border-color:rgb(var(--v-theme-primary))}.file-item[data-v-4360f57a]{height:100%;transition:transform .2s ease}.file-item[data-v-4360f57a]:hover{transform:translateY(-2px)}.file-preview[data-v-4360f57a]{overflow:hidden;position:relative}.file-preview:hover .file-overlay[data-v-4360f57a]{opacity:1}.file-overlay[data-v-4360f57a]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.file-icon-container[data-v-4360f57a]{background:#f5f5f5}.cursor-pointer[data-v-4360f57a]{cursor:pointer}[data-v-4360f57a] .file-button .v-btn__content{color:#fff}
