:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background-color:#5252fa;color:#fff;border:none;padding:8px 20px;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#3838ab}input[type=text],input[type=number]{border:2px solid #ccc;border-radius:4px;padding:8px;font-size:16px;width:200px}input[type=text],input[type=number]:hover{border-color:#888}input[type=text],input[type=number]:focus{outline:none;border-color:#555;box-shadow:0 0 5px #555}input[type=range]{-webkit-appearance:none;width:200px;height:30px;background-color:#5252facc;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:30px;border-radius:5px;box-shadow:0 1px 1px #def3f8,inset 0 .12em .12em #0d1112}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:30px;background:#ffffff;border-radius:20%;border:solid .125em rgba(205,224,230,.5);box-shadow:0 .125em .125em #3b4547}.form{display:flex;flex-wrap:wrap}.form-item{width:30%;display:flex;margin-bottom:5px}.form-item label{width:120px}.form-item input{justify-content:flex-end}@media (max-width: 768px){.form-item label{font-size:10px;line-height:32px;width:100px}.form-item{width:100%;display:flex;margin-bottom:5px}.form-item input[type=text]{width:200px}button{background-color:#5252fa;color:#fff;border:none;padding:8px 12px;border-radius:5px;font-size:10px;cursor:pointer;transition:background-color .3s ease}.form-item-inline{flex-direction:column}}.form-item-inline{width:100%;display:flex}#app{display:flex;justify-content:center;flex:auto}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex}}.container[data-v-752dad56]{display:flex;flex-direction:column;width:100vw}.card[data-v-752dad56]{background-color:#f2f2f2;box-shadow:0 2px 4px #0003;min-width:85vw;max-width:85vw;margin:10px auto;padding:20px}.image-section[data-v-752dad56]{max-width:100%}.uploaded-image[data-v-752dad56]{width:100%;max-width:100%;height:auto}@media (max-width: 430px){.card[data-v-752dad56]{background-color:#f2f2f2;box-shadow:0 2px 4px #0003;min-width:100vw;max-width:100vw;margin:0 auto;padding:20px}}.zs-color-picker[data-v-87d63fa8]{position:relative;text-align:left;font-size:14px;display:inline-block;outline:none}.zs-color-picker-panel[data-v-87d63fa8]{position:absolute;width:190px;background:#fff;border:1px solid #ddd;visibility:hidden;border-radius:2px;margin-top:2px;padding:10px 10px 5px;box-shadow:0 0 5px #00000026;opacity:0;transition:all .3s ease;box-sizing:content-box}.zs-color-picker-panel__visible[data-v-87d63fa8]{visibility:visible;opacity:1;z-index:1}.zs-color-picker-panel h3[data-v-87d63fa8]{margin:10px 0 5px;font-size:14px;font-weight:400;line-height:1;color:#333}.zs-color-picker-panel .color-input[data-v-87d63fa8]{visibility:hidden;position:absolute;left:0;bottom:0}.zs-color-picker-btn[data-v-87d63fa8]{width:24px;height:24px;cursor:pointer;border:1px solid #eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);background-size:10px 10px}.zs-color-picker-btn .zs-color-picker-btn-color[data-v-87d63fa8]{box-sizing:border-box;border:4px solid #fff;width:100%;height:100%}.panel-header[data-v-87d63fa8]{overflow:hidden;line-height:29px}.color-view-bg[data-v-87d63fa8]{width:100px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);background-size:10px 10px;float:left}.color-view[data-v-87d63fa8]{width:100px;height:30px;transition:background-color .3s ease}.default-color[data-v-87d63fa8]{width:80px;float:right;text-align:center;border:1px solid #ddd;cursor:pointer;color:#333}.panel-main .theme-color li[data-v-87d63fa8]{width:15px;height:15px;display:inline-block;margin:0 2px;transition:all .3s ease;cursor:pointer}.panel-main .theme-color li[data-v-87d63fa8]:hover{box-shadow:0 0 5px #0006;transform:scale(1.3)}.standard-color li[data-v-87d63fa8]{width:15px;display:inline-block;margin:0 2px}.standard-color li li[data-v-87d63fa8]{display:block;width:15px;height:15px;transition:all .3s ease;margin:0}.standard-color li li[data-v-87d63fa8]:hover{box-shadow:0 0 5px #0006;transform:scale(1.3)}ul[data-v-87d63fa8],li[data-v-87d63fa8],ol[data-v-87d63fa8]{list-style:none;margin:0;padding:0}.bottom-btn[data-v-87d63fa8]{display:flex;align-items:center;flex-direction:row}.bottom-btn .finsh[data-v-87d63fa8]{margin-left:auto;background:rgb(0,162,255);color:#fff;cursor:pointer;margin-right:5px;padding:5px 10px;border-radius:2px}