.viewport[data-v-1b6ae682]{background:0 0;flex:1;min-height:0;position:relative;overflow:hidden}.stage[data-v-1b6ae682]{transform-origin:0 0;border:2px solid var(--color-border-tertiary);border-radius:var(--radius-sm);background:#fff;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 30px 10px #06063c0d}.checker[data-v-1b6ae682]{display:none}.layer[data-v-1b6ae682]{z-index:1;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.overlay[data-v-1b6ae682]{z-index:2;pointer-events:none}.empty[data-v-1b6ae682]{color:var(--color-text-secondary);text-align:center;pointer-events:none;place-content:center;gap:8px;display:grid;position:absolute;inset:0}.empty p[data-v-1b6ae682]{color:var(--color-text);margin:0;font-size:18px;font-weight:560}.empty span[data-v-1b6ae682]{font-size:13px}.preview[data-v-d4d65121]{background:0 0;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.stage[data-v-d4d65121]{transform-origin:0 0;border:2px solid var(--color-border-tertiary);border-radius:var(--radius-sm);position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 30px 10px #06063c0d}.checker[data-v-d4d65121]{background-color:#fff;background-image:linear-gradient(45deg,#e5e6eb 25%,#0000 25%),linear-gradient(-45deg,#e5e6eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e6eb 75%),linear-gradient(-45deg,#0000 75%,#e5e6eb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.layer[data-v-d4d65121]{width:100%;height:100%;position:absolute;inset:0}.empty[data-v-d4d65121]{color:var(--color-text-secondary);place-content:center;font-size:14px;display:grid;position:absolute;inset:0}.sidebar[data-v-bd75151c]{background:var(--color-bg-container);border-right:1px solid var(--color-border-secondary);flex-direction:column;flex-shrink:0;gap:16px;width:320px;padding:16px;display:flex;overflow:auto}.modes[data-v-bd75151c]{gap:8px;display:flex}.mode[data-v-bd75151c]{appearance:none;border-radius:var(--radius);font-size:var(--font-size);line-height:var(--line-22);color:var(--color-text);background:var(--color-fill-tertiary);cursor:pointer;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 4px;display:flex}.mode.on[data-v-bd75151c]{background:linear-gradient(90deg, var(--color-primary-hover), var(--color-primary));color:var(--color-text-inverse)}.mode.on.pos[data-v-bd75151c]{background:linear-gradient(90deg,#16a34a,#22c55e)}.mode.on.neg[data-v-bd75151c]{background:linear-gradient(90deg,#dc2626,#ef4444)}.mode.on .ico[data-v-bd75151c]{filter:brightness(0)invert()}.mode:not(.on) .ico[data-v-bd75151c]{filter:brightness(0);opacity:.72}.invert[data-v-bd75151c]{appearance:none;border-radius:var(--radius);width:100%;height:40px;font-size:var(--font-size);color:var(--color-text);background:var(--color-fill-tertiary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:4px;margin-top:auto;display:flex}.invert[data-v-bd75151c]:hover:not(:disabled),.tool[data-v-bd75151c]:hover:not(:disabled),.mode[data-v-bd75151c]:hover:not(:disabled):not(.on){filter:brightness(.97)}.section h3[data-v-bd75151c]{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-24);margin:0 0 8px}.tools[data-v-bd75151c]{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.tool[data-v-bd75151c]{appearance:none;border-radius:var(--radius);background:var(--color-fill-tertiary);width:100%;height:40px;color:var(--color-text);font-size:var(--font-size);line-height:var(--line-22);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;display:inline-flex}.tool.active[data-v-bd75151c]{border-color:var(--color-primary);background:var(--color-bg-container);color:var(--color-primary)}.hint[data-v-bd75151c]{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.ico[data-v-bd75151c]{object-fit:contain;flex-shrink:0;display:block}.brush-row[data-v-bd75151c]{align-items:center;gap:10px;display:flex}.soft-row[data-v-bd75151c]{margin-top:8px}.soft-label[data-v-bd75151c]{color:var(--color-text-secondary);min-width:40px;font-size:12px}.brush-row input[data-v-bd75151c]{accent-color:var(--color-primary);flex:1}.brush-row span[data-v-bd75151c]{color:var(--color-text-secondary);min-width:40px;font-size:12px}button[data-v-bd75151c]:disabled{opacity:.45;cursor:not-allowed}.shell[data-v-4ce5a049]{background:var(--color-bg-mask);align-items:stretch;width:100%;height:100%;padding:clamp(12px,2.5vw,40px) clamp(12px,3vw,50px);display:flex;position:relative}.stage[data-v-4ce5a049]{flex:1;align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.dialog[data-v-4ce5a049]{background:var(--color-bg-elevated);border-radius:var(--radius) 0 var(--radius) var(--radius);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden;box-shadow:0 10px 40px #06063c1f}.topbar[data-v-4ce5a049]{background:var(--color-bg-container);border-bottom:1px solid var(--color-border-tertiary);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:grid;position:relative}.title[data-v-4ce5a049]{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-24);justify-self:start}.zoom-cluster[data-v-4ce5a049]{justify-self:center;align-items:center;gap:12px;display:flex}.zoom-box[data-v-4ce5a049]{border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);background:var(--color-bg-container);align-items:center;display:flex;overflow:hidden}.icon-btn[data-v-4ce5a049]{appearance:none;cursor:pointer;background:0 0;border:none;place-items:center;min-height:32px;padding:0 8px;display:grid}.icon-btn.on[data-v-4ce5a049]{background:var(--color-fill-tertiary)}.sep[data-v-4ce5a049]{background:var(--color-fill-tertiary);width:1px;height:25px}.zoom-label[data-v-4ce5a049]{text-align:center;min-width:48px;font-size:var(--font-size);line-height:var(--line-22)}.outline-btn[data-v-4ce5a049],.primary[data-v-4ce5a049],.ghost[data-v-4ce5a049],.text-btn[data-v-4ce5a049],.bg-btn[data-v-4ce5a049]{appearance:none;cursor:pointer;font-size:var(--font-size);line-height:var(--line-22);border-radius:var(--radius-sm)}.outline-btn[data-v-4ce5a049],.ghost[data-v-4ce5a049]{border:1px solid var(--color-border-secondary);background:var(--color-bg-container);color:var(--color-text);min-height:32px;padding:5px 12px}.primary[data-v-4ce5a049]{background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:32px;padding:5px 12px}.primary[data-v-4ce5a049]:hover:not(:disabled){background:var(--color-primary-hover)}.text-btn[data-v-4ce5a049]{color:var(--color-text);background:0 0;border:none;align-items:center;gap:4px;min-height:32px;padding:0 8px;display:inline-flex}.actions[data-v-4ce5a049]{justify-self:end;align-items:center;gap:12px;display:flex}.body[data-v-4ce5a049]{flex:1;min-height:0;display:flex}.workspace[data-v-4ce5a049]{background-color:var(--color-bg-layout);background-image:linear-gradient(90deg,#1d21290d 1px,#0000 1px),linear-gradient(#1d21290d 1px,#0000 1px);background-position:0 0;background-size:13.333px 13.333px;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.pane[data-v-4ce5a049]{z-index:1;flex:1;min-width:0;min-height:0;display:flex;position:relative}.edit-pane[data-v-4ce5a049]{border-right:1px solid var(--color-border-secondary)}.tag[data-v-4ce5a049]{border-radius:var(--radius-sm);height:24px;font-size:var(--font-size);color:#fff;pointer-events:none;padding:0 8px;font-weight:600;line-height:24px}.tag.dark[data-v-4ce5a049]{z-index:5;background:var(--color-bg-mask);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:16px;left:16px}.tag.teal[data-v-4ce5a049]{background:var(--color-tag-matte)}.preview-tags[data-v-4ce5a049]{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;top:16px;right:16px}.bg-btn[data-v-4ce5a049]{border:1px solid var(--color-border-tertiary);background:var(--color-bg-container);color:var(--color-text-secondary);align-items:center;gap:4px;height:24px;padding:0 4px;display:inline-flex}.bg-picker[data-v-4ce5a049]{position:relative}.bg-panel[data-v-4ce5a049]{z-index:20;border-radius:var(--radius);background:var(--color-bg-container);border:1px solid var(--color-border-secondary);flex-wrap:wrap;gap:6px;width:max-content;padding:8px;display:flex;position:absolute;top:28px;right:0;box-shadow:0 8px 24px #06063c24}.swatch[data-v-4ce5a049]{appearance:none;border:1px solid var(--color-border-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex;position:relative;overflow:hidden}.swatch.on[data-v-4ce5a049]{outline:2px solid var(--color-primary);outline-offset:1px}.checker-sw[data-v-4ce5a049]{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.color-pick[data-v-4ce5a049]{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-pick input[data-v-4ce5a049]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.img-pick[data-v-4ce5a049]{background:var(--color-fill-tertiary);color:var(--color-text-secondary);font-size:11px}.footer[data-v-4ce5a049]{background:var(--color-bg-elevated);border-top:1px solid var(--color-border-tertiary);flex-shrink:0;justify-content:center;align-items:center;gap:12px;height:48px;padding:0 clamp(16px,8vw,128px);display:flex;position:relative;box-shadow:0 -10px 30px 10px #06063c0d}.status[data-v-4ce5a049]{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:40%;margin:0;font-size:12px;position:absolute;left:16px;overflow:hidden}.status.ok[data-v-4ce5a049]{color:#00b42a}.status.error[data-v-4ce5a049]{color:#f53f3f}.footer-actions[data-v-4ce5a049]{gap:12px;display:flex}.close[data-v-4ce5a049]{border-radius:0 var(--radius) var(--radius) 0;background:var(--color-bg-mask);cursor:pointer;border:none;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.close img[data-v-4ce5a049]{filter:brightness(0)invert()}.busy[data-v-4ce5a049],.drop-mask[data-v-4ce5a049]{z-index:40;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.busy[data-v-4ce5a049]{color:#fff;background:#00000040;font-size:14px}.drop-mask[data-v-4ce5a049]{border:2px dashed var(--color-primary);color:var(--color-primary);background:#0453f329;font-size:18px;font-weight:600}button[data-v-4ce5a049]:disabled{opacity:.45;cursor:not-allowed}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-primary:#0453f3;--color-primary-hover:#597ef7;--color-text:#1d2129;--color-text-secondary:#4b5969;--color-text-inverse:#fff;--color-bg-layout:#f2f3f5;--color-bg-container:#fff;--color-bg-elevated:#fff;--color-bg-mask:#0006;--color-border-secondary:#c9cdd4;--color-border-tertiary:#e5e6eb;--color-fill-tertiary:#0717370d;--color-tag-matte:#13c2c2;--color-point-pos:#52c41a;--color-point-neg:#fa3f6d;--overlay-rgb:4, 83, 243;--overlay-opacity:.5;--radius:8px;--radius-sm:4px;--font-size:14px;--font-size-lg:16px;--line-22:22px;--line-24:24px;font-family:PingFang SC,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--color-bg-mask);width:100%;height:100%;color:var(--color-text);margin:0;overflow:hidden}button,input{font:inherit}