.image-box[data-v-dce96fe7]{border-radius:6px;position:relative;transition:all .3s ease}.image-box.drag-over[data-v-dce96fe7]{background-color:#e0f2fe;border-color:var(--image-box-c-green);box-shadow:var(--image-box-c-green-light) 0 20px 30px}.image-box.disabled[data-v-dce96fe7]{cursor:not-allowed;pointer-events:none}.image-box.invalid[data-v-dce96fe7]{border-color:var(--image-box-c-red);box-shadow:var(--image-box-c-red-light) 0 10px 15px}.image-box.valid[data-v-dce96fe7]{border-color:var(--image-box-c-green);box-shadow:var(--image-box-c-green-light) 0 10px 15px}.image-box.clicable[data-v-dce96fe7]{cursor:pointer}.no-image[data-v-dce96fe7],.preview-image[data-v-dce96fe7]{display:block;height:100%;margin:0;-o-object-fit:cover;object-fit:cover;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.no-image[data-v-dce96fe7]{align-items:center;background-color:#f2f2f2;color:#000;display:flex;font-size:14px;font-weight:600;justify-content:center}.no-image.error[data-v-dce96fe7]{background-color:var(--image-box-c-red);color:#fff}.file-input[data-v-dce96fe7]{cursor:pointer;inset:0;opacity:0;position:absolute}.top-buttons[data-v-dce96fe7]{display:flex;gap:5px;position:absolute;right:4px;top:4px}.top-buttons .action-icons[data-v-dce96fe7]{height:15px;width:15px}.icon-btn[data-v-dce96fe7]{background-color:transparent;border:none;color:var(--text-color);cursor:pointer;display:inline-block;font-size:14px;margin:0 3px;padding:4px;position:relative;transition:all .2s ease-in-out}.icon-btn[data-v-dce96fe7]:hover{background-color:var(--image-box-c-green);border-radius:4px}.icon-btn .tooltip[data-v-dce96fe7]{background:var(--bg-soft);border:1px solid var(--border-color);border-radius:var(--border-radius);bottom:calc(100% + 20px);color:var(--text-color);font-size:12px;opacity:0;padding:6px 10px;pointer-events:none;transition:opacity .5s ease;white-space:nowrap;z-index:10}.icon-btn .tooltip[data-v-dce96fe7],.icon-btn .tooltip[data-v-dce96fe7]:after{left:50%;position:absolute;transform:translate(-50%)}.icon-btn .tooltip[data-v-dce96fe7]:after{border-color:var(--bg-soft) transparent transparent transparent;border-style:solid;border-width:10px;content:"";top:100%}.icon-btn:hover .tooltip[data-v-dce96fe7]{opacity:1}.clear-button[data-v-dce96fe7],.preview-button[data-v-dce96fe7]{background-color:#0009;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:1px;transition:all .2s ease;z-index:2}.clear-button[data-v-dce96fe7]:hover,.preview-button[data-v-dce96fe7]:hover{background-color:#000c;transform:scale(1.1)}.lightbox[data-v-dce96fe7]{align-items:center;animation:fadeIn-dce96fe7 .25s ease-out;background-color:#000000c7;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn-dce96fe7{0%{opacity:0}to{opacity:1}}.lightbox-image[data-v-dce96fe7],.preview-image[data-v-dce96fe7]{will-change:transform}.lightbox-image[data-v-dce96fe7]{border-radius:4px;max-height:80%;max-width:90%;transition:transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;-webkit-user-drag:none;cursor:grab}.lightbox-controls[data-v-dce96fe7]{align-items:center;background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:var(--border-radius);bottom:16px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;display:flex;flex-wrap:wrap;gap:6px;padding:5px;position:absolute;transition:all .3s ease;z-index:2}.lightbox-image[data-v-dce96fe7]:active{cursor:grabbing}.lightbox-controls .action-icons[data-v-dce96fe7]{height:20px;width:20px}.size-indicator[data-v-dce96fe7]{background-color:var(--image-box-c-red-light);border-radius:0 0 4px 4px;bottom:0;color:var(--image-box-c-red-dark);direction:ltr;display:flex;font-family:system-ui,sans-serif;font-size:11px;justify-content:space-between;left:50%;padding:2px 6px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%;z-index:3}.size-line[data-v-dce96fe7]{color:#0005}.lightbox-caption[data-v-dce96fe7]{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);border-radius:4px;color:#ddd;direction:ltr;display:flex;flex-direction:column;font-family:system-ui,sans-serif;font-size:14px;gap:2px;padding:6px 8px;position:absolute;text-align:center;top:0;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:3}.lightbox-caption>div[data-v-dce96fe7]:first-child{font-size:20px;font-weight:600;transition:all .2s}.lightbox-caption>div[data-v-dce96fe7]:last-child{color:#bbb;font-size:15px;transition:all .2s}.image-placeholder[data-v-dce96fe7]{align-items:center;background:#f0f0f0b3;border-radius:var(--border-radius,8px);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.spinner[data-v-dce96fe7]{animation:spin-dce96fe7 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top:4px solid var(--image-box-c-green,#6cb771);height:32px;width:32px}@keyframes spin-dce96fe7{to{transform:rotate(1turn)}}.required-indicator[data-v-dce96fe7]{color:var(--c-red);font-size:10px;left:5px;position:absolute;top:2px}@media (max-width:900px){.lightbox-controls[data-v-dce96fe7]{bottom:5px;gap:4px;justify-content:center}.icon-btn img[data-v-dce96fe7]{height:20px;width:20px}.icon-btn .tooltip[data-v-dce96fe7]{font-size:11px}.lightbox-caption>div[data-v-dce96fe7]:first-child{font-size:16px}.lightbox-caption>div[data-v-dce96fe7]:last-child{font-size:13px}}@media (max-width:600px){.lightbox-controls[data-v-dce96fe7]{bottom:0;gap:2px;justify-content:center;width:100%}.icon-btn img[data-v-dce96fe7]{height:18px;width:18px}.icon-btn .tooltip[data-v-dce96fe7]{display:none}.lightbox-caption>div[data-v-dce96fe7]:first-child{font-size:14px}.lightbox-caption>div[data-v-dce96fe7]:last-child{font-size:12px}}@media (max-width:400px){.lightbox-controls[data-v-dce96fe7]{bottom:0;gap:2px;justify-content:center;width:100%}.icon-btn img[data-v-dce96fe7]{height:15px;width:15px}.lightbox-caption>div[data-v-dce96fe7]:first-child{font-size:13px}.lightbox-caption>div[data-v-dce96fe7]:last-child{font-size:10px}}