.container[data-v-b81cc856]{align-items:center;display:flex;flex-direction:column;height:100vh;padding:20px;text-align:center}h3[data-v-b81cc856],input[data-v-b81cc856]{margin-bottom:20px}input[data-v-b81cc856]{display:none}.drag-drop-area[data-v-b81cc856]{align-items:center;border:2px dashed #007bff;border-radius:8px;cursor:pointer;display:flex;height:150px;justify-content:center;margin:20px 0;transition:background-color .3s;width:300px}.drag-drop-area p[data-v-b81cc856]{color:#007bff;font-size:16px;margin:0}.drag-drop-area.drag-over[data-v-b81cc856]{background-color:#007bff1a}.image-preview-container[data-v-b81cc856]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.image-card[data-v-b81cc856]{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;text-align:center;width:150px}.image-preview[data-v-b81cc856]{border-radius:5px;max-height:100px;max-width:100%;-o-object-fit:cover;object-fit:cover}.in[data-v-b81cc856],button[data-v-b81cc856]{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}button[data-v-b81cc856]:hover{background-color:#0056b3}