*{margin:0;padding:0}#main_div *{padding:.10667rem}#main_div{margin:0 auto;text-align:center;width:24rem}#main_left_div{float:left;width:14.66667rem;height:100%;background:#ebebeb}#main_right_div{float:left;width:5.6rem;height:100%;margin-left:.13333rem}#ocx_video_preview{width:14.18667rem;height:10.13333rem}#horizontal_hr{height:.02667rem;width:100%}#horizontal_hr,#vertical_hr{border:0 solid;border-bottom:.05333rem solid #333;margin:.08rem;padding:0}#vertical_hr{height:.26667rem;width:.26667rem}.new_image{width:5.12rem;float:left;margin:.13333rem}.function_button{height:.8rem;width:2.13333rem;color:#fff;background:#2b6cfa;border-radius:.13333rem;border:0;margin:.08rem 0}.function_button:hover{color:#000;background:#fff}.space_button{height:.8rem;width:1.81333rem;border-radius:.13333rem;border:0;margin:.08rem 0;color:#fff;background:#fff}#large_function_button{width:4.42667rem}#para_input{width:95%;height:1.06667rem;float:left;margin-left:.08rem;margin-bottom:.08rem}#url_input{width:62%}#custom_rect_input,#url_input{height:.53333rem;float:left;margin-left:.08rem}#custom_rect_input{width:80%}#result{width:100%;height:.53333rem;text-align:left}#img_video_preview[data-v-1c07c24c]{width:100%;height:100%}.main-left[data-v-1c07c24c]{flex:1;padding:.26667rem}.main-right[data-v-1c07c24c]{width:8rem;padding:.26667rem}.camera-index label[data-v-1c07c24c]{margin-right:.53333rem}.video-preview[data-v-1c07c24c]{margin:.26667rem 0;position:relative;min-height:8rem;overflow:visible}.streamwrap[data-v-1c07c24c]{height:auto}.streamwrap.rotated[data-v-1c07c24c]{aspect-ratio:1}.xform.rotated-90[data-v-1c07c24c],.xform.rotated-270[data-v-1c07c24c]{position:absolute;top:50%;left:50%;transform-origin:center center}.xform.rotated-90[data-v-1c07c24c]{transform:translate(-50%,-50%) rotate(90deg)}.xform.rotated-270[data-v-1c07c24c]{transform:translate(-50%,-50%) rotate(270deg)}.xform-p[data-v-1c07c24c]{height:.13333rem;margin-bottom:0!important}.xform-p.rotated[data-v-1c07c24c]{height:1.33333rem;margin-bottom:.26667rem!important}.function-button[data-v-1c07c24c]{margin:.13333rem;padding:.13333rem .26667rem;cursor:pointer}.function-button.large[data-v-1c07c24c]{width:100%}.image-list[data-v-1c07c24c]{display:flex;flex-direction:column;gap:.26667rem;margin-top:.26667rem}.image-item img[data-v-1c07c24c]{width:100%;border:.02667rem solid #ccc}textarea[data-v-1c07c24c]{height:1.6rem}input[type=text][data-v-1c07c24c],textarea[data-v-1c07c24c]{width:100%;margin:.13333rem 0}.result[data-v-1c07c24c]{margin-top:.26667rem;padding:.13333rem;border:.02667rem solid #ddd;min-height:.53333rem}.x-rotated-90[data-v-1c07c24c]{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.x-rotated-180[data-v-1c07c24c]{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.x-rotated-270[data-v-1c07c24c]{-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.x-mirrored-rotated-0[data-v-1c07c24c]{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1)}.x-mirrored-rotated-90[data-v-1c07c24c]{-moz-transform:rotate(90deg) scaleX(-1);-webkit-transform:rotate(90deg) scaleX(-1);transform:rotate(90deg) scaleX(-1)}.x-mirrored-rotated-180[data-v-1c07c24c]{-moz-transform:rotate(180deg) scaleX(-1);-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}.x-mirrored-rotated-270[data-v-1c07c24c]{-moz-transform:rotate(270deg) scaleX(-1);-webkit-transform:rotate(270deg) scaleX(-1);transform:rotate(270deg) scaleX(-1)}.x-flipped-rotated-0[data-v-1c07c24c]{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1)}.x-flipped-rotated-90[data-v-1c07c24c]{-moz-transform:rotate(90deg) scaleY(-1);-webkit-transform:rotate(90deg) scaleY(-1);transform:rotate(90deg) scaleY(-1)}.x-flipped-rotated-180[data-v-1c07c24c]{-moz-transform:rotate(180deg) scaleY(-1);-webkit-transform:rotate(180deg) scaleY(-1);transform:rotate(180deg) scaleY(-1)}.x-flipped-rotated-270[data-v-1c07c24c]{-moz-transform:rotate(270deg) scaleY(-1);-webkit-transform:rotate(270deg) scaleY(-1);transform:rotate(270deg) scaleY(-1)}.x-flipped-mirrored-rotated-0[data-v-1c07c24c]{-moz-transform:scale(-1);-webkit-transform:scale(-1);transform:scale(-1)}.x-flipped-mirrored-rotated-90[data-v-1c07c24c]{-moz-transform:rotate(90deg) scale(-1);-webkit-transform:rotate(90deg) scale(-1);transform:rotate(90deg) scale(-1)}.x-flipped-mirrored-rotated-180[data-v-1c07c24c]{-moz-transform:rotate(180deg) scale(-1);-webkit-transform:rotate(180deg) scale(-1);transform:rotate(180deg) scale(-1)}.x-flipped-mirrored-rotated-270[data-v-1c07c24c]{-moz-transform:rotate(270deg) scale(-1);-webkit-transform:rotate(270deg) scale(-1);transform:rotate(270deg) scale(-1)}.image-list[data-v-88890be2]{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.53333rem;padding:.53333rem;box-sizing:border-box}.image-card[data-v-88890be2]{position:relative;width:4rem;height:4rem;border:.02667rem solid #eee;border-radius:.10667rem;overflow:hidden}.preview-image[data-v-88890be2]{width:100%;height:100%;object-fit:cover;cursor:pointer}.image-actions[data-v-88890be2]{position:absolute;top:.13333rem;right:.13333rem}.delete-btn[data-v-88890be2]{position:absolute;top:.10667rem;right:.10667rem;width:.64rem;height:.64rem;border-radius:50%;background-color:rgba(255,0,0,.8);color:#fff;font-size:.42667rem;line-height:.64rem;text-align:center;cursor:pointer;z-index:10}.delete-btn[data-v-88890be2]:hover{background:rgba(255,0,0,.7)}.custom-overlay[data-v-88890be2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2001;display:flex;align-items:center;justify-content:center;animation:fadeIn-88890be2 .3s ease-in-out}@keyframes fadeIn-88890be2{0%{opacity:0}to{opacity:1}}.preview-container[data-v-88890be2]{position:relative;max-width:90%;max-height:90%}.preview-fullsize-image[data-v-88890be2]{max-width:100%;max-height:85vh;object-fit:contain;border-radius:.21333rem;box-shadow:0 .26667rem .66667rem rgba(0,0,0,.3);animation:scaleIn-88890be2 .3s ease-in-out}@keyframes scaleIn-88890be2{0%{transform:scale(.95)}to{transform:scale(1)}}.close-button[data-v-88890be2]{position:absolute;top:-1.06667rem;right:0;width:.85333rem;height:.85333rem;background-color:rgba(0,0,0,.7);color:#fff;border-radius:50%;text-align:center;line-height:.85333rem;font-size:.53333rem;cursor:pointer;transition:background-color .2s}.close-button[data-v-88890be2]:hover{background-color:rgba(0,0,0,.9)}