:root{color-scheme:dark;--color-neutral-rgb: 255, 255, 255;--color-panel-rgb: 16, 19, 26;--color-bg-0: #101012;--color-bg-1: #18181c;--color-bg-2: #222228;--color-bg-3: #2c2c34;--color-bg-card: #1c1c22;--color-canvas: #0e0e10;--color-canvas-group: #16161a;--color-node-well: #2a2a32;--color-node-border: rgba(255, 255, 255, .12);--shadow-node: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .35);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-fill: rgba(255, 255, 255, .05);--color-fill-hover: rgba(255, 255, 255, .08);--color-fill-strong: rgba(255, 255, 255, .14);--color-text-1: #ececef;--color-text-2: #c4c4cc;--color-text-3: #8e8e98;--color-text-4: #6a6a74;--color-accent: #7eb4ff;--color-accent-2: #7eb4ff;--color-accent-3: #7eb4ff;--color-on-accent: #0b1220;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #7eb4ff;--grad-primary: #7eb4ff;--grad-primary-soft: rgba(126, 180, 255, .14);--grad-card: #1c1c22;--grad-glow: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-glow: none;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .24s;--duration-slow: .4s}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;height:100%;background:var(--color-bg-0);color:var(--color-text-1);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-fill-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff47}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}a{color:var(--color-text-1);text-decoration:none}input,select,textarea{color-scheme:inherit}.glass-card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-bg{background:var(--grad-primary)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-normal) var(--ease-out)}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7eb4ff47}50%{box-shadow:0 0 0 16px #7eb4ff00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:float 4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}img.zoomable{cursor:zoom-in}:root{--ink-7eb4ff: #7eb4ff;--ink-7fa7ff: #7fa7ff;--ink-83a8ff: #83a8ff;--ink-9db9ff: #9db9ff;--ink-9ec1ff: #9ec1ff;--ink-a5b8ff: #a5b8ff;--ink-a78bfa: #a78bfa;--ink-a8c0ff: #a8c0ff;--ink-a8c4ff: #a8c4ff;--ink-a9c8ff: #a9c8ff;--ink-b9cbff: #b9cbff;--ink-b9d1ff: #b9d1ff;--ink-bfdbfe: #bfdbfe;--ink-c4b5fd: #c4b5fd;--ink-cbd5e1: #cbd5e1;--ink-cbd5ff: #cbd5ff;--ink-cbd8ff: #cbd8ff;--ink-cfe0ff: #cfe0ff;--ink-d6ddf0: #d6ddf0;--ink-dce5ff: #dce5ff;--ink-dce6ff: #dce6ff;--ink-ddd6fe: #ddd6fe;--ink-e2e8f0: #e2e8f0;--ink-e7eeff: #e7eeff;--ink-eaf0ff: #eaf0ff;--ink-f3efff: #f3efff;--ink-f8fafc: #f8fafc;--ink-fca5a5: #fca5a5;--ink-ff8585: #ff8585;--surface-08090c: #08090c;--surface-0d0e12: #0d0e12;--surface-0d0f14: #0d0f14;--surface-11141a: #11141a;--surface-12141a: #12141a;--surface-14161c: #14161c;--surface-14171d: #14171d;--surface-171921: #171921;--surface-181b22: #181b22;--surface-191b22: #191b22;--surface-202631: #202631;--surface-23262f: #23262f;--surface-2a2a32: #2a2a32}:root[data-theme=light]{color-scheme:light;--color-neutral-rgb: 20, 30, 50;--color-panel-rgb: 255, 255, 255;--color-bg-0: #f5f7fb;--color-bg-1: #ffffff;--color-bg-2: #eef2f8;--color-bg-3: #e3e9f2;--color-bg-card: #ffffff;--color-canvas: #f0f3f9;--color-canvas-group: #ffffff;--color-node-well: #e8edf5;--color-node-border: #cbd5e1;--color-border: #dce3ed;--color-border-strong: #b5c2d5;--color-fill: rgba(20, 30, 50, .04);--color-fill-hover: rgba(20, 30, 50, .07);--color-fill-strong: rgba(20, 30, 50, .12);--color-text-1: #17243b;--color-text-2: #35445c;--color-text-3: #52627a;--color-text-4: #64748b;--color-accent: #245dca;--color-accent-2: #245dca;--color-accent-3: #245dca;--color-on-accent: #ffffff;--color-success: #15803d;--color-warning: #a16207;--color-error: #b91c1c;--color-info: #245dca;--grad-primary: #245dca;--grad-primary-soft: rgba(36, 93, 202, .09);--grad-card: #ffffff;--shadow-sm: 0 1px 3px rgba(20, 40, 80, .08);--shadow-md: 0 8px 24px rgba(20, 40, 80, .1);--shadow-lg: 0 16px 40px rgba(20, 40, 80, .14);--shadow-node: 0 1px 3px rgba(20, 40, 80, .08), 0 8px 24px rgba(20, 40, 80, .08);--surface-08090c: #f5f7fb;--surface-0d0e12: #f5f7fb;--surface-0d0f14: #f5f7fb;--surface-11141a: #f5f7fb;--surface-12141a: #f5f7fb;--surface-14161c: #f5f7fb;--surface-14171d: #f5f7fb;--surface-171921: #f5f7fb;--surface-181b22: #f5f7fb;--surface-191b22: #f5f7fb;--surface-202631: #f5f7fb;--surface-23262f: #f5f7fb;--surface-2a2a32: #f5f7fb;--ink-7eb4ff: #245dca;--ink-7fa7ff: #245dca;--ink-83a8ff: #245dca;--ink-9db9ff: #245dca;--ink-9ec1ff: #245dca;--ink-a5b8ff: #245dca;--ink-a78bfa: #245dca;--ink-a8c0ff: #245dca;--ink-a8c4ff: #245dca;--ink-a9c8ff: #245dca;--ink-b9cbff: #245dca;--ink-b9d1ff: #245dca;--ink-bfdbfe: #245dca;--ink-c4b5fd: #245dca;--ink-cbd5e1: #17243b;--ink-cbd5ff: #245dca;--ink-cbd8ff: #245dca;--ink-cfe0ff: #245dca;--ink-d6ddf0: #17243b;--ink-dce5ff: #245dca;--ink-dce6ff: #245dca;--ink-ddd6fe: #245dca;--ink-e2e8f0: #17243b;--ink-e7eeff: #17243b;--ink-eaf0ff: #17243b;--ink-f3efff: #17243b;--ink-f8fafc: #17243b;--ink-fca5a5: #b91c1c;--ink-ff8585: #b91c1c}.theme-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.theme-option{display:grid;gap:8px;min-width:230px;padding:16px;text-align:left;border:2px solid var(--color-border);border-radius:12px;background:var(--color-bg-1);color:var(--color-text-1)}.theme-option[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--grad-primary-soft)}.theme-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.theme-option>span:last-child{color:var(--color-text-3);font-size:12px}.theme-preview{display:flex;gap:8px;align-items:flex-end;height:66px;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.theme-preview.light{background:#f5f7fb}.theme-preview.dark{background:#18181c;border-color:#353540}.theme-preview.gray{background:#34363b;border-color:#62656d}.theme-preview.gray i{background:#777b85}.theme-preview i{width:35%;height:80%;background:#d4e0f5;border-radius:4px}.theme-preview i:nth-child(2){height:55%}.theme-preview.dark i{background:#3a465b}:root[data-theme=gray]{color-scheme:dark;--color-panel-rgb: 47, 49, 54;--color-bg-0: #2b2d31;--color-bg-1: #33363b;--color-bg-2: #3a3d43;--color-bg-3: #484c54;--color-bg-card: #33363b;--color-canvas: #303237;--color-canvas-group: #373a40;--color-node-well: #41454d;--color-node-border: #5a5f68;--color-border: #454951;--color-border-strong: #5c616b;--color-text-1: #f2f3f5;--color-text-2: #d3d5db;--color-text-3: #b5b8c1;--color-text-4: #a6aab4;--grad-card: #33363b;--shadow-node: 0 2px 4px #0002, 0 8px 24px #0002;--surface-08090c: var(--color-bg-0);--surface-0d0e12: var(--color-bg-0);--surface-0d0f14: var(--color-bg-0);--surface-11141a: var(--color-bg-0);--surface-12141a: var(--color-bg-0);--surface-14161c: var(--color-bg-0);--surface-14171d: var(--color-bg-0);--surface-171921: var(--color-bg-0);--surface-181b22: var(--color-bg-0);--surface-191b22: var(--color-bg-0);--surface-202631: var(--color-bg-0);--surface-23262f: var(--color-bg-0);--surface-2a2a32: var(--color-bg-0)}