:root{--bg-primary: #f2f2f7;--bg-card: #ffffff;--bg-card-hover: #f6f6fa;--bg-elevated: #eaeaef;--border: rgba(0,0,0,.06);--text-primary: #1c1c1e;--text-secondary: #636366;--text-muted: #aeaeb2;--accent: #5e5ce6;--accent-soft: rgba(94,92,230,.08);--accent-glow: rgba(94,92,230,.15);--success: #34c759;--success-soft: rgba(52,199,89,.1);--shadow-sm: 0 .5px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 12px rgba(0,0,0,.06);--tab-on-color: var(--accent);--pill-on-bg: var(--accent);--pill-on-text: #fff;--pill-on-dot: #fff}html.dark,.theme-dark{--bg-primary: #09090b;--bg-card: #1a1a20;--bg-card-hover: #20202a;--bg-elevated: #24242f;--border: rgba(255,255,255,.06);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #a78bfa;--accent-soft: rgba(167,139,250,.12);--accent-glow: rgba(167,139,250,.25);--success: #34d399;--success-soft: rgba(52,211,153,.12);--shadow-sm: none;--shadow-md: 0 4px 20px rgba(0,0,0,.5);--tab-on-color: var(--text-primary);--pill-on-bg: var(--accent-soft);--pill-on-text: var(--accent);--pill-on-dot: var(--accent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{height:100%}.page-root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background-color:var(--bg-primary);transition:background-color .3s}.theme-toggle{position:fixed;top:16px;top:calc(16px + env(safe-area-inset-top,0px));right:14px;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-card);box-shadow:0 1px 6px #00000014;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;transition:background .3s;-webkit-tap-highlight-color:transparent}.theme-toggle:active{transform:scale(.9)}.theme-toggle-icon{font-size:18px;transition:transform .3s;line-height:1}.theme-toggle.on .theme-toggle-icon{transform:rotate(360deg)}.tab-bar{position:relative;display:flex;margin:8px 14px;background:var(--bg-card);border:.5px solid var(--border);border-radius:20px;padding:3px;flex-shrink:0;box-shadow:var(--shadow-sm)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 0;border-radius:16px;position:relative;z-index:2;cursor:pointer;transition:color .3s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tab-text{font-size:13px;font-weight:600;color:var(--text-muted);transition:color .3s;white-space:nowrap}.tab.on .tab-text{color:var(--tab-on-color)}.tab-badge{width:16px;height:16px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}.tab-indicator{position:absolute;top:3px;width:42%;height:calc(100% - 6px);background:var(--bg-primary);border:.5px solid var(--border);border-radius:14px;z-index:1;transition:left .3s ease}.main-container{flex:1;overflow:hidden;min-height:0}.hero-section{display:flex;flex-direction:column;align-items:center;padding:60px 14px 0;position:relative}.hero-glow{position:absolute;top:-40px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero-badge{display:flex;align-items:center;gap:6px;background:var(--accent-soft);border-radius:40px;padding:4px 12px;margin-bottom:16px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.badge-text{font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.5px}.hero-title{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;text-align:center}.hero-desc{font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.6;margin-bottom:40px;max-width:320px}.upload-card{width:100%;max-width:400px;background:var(--bg-card);border:1px dashed var(--border);border-radius:32px;padding:3px;margin-bottom:40px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.upload-card:active{border-color:var(--accent);background:var(--bg-card-hover)}.upload-card-inner{display:flex;flex-direction:column;align-items:center;padding:36px 20px;border-radius:28px}.upload-icon-wrap{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.upload-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent-soft)}.upload-icon{font-size:28px;color:var(--accent);font-weight:300;position:relative;z-index:1;line-height:1}.upload-text{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:5px}.upload-hint{font-size:12px;color:var(--text-muted)}.file-input{display:none}.steps-row{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px}.step-item{display:flex;flex-direction:column;align-items:center;gap:6px}.step-num{width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted)}.step-num.active{background:var(--accent-soft);color:var(--accent)}.step-label{font-size:11px;color:var(--text-muted)}.step-line{flex:1;height:1.5px;background:var(--text-muted);opacity:.35;margin:0 4px 14px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(min-width:768px){.theme-toggle{top:20px;right:24px;width:42px;height:42px}.theme-toggle-icon{font-size:22px}.tab-bar{margin:16px auto;max-width:900px;padding:4px;border-radius:24px}.tab{padding:14px 0;border-radius:20px}.tab-text{font-size:16px}.tab-badge{width:20px;height:20px;font-size:11px}.tab-indicator{border-radius:18px}.hero-section{padding-top:100px}.hero-title{font-size:36px}.hero-desc{font-size:16px;max-width:400px}.upload-card{max-width:500px}.upload-card-inner{padding:48px 32px}.upload-icon-wrap{width:80px;height:80px}.upload-icon{font-size:36px}.upload-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.steps-row{max-width:400px}.step-num{width:36px;height:36px;font-size:14px}.step-label{font-size:13px}}@media(min-width:1200px){.hero-section{max-width:800px;margin:0 auto}}.editor-container[data-v-6c191561]{height:100%;overflow-y:auto;padding:0 14px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.editor-header[data-v-6c191561]{display:flex;justify-content:center;padding:8px 0 10px}.editor-header-text[data-v-6c191561]{font-size:13px;color:var(--text-secondary);font-weight:500}.canvas-card[data-v-6c191561]{width:100%;display:flex;justify-content:center;margin-bottom:12px}.canvas-wrapper[data-v-6c191561]{position:relative;border-radius:20px;overflow:hidden;background:#000;box-shadow:var(--shadow-md);max-width:100%}.preview-image[data-v-6c191561]{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mask-canvas[data-v-6c191561]{position:absolute;top:0;left:0;z-index:2;touch-action:none}.mask-hint[data-v-6c191561]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:3;pointer-events:none;animation:hintPulse-6c191561 2s ease-in-out infinite}@keyframes hintPulse-6c191561{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.mask-hint-hand[data-v-6c191561]{font-size:28px;margin-bottom:8px}.mask-hint-text[data-v-6c191561]{font-size:12px;color:#fffc;background:#00000080;padding:5px 12px;border-radius:20px;white-space:nowrap}.brush-panel[data-v-6c191561]{background:var(--bg-card);border-radius:24px;padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.brush-panel-label[data-v-6c191561]{display:flex;align-items:center;gap:5px;margin-bottom:10px}.brush-label-icon[data-v-6c191561]{font-size:11px;color:var(--accent)}.brush-label-text[data-v-6c191561]{font-size:12px;color:var(--text-secondary);font-weight:500}.brush-pills[data-v-6c191561]{display:flex;gap:7px}.brush-pill[data-v-6c191561]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:18px;background:var(--bg-elevated);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.brush-pill.on[data-v-6c191561]{background:var(--pill-on-bg)}.brush-pill[data-v-6c191561]:active{transform:scale(.96)}.pill-dot[data-v-6c191561]{border-radius:50%;background:var(--text-muted);flex-shrink:0}.brush-pill.on .pill-dot[data-v-6c191561]{background:var(--pill-on-dot)}.pill-dot.s[data-v-6c191561]{width:7px;height:7px}.pill-dot.m[data-v-6c191561]{width:11px;height:11px}.pill-dot.l[data-v-6c191561]{width:16px;height:16px}.pill-dot.xl[data-v-6c191561]{width:22px;height:22px}.pill-text[data-v-6c191561]{font-size:12px;color:var(--text-secondary);font-weight:500}.brush-pill.on .pill-text[data-v-6c191561]{color:var(--pill-on-text)}.action-row[data-v-6c191561]{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.action-chip[data-v-6c191561]{display:flex;align-items:center;gap:4px;padding:9px 14px;border-radius:20px;background:var(--bg-card);font-size:12px;color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.action-chip[data-v-6c191561]:active{background:var(--bg-card-hover);transform:scale(.97)}.action-chip.off[data-v-6c191561]{opacity:.3;pointer-events:none}.chip-icon[data-v-6c191561]{font-size:13px}.chip-text[data-v-6c191561]{font-weight:500}.stroke-count[data-v-6c191561]{margin-left:auto;font-size:11px;color:var(--accent);background:var(--accent-soft);padding:6px 10px;border-radius:16px}.submit-section[data-v-6c191561]{width:100%;padding-bottom:15px}.submit-btn-wrap[data-v-6c191561]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 0;border-radius:24px;cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,#7b61ff 100%);box-shadow:0 2px 10px #5e5ce64d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.submit-btn-wrap[data-v-6c191561]:active{transform:scale(.98);box-shadow:0 1px 5px #5e5ce633}.submit-btn-wrap.idle[data-v-6c191561]{opacity:.4;pointer-events:none}.submit-btn-wrap.loading[data-v-6c191561]{background:var(--text-muted);box-shadow:none;pointer-events:none}.submit-btn-text[data-v-6c191561]{font-size:16px;font-weight:700;color:#fff}.submit-btn-arrow[data-v-6c191561]{font-size:18px;color:#fff}.submit-btn-spin[data-v-6c191561]{font-size:18px;color:#fff;animation:spin-6c191561 1s linear infinite}@keyframes spin-6c191561{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.editor-container[data-v-6c191561]{padding:0 24px;max-width:720px;margin:0 auto}.brush-pill[data-v-6c191561]{padding:12px 10px}.brush-pill[data-v-6c191561]:hover:not(.on){background:var(--bg-card-hover)}.action-chip[data-v-6c191561]:hover{background:var(--bg-card-hover)}.submit-btn-wrap[data-v-6c191561]:hover:not(.idle):not(.loading){box-shadow:0 4px 20px #5e5ce666}}.result-container[data-v-152c8893]{height:100%;overflow-y:auto;padding:0 14px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.result-header[data-v-152c8893]{display:flex;flex-direction:column;align-items:center;padding-bottom:18px}.result-badge[data-v-152c8893]{display:flex;align-items:center;gap:6px;background:var(--success-soft);border-radius:40px;padding:5px 14px;margin-bottom:10px}.result-badge-icon[data-v-152c8893]{font-size:12px;color:var(--success);font-weight:700}.result-badge-text[data-v-152c8893]{font-size:12px;color:var(--success);font-weight:600}.result-desc[data-v-152c8893]{font-size:14px;color:var(--text-secondary)}.result-card[data-v-152c8893]{width:100%;background:var(--bg-card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:12px}.result-image[data-v-152c8893]{width:100%;display:block}.result-actions[data-v-152c8893]{display:flex;gap:10px;width:100%;padding-bottom:15px}.result-btn[data-v-152c8893]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 0;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.result-btn[data-v-152c8893]:active{transform:scale(.97)}.result-btn.save[data-v-152c8893]{background:linear-gradient(135deg,#34c759,#30b350);color:#fff;box-shadow:0 2px 8px #34c75940}.result-btn.retry[data-v-152c8893]{background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.result-btn-icon[data-v-152c8893]{font-size:15px}.result-empty[data-v-152c8893]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:80px}.result-empty-icon[data-v-152c8893]{font-size:40px;color:var(--text-muted);margin-bottom:16px;animation:spin-152c8893 3s linear infinite}@keyframes spin-152c8893{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-empty-title[data-v-152c8893]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.result-empty-desc[data-v-152c8893]{font-size:13px;color:var(--text-muted);text-align:center;line-height:1.8;margin-bottom:24px}.result-empty-action[data-v-152c8893]{padding:10px 24px;border-radius:20px;background:var(--bg-card);font-size:13px;color:var(--accent);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.result-empty-action[data-v-152c8893]:active{transform:scale(.97)}@media(min-width:768px){.result-container[data-v-152c8893]{max-width:720px;margin:0 auto;padding:0 24px}.result-btn[data-v-152c8893]:hover{opacity:.9}.result-btn.retry[data-v-152c8893]:hover,.result-empty-action[data-v-152c8893]:hover{background:var(--bg-card-hover)}}