*{-webkit-user-select:none;user-select:none;box-sizing:border-box}:root{--font-family:var(--vue-app-font-family)}*{font-family:var(--font-family)}::-webkit-scrollbar{width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body,.container,h1,.input-container,#canvasPreview,footer{animation:.8s ease-in-out fadeIn}body{text-align:center;background-color:#f0f0f0;margin:0;padding:20px 20px 0}.container{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:1600px;margin:auto;display:flex}.input-container{background:#fff;border-radius:10px;flex-direction:column;flex:1;justify-content:space-between;width:100%;min-height:500px;padding:15px;display:flex;box-shadow:0 4px 8px #0000001a}.icon-selector,.watermark-group{white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;display:flex}input.input-icon{flex:1}.background-settings{flex-direction:column;gap:10px;display:flex}.background-upload,.background-blur{gap:10px;display:flex}.background-upload label,.input-color,.input-range{white-space:nowrap;flex:1}.background-upload input[type=file],.background-blur input[type=range]{flex:2}.color-group,.icon-settings .setting-item,.text-settings{flex-direction:row;gap:5px;width:100%;display:flex}.color-group label,.icon-settings .setting-item label,.text-settings label{color:#333;font-size:16px}.icon-settings{gap:10px;display:flex}.radio-group{justify-content:space-between;display:flex}.radio-group label{cursor:pointer;color:#333;align-items:center;gap:5px;display:flex}.radio-group input[type=radio],.input-checkbox input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #ccc;border-radius:4px;outline:none;width:20px;height:20px;margin:0;position:relative}.radio-group input[type=radio]:before,.input-checkbox input[type=checkbox]:before{content:"";background-color:#4caf50;border-radius:2px;width:10px;height:10px;transition:transform .2s ease-in-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.radio-group input[type=radio]:checked:before,.input-checkbox input[type=checkbox]:checked:before{transform:translate(-50%,-50%)scale(1)}.radio-group input[type=radio]:checked+span,.input-checkbox input[type=checkbox]:checked+span{color:#4caf50}.input-file,.input-text,.input-color,.input-range,.input-icon,.input-checkbox{background-color:#fff;border:1px solid #ccc;border-radius:5px;outline:none;width:100%;padding:10px;font-size:1em;transition:border-color .5s}.input-file:hover,.input-text:hover,.input-color:hover,.input-range:hover,.input-icon:hover,.input-checkbox:hover{border-color:#4caf50}.input-range{-webkit-appearance:none;box-sizing:border-box;background:#eee;border-radius:10px;outline:none;width:100%;height:8px;padding:10px 0}.input-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4caf50;border-radius:50%;width:20px;height:20px}.input-range::-moz-range-thumb{cursor:pointer;background:#4caf50;border-radius:50%;width:20px;height:20px}.input-checkbox{cursor:pointer;align-items:center;gap:5px;width:auto;display:flex}.input-color{appearance:none;cursor:pointer;border:none;border-radius:5px;height:20px;padding:0;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 2px #0000001a}.input-color:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.input-color::-webkit-color-swatch-wrapper{padding:0}.input-color::-webkit-color-swatch{border:none;border-radius:5px}.input-color::-moz-color-swatch{border:none;border-radius:5px}.btn,.file-input-label,.icon-link{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;padding:10px;font-size:1em;text-decoration:none;transition:background-color .3s}.btn-save:hover,.file-input-label:hover,.icon-link:hover,.btn:hover{background-color:#009905}#inputBgImage,#inputSquareImage{display:none}.button-container{gap:10px;display:flex}.btn{width:100%}#canvasPreview{border-radius:10px;flex:2;width:100%;box-shadow:0 4px 8px #0000001a}footer{text-align:center;margin:45px 0 10px;font-size:12px}footer span{margin:0 5px}.icp{margin-top:10px}.icp a{color:#009905;margin:0 5px;font-weight:800;text-decoration:none;transition:all .5s}.icp a:hover{color:#aaa}.logo-btn{color:#f45873;cursor:pointer;-webkit-appearance:none;background:0 0;border:none;outline:0;margin:0 5px;padding:0;font-size:12px;font-weight:700}.custom-popup,.tips-popup{opacity:0;color:#333;visibility:hidden;z-index:100;background-color:#fff;border-radius:10px;width:90%;max-width:600px;height:100%;max-height:82px;margin:10px auto;padding:10px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .5s ease-in-out;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 4px 8px #0000001a}.custom-popup.show,.tips-popup.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.popup-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.popup-content p{margin:10px}.popup-content a{color:#009905;text-decoration:none;transition:all .5s}.popup-content a:hover{color:#222}.highlight{color:red}
/*$vite$:1*/