.color-picker[data-v-d90f95e7]{width:100%}.color-picker .color-grid[data-v-d90f95e7]{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.color-picker .color-btn[data-v-d90f95e7]{border:2px solid #0d0d0d1f;border-radius:8px;cursor:pointer;height:56px;position:relative;transition:transform .2s;width:56px}.color-picker .color-btn[data-v-d90f95e7]:hover{border:2px solid #682aef}.color-picker .color-btn.is-no-color[data-v-d90f95e7]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23333' stroke-linejoin='round' stroke-width='1.5' d='m12.773 3.227-9.546 9.546M1.25 8a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0Z'/%3E%3C/svg%3E") no-repeat 50%;background-size:16px 16px}.color-picker .color-btn.is-color-picker[data-v-d90f95e7]{background:conic-gradient(from 0deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red);border:2px solid #ddd;border-radius:8px;padding:2px}.color-picker .color-btn .color-preview[data-v-d90f95e7]{border-radius:8px;border-style:solid;border-width:2px;height:40px;width:40px}.color-picker .color-btn .color-input[data-v-d90f95e7]{cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}@media screen and (max-width:768px){.color-picker .color-grid[data-v-d90f95e7]{align-items:center;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);justify-content:space-between;justify-items:center}.color-picker .color-btn[data-v-d90f95e7]:nth-last-child(-n+2){display:none}}.upload-container .upload-area-container[data-v-c8f8bb87]{background:#fff;border:2px solid #682aef33;border-radius:12px;box-sizing:border-box;height:340px;min-width:200px;padding:16px}.upload-container .upload-area[data-v-c8f8bb87]{height:100%;position:relative}.upload-container .upload-area .features[data-v-c8f8bb87]{bottom:0;left:0;position:absolute;right:0}.upload-container .upload-area .features[data-v-c8f8bb87] .feature-text{color:#0d0d0d75;font-size:14px}.upload-container .process-area[data-v-c8f8bb87]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.upload-container .process-area[data-v-c8f8bb87]:after{animation:fadeInOut-c8f8bb87 1s ease-in-out infinite;background-color:#ffffff4d;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}@keyframes fadeInOut-c8f8bb87{0%{background-color:#ffffff4d}50%{background-color:#ffffff80}to{background-color:#ffffff4d}}.upload-container .process-area img[data-v-c8f8bb87]{max-height:100%;max-width:100%}.control-panel[data-v-c8f8bb87]{display:flex;gap:32px;justify-content:center;margin:0 auto 56px;width:-moz-fit-content;width:fit-content}.control-panel .left-panel[data-v-c8f8bb87]{border-radius:12px;height:100%;position:relative;width:100%}.control-panel .left-panel .preview-icon[data-v-c8f8bb87]{background:#fff9;border:none;border-radius:60px;color:#0d0d0da8;font-size:14px;font-weight:600;height:40px;left:16px;line-height:40px;padding:0 12px;pointer-events:none;position:absolute;top:16px}.control-panel .left-panel img[data-v-c8f8bb87]{background:url(data:image/png;base64,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) repeat 50%;border:2px solid #682aef33;border-radius:12px;max-width:var(--479e0d63);min-height:var(--136d89ec);min-width:var(--3f569a43)}.control-panel .left-panel .toggle-buttons[data-v-c8f8bb87]{bottom:-58px;display:flex;gap:8px;justify-content:center;left:0;margin-top:16px;position:absolute;right:0}.control-panel .left-panel .toggle-buttons .toggle-btn[data-v-c8f8bb87]{background-color:#0000000f;border-radius:60px;color:#0d0d0da8;cursor:pointer;height:40px;line-height:40px;padding:0 12px;transition:all .3s ease}.control-panel .left-panel .toggle-buttons .toggle-btn.active[data-v-c8f8bb87]{background-color:#682aef;color:#fff}.control-panel .right-panel[data-v-c8f8bb87]{width:260px}.control-panel .right-panel .color-picker-section p[data-v-c8f8bb87]{color:#0d0d0d75;font-size:16px;font-weight:500;margin:0 0 12px}.control-panel .right-panel .download-btn[data-v-c8f8bb87]{font-weight:600;margin-top:32px;width:100%}@media screen and (max-width:768px){.upload-container .upload-area-container[data-v-c8f8bb87]{height:220px}.upload-container .upload-area .features[data-v-c8f8bb87]{bottom:-4px}.upload-container .upload-area .features[data-v-c8f8bb87] .feature-text{font-size:12px}.control-panel[data-v-c8f8bb87]{align-items:center;display:flex;flex-direction:column;gap:56px;margin:0 auto 30px;width:100%}.control-panel .left-panel[data-v-c8f8bb87]{width:auto}.control-panel .left-panel img[data-v-c8f8bb87]{min-width:auto;width:100%}.control-panel .left-panel .preview-icon[data-v-c8f8bb87]{font-size:12px;height:26px;left:12px;line-height:26px;padding:0 8px;top:12px}.control-panel .left-panel .toggle-buttons[data-v-c8f8bb87]{bottom:-40px;margin-top:8px}.control-panel .left-panel .toggle-buttons .toggle-btn[data-v-c8f8bb87]{height:32px;line-height:32px;padding:0 16px}.control-panel .right-panel[data-v-c8f8bb87]{width:100%}.control-panel .right-panel .color-picker-section p[data-v-c8f8bb87]{font-size:14px;margin:0 0 8px;text-align:center}.control-panel .right-panel .download-btn[data-v-c8f8bb87]{margin-top:24px}}@media screen and (max-width:350px){.upload-container .upload-area-container[data-v-c8f8bb87]{height:300px}}