.upload-grid[data-v-1ab7ffb1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}@media(max-width:768px){.upload-grid[data-v-1ab7ffb1]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}@media(max-width:480px){.upload-grid[data-v-1ab7ffb1]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.preview-item[data-v-1ab7ffb1]{aspect-ratio:1;border-radius:.5rem;border:1px solid #e5e7eb;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;overflow:hidden}.upload-item[data-v-1ab7ffb1]{aspect-ratio:1;border-radius:.5rem;border:2px dashed #d1d5db;background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upload-item[data-v-1ab7ffb1]:hover:not(.opacity-50){border-color:#000;color:#000;background-color:#0000000d}.task-result[data-v-1ab7ffb1]{background-color:#d4edda;padding:2rem;border-radius:.75rem;border:2px solid #c3e6cb;margin-top:2.5rem;box-shadow:0 4px 12px #0000001a;animation:fadeIn-1ab7ffb1 .5s ease-in-out}@keyframes fadeIn-1ab7ffb1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}