.watermark-header{display:flex;height:50px}.watermark-header .watermark-header-left{align-items:center;display:flex;width:260px}.watermark-header .watermark-header-left .back{background:var(--color-primary);border-radius:28px;cursor:pointer;height:28px;line-height:28px;margin-left:20px;text-align:center;transform:rotate(180deg);transition:.2s;width:28px}.watermark-header .watermark-header-left .back:hover{background:var(--color-primary-bright)}.watermark-header .watermark-header-left .back i{color:var(--bs-light);font-size:20px}.watermark-header .watermark-header-center{align-items:center;display:flex;flex:1;font-size:16px;justify-content:center}.watermark-header .watermark-header-center .dot{background:var(--color-primary);border-radius:5px;height:5px;width:5px}.watermark-editor{height:calc(100vh - 50px);overflow:hidden}.watermark-container .editor-sidemenu{border-right:1px solid #e4e5eb;box-sizing:border-box;height:100%;position:relative;width:260px}.watermark-container .editor-sidemenu .editor-sidemenu-main{height:100%;position:relative;z-index:4}.watermark-container .editor-sidemenu .download-btns{box-sizing:border-box;padding:10px}.watermark-container .editor-sidemenu .download-btns h3{font-size:14px}.watermark-container .editor-sidemenu .download-btns .btn.all,.watermark-container .editor-sidemenu .download-btns .btn.one{width:100%}.watermark-container .editor-sidemenu .btn-list{display:flex}.watermark-container .editor-sidemenu .btn-list .btn{background-color:transparent;background-color:#fff;border:none;border-bottom:1px solid #e4e5eb;border-radius:0;color:var(--color-primary);display:block;display:flex}.watermark-container .editor-container-right{width:calc(100vw - 260px)}.watermark-container .editor-container-right .image-list-container{background:#f8f9f9;display:flex;flex-direction:row;height:inherit;height:125px;overflow-x:auto;padding:10px 0}.watermark-container .editor-container-right .image-lists{display:flex;padding-right:20px}.watermark-container .editor-container-right .image-list{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor);background-position:0 0,8px 8px;background-size:16px 16px;border:2px solid #fff;box-sizing:border-box;color:#d1d5db;display:flex;float:left;height:105px;justify-content:center;margin-left:20px;overflow:hidden;position:relative;width:105px}.watermark-container .editor-container-right .image-list .image-container{cursor:pointer}.watermark-container .editor-container-right .image-list img{cursor:pointer;max-height:100%;max-width:100%}.watermark-container .editor-container-right .image-current{border:2px solid var(--color-primary)}.watermark-container .editor-container-right .panel-item-buttons{align-items:center;background:#fff;border-radius:2px;display:flex;justify-content:center;padding:4px 5px;position:absolute;right:4px;top:2px}.watermark-container .editor-container-right .panel-item-buttons .delete{background:var(--color-primary);border:none;border-radius:2px;cursor:pointer;height:18px;line-height:18px;padding:0;width:18px}.watermark-container .editor-container-right .panel-item-buttons .delete i{color:#fff;font-size:10px}.watermark-container .editor-container-right .panel-item-buttons .icon-lock{color:#4d4d4d;cursor:pointer;margin-right:6px}.watermark-container .editor-container-right .panel-item-buttons .icon-lock i{font-size:20px}.watermark-container .editor-container-right .upload-box{box-sizing:border-box;height:105px;margin-left:20px;width:105px}.watermark-container .editor-container-right .upload-box button{border:2px solid var(--color-primary);border-radius:0;color:var(--color-primary);font-size:40px;height:105px;width:105px}.watermark-container .btns{position:absolute;top:10px;z-index:993}.watermark-container .konvajs-content{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor);background-position:0 0,8px 8px;background-size:16px 16px;box-sizing:border-box;color:#d1d5db}.watermark-container .editor-sidemenu-addictional{background-color:#fff;box-sizing:border-box;height:calc(100% - 125px);overflow:auto;padding:16px;width:260px}#watermark-text{resize:none}.btn-watermark{--bs-btn-color:#000;--bs-btn-bg:#ecebeb;--bs-btn-border-color:#ecebeb;--bs-btn-hover-color:#4d4d4d;--bs-btn-hover-bg:#dedede;--bs-btn-hover-border-color:#dedede;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4353ff;--bs-btn-active-border-color:#4353ff}.text-watermark-panel .form-check-label,.text-watermark-panel .list .form-label{color:#000;font-size:14px;line-height:16px}.font-attribute .btn{height:32px;padding:0;width:32px}.font-dropdown{position:relative}.font-dropdown .curFont{background:#ecebeb;border-radius:4px;cursor:pointer;padding:10px 8px}.font-dropdown .curFont img{max-height:1.5rem;max-width:180px;object-fit:contain;padding-left:8px}.font-dropdown .dropdown-menu{background:#fff;box-shadow:0 2px 10px 1px #0003;display:block;left:0;overflow:auto;right:0;top:46px}.font-dropdown .dropdown-menu li{padding:6px 20px;text-align:center}.font-dropdown .dropdown-menu li img{cursor:pointer}.lazy{opacity:0;transition:opacity .3s}.loaded{opacity:1}.preview-vs-loading{position:relative}.preview-vs-loading:after{background-color:#0009;bottom:0;content:" ";left:0;position:absolute;right:0;top:0;z-index:99}.preview-vs-loading:before{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4353ff;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:100}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}