[data-v-8bad835e]:root{--primary-color:#ff961d;--primary-light:#fe54ff;--primary-gradient:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);--bg-light:#f9f8ff;--bg-card:#fffffff2;--shadow-light:#6b7aff26;--shadow-medium:#fe54ff40;--text-primary:var(--el-text-color-primary);--text-secondary:var(--el-text-color-regular);--border-color:#6b7aff33}.image-editor[data-v-8bad835e]{background:linear-gradient(260deg,#fff5eb,#fef5ff 19%,#f7f8ff 36%,#f5f9ff 65%,#f9ffff 89%,#f9f8ff);justify-content:center;align-items:center;display:flex;position:relative}.bg-decoration[data-v-8bad835e],.image-editor[data-v-8bad835e]{width:100%;height:100%;overflow:hidden}.bg-decoration[data-v-8bad835e]{pointer-events:none;position:absolute;top:0;left:0}.bg-circle[data-v-8bad835e]{background:linear-gradient(260deg,#ff961d14,#fe54ff14 19%,#6b7aff14 36%,#5698ff14 65%,#99fdff14 89%,#f9f8ff14);border-radius:50%;animation:20s ease-in-out infinite float-8bad835e;position:absolute}.bg-circle-1[data-v-8bad835e]{width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.bg-circle-2[data-v-8bad835e]{width:300px;height:300px;animation-delay:-7s;bottom:-80px;left:-80px}.bg-circle-3[data-v-8bad835e]{width:200px;height:200px;animation-delay:-14s;top:50%;left:10%}@keyframes float-8bad835e{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.container[data-v-8bad835e]{background:var(--el-bg-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;border:1px solid #6b7aff26;border-radius:24px;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #6b7aff26,0 8px 25px #00000014,inset 0 1px #fffc}.container[data-v-8bad835e],.toolbar[data-v-8bad835e]{display:flex;position:relative}.toolbar[data-v-8bad835e]{background:linear-gradient(180deg,var(--el-bg-color) 0,var(--el-bg-color-page) 100%);border-bottom:1px solid #6b7aff1f;border-top-left-radius:24px;border-top-right-radius:24px;align-items:center;gap:20px;padding:16px 24px}.close-btn[data-v-8bad835e]{color:#fff;cursor:pointer;background:linear-gradient(260deg,#ff6b6b,#fe54ff);border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16%;right:16px;transform:translateY(-23%);box-shadow:0 4px 12px #fe54ff4d}.close-btn[data-v-8bad835e]:hover{transform:translateY(-50%)scale(1.08);box-shadow:0 6px 20px #fe54ff66}.tool-section[data-v-8bad835e]{flex-direction:column;gap:8px;display:flex}.section-title[data-v-8bad835e]{color:var(--el-text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.tool-group[data-v-8bad835e]{align-items:center;gap:6px;display:flex}.tools-grid[data-v-8bad835e]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tool-btn[data-v-8bad835e]{color:#6b7aff;cursor:pointer;background:#fdf9ff;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tool-btn[data-v-8bad835e]:before{content:"";opacity:0;background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.tool-btn[data-v-8bad835e]:hover{color:#6b7aff;background:#f7f5ff;transform:translateY(-2px);box-shadow:0 4px 12px #6b7aff40}.tool-btn.active[data-v-8bad835e]{color:#fff;background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);transform:translateY(-2px);box-shadow:0 6px 20px #6b7aff66}.tool-btn.active[data-v-8bad835e]:hover{box-shadow:0 8px 25px #6b7aff80}.tool-btn[data-v-8bad835e]:disabled{opacity:.4;cursor:not-allowed;transform:none}.style-controls[data-v-8bad835e]{gap:20px}.control-item[data-v-8bad835e],.style-controls[data-v-8bad835e]{align-items:center;display:flex}.control-item[data-v-8bad835e]{gap:8px}.control-item.slider-item[data-v-8bad835e]{min-width:140px}.control-label[data-v-8bad835e]{color:var(--el-text-color-regular);white-space:nowrap;font-size:13px;font-weight:500}.color-picker-wrapper[data-v-8bad835e],.slider-wrapper[data-v-8bad835e]{align-items:center;display:flex}.slider-wrapper[data-v-8bad835e]{flex:1;gap:8px}.slider-wrapper[data-v-8bad835e] .el-slider{--el-slider-height:4px;--el-slider-button-size:14px;--el-slider-button-wrapper-size:20px;width:80px}.slider-wrapper[data-v-8bad835e] .el-slider__runway{background:var(--el-border-color);border-radius:2px;height:4px;margin:8px 0}.slider-wrapper[data-v-8bad835e] .el-slider__bar{background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);border-radius:2px;height:4px}.slider-wrapper[data-v-8bad835e] .el-slider__button-wrapper{width:20px;height:20px;top:-7px}.slider-wrapper[data-v-8bad835e] .el-slider__button{background:var(--el-bg-color);border:2px solid #6b7aff;width:14px;height:14px;box-shadow:0 2px 6px #6b7aff4d}.slider-wrapper[data-v-8bad835e] .el-slider__button:hover{transform:scale(1.1)}.slider-value[data-v-8bad835e]{color:#6b7aff;text-align:center;background:#fdf9ff;border-radius:4px;min-width:28px;padding:2px 6px;font-size:12px;font-weight:600}.number-input[data-v-8bad835e]{width:80px}.divider[data-v-8bad835e]{background:linear-gradient(#0000,#6b7aff4d,#0000);width:1px;height:40px;margin:0 4px}.action-buttons[data-v-8bad835e]{gap:8px;display:flex}.action-btn[data-v-8bad835e]{background:var(--el-bg-color);color:#6b7aff;border:1px solid #6b7aff40;align-items:center;gap:4px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.action-btn[data-v-8bad835e]:hover{background:#fdf9ff;border-color:#6b7aff;transform:translateY(-2px);box-shadow:0 4px 12px #6b7aff33}.action-btn.primary[data-v-8bad835e]{color:#fff;background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);border:none;box-shadow:0 4px 15px #6b7aff66}.action-btn.primary[data-v-8bad835e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b7aff80}.action-btn[data-v-8bad835e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.canvas-wrapper[data-v-8bad835e]{background:linear-gradient(135deg,#faf9ff,#f9faff);border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:24px}.canvas-container[data-v-8bad835e]{background:#fff;border:1px solid #6b7aff1a;border-radius:16px;justify-content:center;align-items:center;min-height:500px;max-height:600px;padding:20px;display:flex;position:relative;overflow:auto;box-shadow:inset 0 2px 10px #6b7aff14,0 4px 20px #6b7aff1a}#imageCanvas[data-v-8bad835e]{cursor:crosshair;background-color:#fff;background-image:linear-gradient(45deg,#f7f5ff 25%,#0000 0),linear-gradient(-45deg,#f7f5ff 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f7f5ff 0),linear-gradient(-45deg,#0000 75%,#f7f5ff 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;flex-grow:0;flex-shrink:0;transform:translateZ(0);box-shadow:0 4px 20px #00000014}.floating-input-wrapper[data-v-8bad835e]{z-index:100;box-sizing:border-box;position:absolute}.corner-dot[data-v-8bad835e]{z-index:101;background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 2px 6px #6b7aff66}.corner-tl[data-v-8bad835e]{top:-4px;left:-4px}.corner-tr[data-v-8bad835e]{top:-4px;right:-4px}.corner-bl[data-v-8bad835e]{bottom:-4px;left:-4px}.corner-br[data-v-8bad835e]{bottom:-4px;right:-4px}.floating-text-input[data-v-8bad835e]{resize:none;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;box-sizing:border-box;background:#fffffff2;border:2px dashed #6b7aff;border-radius:6px;outline:none;width:100%;min-width:60px;height:100%;min-height:30px;padding:4px 8px;font-family:Arial,sans-serif;font-weight:700;line-height:1.2;overflow:hidden;box-shadow:0 4px 15px #6b7aff33}.floating-text-input[data-v-8bad835e]::placeholder{color:var(--el-text-color-secondary);font-weight:400}.text-measure[data-v-8bad835e]{visibility:hidden;white-space:pre;pointer-events:none;position:absolute}[data-v-8bad835e]::-webkit-scrollbar{width:8px;height:8px}[data-v-8bad835e]::-webkit-scrollbar-track{background:#6b7aff0d;border-radius:4px}[data-v-8bad835e]::-webkit-scrollbar-thumb{background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);border-radius:4px}[data-v-8bad835e]::-webkit-scrollbar-thumb:hover{background:linear-gradient(260deg,#ff8a0f,#fe44ef 19%,#5b6af5 36%,#4688e8 65%,#89edf5 89%,#e9e8ff)}.header[data-v-8bad835e]{background:var(--el-bg-color);border-bottom:1px solid #6b7aff1a;padding:10px;box-shadow:0 4px 20px #6b7aff1a}.header h1[data-v-8bad835e]{color:#6b7aff;font-size:24px;font-weight:600}.upload-area[data-v-8bad835e]{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px dashed #6b7aff4d;border-radius:20px;padding:60px 80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #6b7aff33}.upload-area h2[data-v-8bad835e]{color:#6b7aff;margin-bottom:30px;font-size:28px;font-weight:600}.upload-btn[data-v-8bad835e]{color:#fff;cursor:pointer;background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);border:none;border-radius:12px;padding:16px 40px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 8px 25px #6b7aff59}.upload-btn[data-v-8bad835e]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #6b7aff73}input[type=file][data-v-8bad835e]{display:none}.text-input-modal[data-v-8bad835e]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99000;background:#f9f8ffe6;justify-content:center;align-items:center;animation:.3s fadeIn;position:fixed;inset:0}.text-input-box[data-v-8bad835e]{background:var(--el-bg-color);border:1px solid #6b7aff26;border-radius:20px;padding:40px;animation:.3s slideIn;box-shadow:0 20px 60px #6b7aff33}.text-input-box h3[data-v-8bad835e]{font-size:20px}.text-input-box h3[data-v-8bad835e],.text-input-box input[data-v-8bad835e]{color:var(--el-text-color-primary);margin-bottom:20px}.text-input-box input[data-v-8bad835e]{background:var(--el-bg-color);border:1px solid #6b7aff33;border-radius:10px;outline:none;width:400px;padding:15px 20px;font-size:16px;transition:all .3s}.text-input-box input[data-v-8bad835e]:focus{border-color:#6b7aff;box-shadow:0 0 0 3px #6b7aff26}.text-input-box input[data-v-8bad835e]::placeholder{color:var(--el-text-color-secondary)}.modal-buttons[data-v-8bad835e]{justify-content:center;gap:15px;margin-top:20px;display:flex}.text-input-box button[data-v-8bad835e]{cursor:pointer;border:none;border-radius:10px;padding:12px 30px;font-size:15px;font-weight:600;transition:all .3s}.confirm-btn[data-v-8bad835e]{color:#fff;background:linear-gradient(260deg,#ff961d,#fe54ff 19%,#6b7aff 36%,#5698ff 65%,#99fdff 89%,#f9f8ff);box-shadow:0 6px 20px #6b7aff59}.confirm-btn[data-v-8bad835e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6b7aff73}.cancel-btn[data-v-8bad835e]{color:#fff;background:linear-gradient(260deg,#ff6b6b,#fe54ff);box-shadow:0 6px 20px #fe54ff4d}.cancel-btn[data-v-8bad835e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fe54ff66}.tool-label[data-v-8bad835e]{color:var(--el-text-color-regular);font-size:13px;font-weight:500}.color-picker[data-v-8bad835e]{cursor:pointer;background:var(--el-bg-color);border:1px solid #6b7aff33;border-radius:8px;width:75px;height:30px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.color-picker[data-v-8bad835e]:hover{border-color:#6b7aff;transform:scale(1.05);box-shadow:0 4px 12px #6b7aff40}.color-label[data-v-8bad835e]{color:#6b7aff;font-size:14px;font-weight:500}.line-width[data-v-8bad835e]{background:var(--el-bg-color);width:100px;color:var(--el-text-color-primary);border:1px solid #6b7aff33;border-radius:8px;outline:none;padding:12px 15px;font-size:14px;transition:all .3s}.line-width[data-v-8bad835e]:focus{border-color:#6b7aff;box-shadow:0 0 0 3px #6b7aff26}html.dark .image-editor[data-v-8bad835e],html[data-ve-theme=dark] .image-editor[data-v-8bad835e]{background:linear-gradient(260deg,#1f1a16,#201a24 19%,#1a1c26 36%,#181b26 65%,#16201f 89%,#1a1d27)}html.dark .container[data-v-8bad835e],html[data-ve-theme=dark] .container[data-v-8bad835e]{border-color:var(--el-border-color);box-shadow:0 20px 60px #00000080,0 8px 25px #0006,inset 0 1px #ffffff0f}html.dark .toolbar[data-v-8bad835e],html[data-ve-theme=dark] .toolbar[data-v-8bad835e]{border-bottom-color:var(--el-border-color)}html.dark .tool-btn[data-v-8bad835e],html[data-ve-theme=dark] .tool-btn[data-v-8bad835e]{background:var(--el-fill-color-light);color:var(--el-color-primary)}html.dark .tool-btn[data-v-8bad835e]:hover,html[data-ve-theme=dark] .tool-btn[data-v-8bad835e]:hover{background:var(--el-fill-color)}html.dark .slider-value[data-v-8bad835e],html[data-ve-theme=dark] .slider-value[data-v-8bad835e]{color:var(--el-color-primary);background:var(--el-fill-color-light)}html.dark .action-btn[data-v-8bad835e]:hover,html[data-ve-theme=dark] .action-btn[data-v-8bad835e]:hover{background:var(--el-fill-color)}html.dark .canvas-wrapper[data-v-8bad835e],html[data-ve-theme=dark] .canvas-wrapper[data-v-8bad835e]{background:linear-gradient(135deg,var(--el-bg-color-page) 0,var(--el-fill-color-light) 100%)}html.dark .canvas-container[data-v-8bad835e],html[data-ve-theme=dark] .canvas-container[data-v-8bad835e]{background:var(--el-bg-color-page);border-color:var(--el-border-color)}html.dark #imageCanvas[data-v-8bad835e],html[data-ve-theme=dark] #imageCanvas[data-v-8bad835e]{background-color:#2a2d3a;background-image:linear-gradient(45deg,#34384a 25%,#0000 0),linear-gradient(-45deg,#34384a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#34384a 0),linear-gradient(-45deg,#0000 75%,#34384a 0);box-shadow:0 4px 20px #0006}html.dark .floating-text-input[data-v-8bad835e],html[data-ve-theme=dark] .floating-text-input[data-v-8bad835e]{color:var(--el-text-color-primary);background:#1a1d27f2}html.dark .upload-area[data-v-8bad835e],html[data-ve-theme=dark] .upload-area[data-v-8bad835e]{background:#1a1d27f2;border-color:#6b7aff66}html.dark .text-input-modal[data-v-8bad835e],html[data-ve-theme=dark] .text-input-modal[data-v-8bad835e]{background:var(--el-mask-color)}html.dark .text-input-box[data-v-8bad835e],html[data-ve-theme=dark] .text-input-box[data-v-8bad835e]{border-color:var(--el-border-color)}html.dark[data-v-8bad835e] ::-webkit-scrollbar-track{background:var(--el-fill-color-light)}html[data-ve-theme=dark][data-v-8bad835e] ::-webkit-scrollbar-track{background:var(--el-fill-color-light)}