.image-preview-overlay[data-v-2fa29982]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:9998}.image-preview-container[data-v-2fa29982]{align-items:center;animation:slideUp-2fa29982 .3s ease-out;background:#201c23;border:0 solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:0 0 20px #000;display:flex;flex-direction:column;height:610px;max-height:90vh;max-width:90vw;padding:24px;position:relative;width:800px}@keyframes slideUp-2fa29982{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-2fa29982]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-20px;top:-20px;transition:all .3s ease;width:20px;z-index:10}.close-btn[data-v-2fa29982]:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.close-btn svg[data-v-2fa29982]{height:20px;width:20px}.image-label[data-v-2fa29982]{align-items:center;background:#fff3;border:1px solid #fff;border-radius:10px;bottom:24px;color:#ccc;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;left:24px;width:139px}.image-wrapper[data-v-2fa29982]{align-items:center;background:#ffffff0f;border-radius:10px;display:flex;flex:1;height:500px;justify-content:center;margin-bottom:20px;max-height:500px;max-width:100%;overflow:hidden;width:752px}.preview-image[data-v-2fa29982]{cursor:grab;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:100%}.preview-image[data-v-2fa29982]:active{cursor:grabbing}.action-buttons[data-v-2fa29982]{align-items:center;bottom:24px;display:flex;gap:16px;right:24px}.action-btn[data-v-2fa29982]{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.action-btn .iconfont[data-v-2fa29982]{font-size:20px}.action-btn[data-v-2fa29982]:hover{background:#63636333;border-color:#c7c7c7cc;color:#fff}.action-btn.delete-btn[data-v-2fa29982]{border-color:2px dashed hsla(0,63%,63%,.6)}.action-btn.delete-btn[data-v-2fa29982]:hover{background:#6428284d;border-color:#ff7a7acc;color:#f88}.preview-fade-enter-active[data-v-2fa29982],.preview-fade-leave-active[data-v-2fa29982]{transition:opacity .3s ease}.preview-fade-enter-from[data-v-2fa29982],.preview-fade-leave-to[data-v-2fa29982]{opacity:0}@media(max-width:768px){.image-preview-container[data-v-2fa29982]{max-height:55vh;max-width:95vw;padding:20px}.close-btn[data-v-2fa29982]{height:28px;right:12px;top:-30px;width:28px}.close-btn svg[data-v-2fa29982]{height:18px;width:18px}.image-label[data-v-2fa29982]{bottom:60px;font-size:12px;height:32px;left:20px;padding:5px 12px;width:100px}.image-wrapper[data-v-2fa29982]{margin-bottom:15px;max-height:400px;max-width:100%}.action-buttons[data-v-2fa29982]{bottom:15px;gap:10px;right:20px}.action-btn[data-v-2fa29982]{height:40px;width:40px}.action-btn .iconfont[data-v-2fa29982]{font-size:18px}}@media(max-width:480px){.image-preview-overlay[data-v-2fa29982]{padding:12px}.image-preview-container[data-v-2fa29982]{border-radius:8px;padding:16px}.close-btn[data-v-2fa29982]{height:24px;right:8px;top:-30px;width:24px}.close-btn svg[data-v-2fa29982]{height:16px;width:16px}.image-label[data-v-2fa29982]{bottom:50px;font-size:11px;left:16px;padding:4px 10px}.image-wrapper[data-v-2fa29982]{margin-bottom:12px;max-height:300px}.action-buttons[data-v-2fa29982]{bottom:12px;gap:8px;right:16px}.action-btn[data-v-2fa29982]{height:32px;width:32px}.action-btn .iconfont[data-v-2fa29982]{font-size:14px}}.video-preview-overlay[data-v-ec3ad749]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:9998}.video-preview-container[data-v-ec3ad749]{align-items:center;animation:slideUp-ec3ad749 .3s ease-out;background:#201c23;border:0 solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:0 0 20px #000;display:flex;flex-direction:column;height:610px;max-height:90vh;max-width:90vw;padding:24px;position:relative;width:800px}@keyframes slideUp-ec3ad749{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-ec3ad749]{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:-20px;top:-20px;transition:all .3s ease;width:20px;z-index:10}.close-btn[data-v-ec3ad749]:hover{transform:scale(1.1)}.close-btn img[data-v-ec3ad749]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video-label[data-v-ec3ad749]{align-items:center;background:#fff3;border:1px solid #fff;border-radius:10px;color:#ccc;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;position:relative;width:139px}.video-label .add[data-v-ec3ad749]{align-items:center;background:#9a69e0;border-radius:14px;color:#fff;display:flex;font-size:16px;height:25px;justify-content:center;position:absolute;right:-20px;top:-20px;width:50px}.video-wrapper[data-v-ec3ad749]{align-items:center;background:#ffffff0f;border-radius:10px;display:flex;flex:1;height:500px;justify-content:center;margin-bottom:20px;max-height:500px;max-width:100%;overflow:hidden;width:752px}.preview-video[data-v-ec3ad749]{height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;width:100%}.action-buttons[data-v-ec3ad749]{align-items:center;bottom:24px;display:flex;gap:16px;right:24px}.action-btn[data-v-ec3ad749]{align-items:center;background:transparent;border-radius:10px;color:#ccc;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.action-btn img[data-v-ec3ad749]{-o-object-fit:contain;object-fit:contain}.action-btn[data-v-ec3ad749]:hover{background:#63636333;border-color:#c7c7c7cc;color:#fff}.action-btn.delete-btn[data-v-ec3ad749]{border-color:2px dashed hsla(0,63%,63%,.6)}.action-btn.delete-btn[data-v-ec3ad749]:hover{background:#6428284d;border-color:#ff7a7acc;color:#f88}.preview-fade-enter-active[data-v-ec3ad749],.preview-fade-leave-active[data-v-ec3ad749]{transition:opacity .3s ease}.preview-fade-enter-from[data-v-ec3ad749],.preview-fade-leave-to[data-v-ec3ad749]{opacity:0}@media(max-width:768px){.video-preview-container[data-v-ec3ad749]{height:auto;max-height:85vh;max-width:95vw;padding:20px;width:auto}.close-btn[data-v-ec3ad749]{height:24px;right:12px;top:12px;width:24px}.video-label[data-v-ec3ad749]{font-size:12px;height:auto;padding:5px 12px;width:auto}.video-wrapper[data-v-ec3ad749]{height:auto;margin-bottom:15px;max-height:400px;max-width:100%;width:auto}.action-buttons[data-v-ec3ad749]{bottom:15px;gap:10px;right:20px}.action-btn[data-v-ec3ad749]{height:40px;width:40px}.action-btn img[data-v-ec3ad749]{height:20px;width:20px}}@media(max-width:480px){.video-preview-overlay[data-v-ec3ad749]{padding:12px}.video-preview-container[data-v-ec3ad749]{border-radius:8px;height:auto;padding:16px;width:auto}.close-btn[data-v-ec3ad749]{height:20px;right:8px;top:-30px;width:20px}.video-label[data-v-ec3ad749]{font-size:11px;height:auto;padding:4px 10px;width:auto}.video-wrapper[data-v-ec3ad749]{margin-bottom:12px;max-height:300px;width:auto}.action-buttons[data-v-ec3ad749]{bottom:12px;gap:8px;right:16px}.action-btn[data-v-ec3ad749],.action-btn img[data-v-ec3ad749]{height:32px;width:32px}}