.image-preview-overlay[data-v-cd396b4a]{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-cd396b4a]{align-items:center;animation:slideUp-cd396b4a .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-cd396b4a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-cd396b4a]{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-cd396b4a]:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.close-btn svg[data-v-cd396b4a]{height:20px;width:20px}.image-label[data-v-cd396b4a]{align-items:center;background:#fff3;border:1px solid #fff;border-radius:10px;bottom:24px;color:#ccc;display:flex;font-size:16px;height:38px;justify-content:center;left:24px;position:absolute;width:139px}.image-wrapper[data-v-cd396b4a]{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-cd396b4a]{cursor:grab;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:100%}.preview-image[data-v-cd396b4a]:active{cursor:grabbing}.action-buttons[data-v-cd396b4a]{align-items:center;bottom:24px;display:flex;gap:16px;position:absolute;right:24px}.action-btn[data-v-cd396b4a]{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-cd396b4a]{font-size:20px}.action-btn[data-v-cd396b4a]:hover{background:#63636333;border-color:#c7c7c7cc;color:#fff}.action-btn.delete-btn[data-v-cd396b4a]{border-color:2px dashed hsla(0,63%,63%,.6)}.action-btn.delete-btn[data-v-cd396b4a]:hover{background:#6428284d;border-color:#ff7a7acc;color:#f88}.preview-fade-enter-active[data-v-cd396b4a],.preview-fade-leave-active[data-v-cd396b4a]{transition:opacity .3s ease}.preview-fade-enter-from[data-v-cd396b4a],.preview-fade-leave-to[data-v-cd396b4a]{opacity:0}@media (max-width:768px){.image-preview-container[data-v-cd396b4a]{max-height:85vh;max-width:95vw;padding:20px}.close-btn[data-v-cd396b4a]{height:28px;right:12px;top:12px;width:28px}.close-btn svg[data-v-cd396b4a]{height:18px;width:18px}.image-label[data-v-cd396b4a]{bottom:60px;font-size:12px;left:20px;padding:5px 12px}.image-wrapper[data-v-cd396b4a]{margin-bottom:15px;max-height:400px;max-width:100%}.action-buttons[data-v-cd396b4a]{bottom:15px;gap:10px;right:20px}.action-btn[data-v-cd396b4a]{border:2px dashed hsla(0,0%,78%,.6);height:40px;width:40px}.action-btn .iconfont[data-v-cd396b4a]{font-size:18px}}@media (max-width:480px){.image-preview-overlay[data-v-cd396b4a]{padding:12px}.image-preview-container[data-v-cd396b4a]{border-radius:8px;padding:16px}.close-btn[data-v-cd396b4a]{height:24px;right:8px;top:8px;width:24px}.close-btn svg[data-v-cd396b4a]{height:16px;width:16px}.image-label[data-v-cd396b4a]{bottom:50px;font-size:11px;left:16px;padding:4px 10px}.image-wrapper[data-v-cd396b4a]{margin-bottom:12px;max-height:300px}.action-buttons[data-v-cd396b4a]{bottom:12px;gap:8px;right:16px}.action-btn[data-v-cd396b4a]{border:2px dashed hsla(0,0%,78%,.6);height:32px;width:32px}.action-btn .iconfont[data-v-cd396b4a]{font-size:14px}}.video-preview-overlay[data-v-08fcea55]{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-08fcea55]{align-items:center;animation:slideUp-08fcea55 .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-08fcea55{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-08fcea55]{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-08fcea55]:hover{transform:scale(1.1)}.close-btn img[data-v-08fcea55]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video-label[data-v-08fcea55]{align-items:center;background:#fff3;border:1px solid #fff;border-radius:10px;bottom:24px;color:#ccc;display:flex;font-size:16px;height:38px;justify-content:center;left:24px;position:absolute;width:139px}.video-label .add[data-v-08fcea55]{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-08fcea55]{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-08fcea55]{height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;width:100%}.action-buttons[data-v-08fcea55]{align-items:center;bottom:24px;display:flex;gap:16px;position:absolute;right:24px}.action-btn[data-v-08fcea55]{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-08fcea55]{-o-object-fit:contain;object-fit:contain}.action-btn[data-v-08fcea55]:hover{background:#63636333;border-color:#c7c7c7cc;color:#fff}.action-btn.delete-btn[data-v-08fcea55]{border-color:2px dashed hsla(0,63%,63%,.6)}.action-btn.delete-btn[data-v-08fcea55]:hover{background:#6428284d;border-color:#ff7a7acc;color:#f88}.preview-fade-enter-active[data-v-08fcea55],.preview-fade-leave-active[data-v-08fcea55]{transition:opacity .3s ease}.preview-fade-enter-from[data-v-08fcea55],.preview-fade-leave-to[data-v-08fcea55]{opacity:0}@media (max-width:768px){.video-preview-container[data-v-08fcea55]{height:auto;max-height:85vh;max-width:95vw;padding:20px;width:auto}.close-btn[data-v-08fcea55]{height:24px;right:12px;top:12px;width:24px}.video-label[data-v-08fcea55]{bottom:60px;font-size:12px;height:auto;left:20px;padding:5px 12px;width:auto}.video-wrapper[data-v-08fcea55]{height:auto;margin-bottom:15px;max-height:400px;max-width:100%;width:auto}.action-buttons[data-v-08fcea55]{bottom:15px;gap:10px;right:20px}.action-btn[data-v-08fcea55]{height:40px;width:40px}.action-btn img[data-v-08fcea55]{height:20px;width:20px}}@media (max-width:480px){.video-preview-overlay[data-v-08fcea55]{padding:12px}.video-preview-container[data-v-08fcea55]{border-radius:8px;height:auto;padding:16px;width:auto}.close-btn[data-v-08fcea55]{height:20px;right:8px;top:8px;width:20px}.video-label[data-v-08fcea55]{bottom:50px;font-size:11px;height:auto;left:16px;padding:4px 10px;width:auto}.video-wrapper[data-v-08fcea55]{margin-bottom:12px;max-height:300px;width:auto}.action-buttons[data-v-08fcea55]{bottom:12px;gap:8px;right:16px}.action-btn[data-v-08fcea55]{height:32px;width:32px}.action-btn img[data-v-08fcea55]{height:16px;width:16px}}