@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@400;500;600;700;800&family=Inter+Tight:wght@400;500;600;700&display=swap";:root{--bg-void: #07090f;--bg-surface: #0c101c;--bg-card: #0f1826;--bg-card-2: #131c2e;--bg-elevated: #1a2238;--bg-overlay: rgba(7, 9, 15, .85);--line-1: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .12);--line-3: rgba(255, 255, 255, .18);--line-dim: #1e2d4a;--line-mid: #253450;--fg-1: #e2e8f0;--fg-2: #cbd5e1;--fg-3: #94a3b8;--fg-4: #64748b;--fg-5: #475569;--fg-disabled: #334155;--accent-blue: #7b9fff;--accent-blue-soft: #9db5ff;--accent-blue-tint: #0d1830;--accent-blue-edge: #2a4080;--accent-blue-glow: rgba(123, 159, 255, .45);--accent-violet: #a78bfa;--accent-violet-tint: #130d1a;--accent-violet-edge: #2d1a3d;--accent-violet-glow: rgba(167, 139, 250, .45);--accent-mint: #34d399;--accent-mint-tint: #0b1a12;--accent-mint-edge: #1a3d2a;--accent-mint-glow: rgba(52, 211, 153, .45);--accent-green: #4ade80;--accent-green-tint: #0f1a0f;--accent-green-edge: #1a3d1a;--accent-pink: #f472b6;--accent-pink-tint: #1a0d18;--accent-pink-edge: #3d1a30;--accent-pink-glow: rgba(244, 114, 182, .45);--accent-coral: #f87171;--accent-coral-tint: #1a0f0f;--accent-coral-edge: #3d1a1a;--accent-coral-glow: rgba(248, 113, 113, .45);--accent-amber: #fbbf24;--accent-amber-tint: #1a1408;--accent-amber-edge: #3d2f10;--accent-amber-glow: rgba(251, 191, 36, .45);--primary: var(--accent-blue);--success: var(--accent-mint);--warning: var(--accent-amber);--danger: var(--accent-coral);--grad-brand: linear-gradient(90deg, #7b9fff 0%, #b08cff 100%);--grad-flow: linear-gradient(90deg, #7b9fff 0%, #a78bfa 50%, #f472b6 100%);--font-sans: "DM Sans", "Inter Tight", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--font-display: "DM Sans", sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fw-black: 800;--t-display: 56px;--t-h1: 40px;--t-h2: 28px;--t-h3: 20px;--t-h4: 16px;--t-body: 14px;--t-small: 13px;--t-caption: 12px;--t-micro: 11px;--t-tag: 10px;--lh-tight: 1.08;--lh-snug: 1.25;--lh-normal: 1.45;--lh-relaxed: 1.6;--tracking-tight: -.04em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-mono: .02em;--tracking-tag: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 10px;--r-5: 12px;--r-pill: 999px;--shadow-1: 0 4px 12px rgba(0,0,0,.4);--shadow-2: 0 8px 24px rgba(0,0,0,.5);--glow-blue: 0 0 0 1px rgba(123,159,255,.4), 0 0 24px rgba(123,159,255,.25);--glow-violet: 0 0 0 1px rgba(167,139,250,.4), 0 0 24px rgba(167,139,250,.25);--glow-mint: 0 0 0 1px rgba(52,211,153,.4), 0 0 24px rgba(52,211,153,.25);--glow-pink: 0 0 0 1px rgba(244,114,182,.4), 0 0 24px rgba(244,114,182,.25);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur-base: .24s;--dur-slow: .4s;--canvas-grid: rgba(123, 159, 255, .04);--grid-size: 48px;--topbar-h: 52px;--bottombar-h: 62px;--sidebar-w: 100px;--inspector-w: 284px}@keyframes node-enter{0%{opacity:0}to{opacity:1}}@keyframes vz-flow{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg-void);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr var(--bottombar-h);height:100vh;min-width:800px;transition:grid-template-columns .22s ease}.app.has-selection{grid-template-columns:var(--sidebar-w) 1fr var(--inspector-w)}.app>.topbar{grid-column:1 / -1;grid-row:1}.app>.sidebar{grid-column:1;grid-row:2}.app>.canvas-wrap{grid-column:2;grid-row:2;position:relative;overflow:hidden}.app>.inspector{grid-column:3;grid-row:2}.app>.bottombar{grid-column:1 / -1;grid-row:3}.app.presenting>.topbar,.app.presenting>.sidebar,.app.presenting>.inspector,.app.presenting>.bottombar{display:none}.app.presenting>.canvas-wrap{grid-column:1 / -1;grid-row:1 / -1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--line-1);z-index:20;gap:var(--space-3);min-width:0}.topbar .group{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topbar .group.center{flex:1;justify-content:center;min-width:0;overflow:hidden;gap:var(--space-2)}.tb-div{width:1px;height:18px;background:var(--line-1);flex-shrink:0;margin:0 2px}.title-input{background:transparent;border:1px solid transparent;color:var(--fg-1);font-family:var(--font-sans);font-size:var(--t-body);font-weight:var(--fw-semi);padding:3px 7px;border-radius:var(--r-2);outline:none;width:260px;box-sizing:border-box;transition:border-color var(--dur-fast),background var(--dur-fast)}.title-input:hover{background:#ffffff0a;border-color:var(--line-2)}.title-input:focus{background:#ffffff0f;border-color:var(--accent-blue)}.title-display-wrap{display:flex;align-items:center;width:260px;height:28px;box-sizing:border-box;padding:3px 7px;border-radius:var(--r-2);border:1px solid transparent;background:transparent;color:var(--fg-1);font-family:var(--font-sans);font-size:var(--t-body);font-weight:var(--fw-semi);cursor:pointer;overflow:hidden;white-space:nowrap;transition:border-color var(--dur-fast),background var(--dur-fast)}.title-display-wrap:hover{background:#ffffff0a;border-color:var(--line-2)}.title-display-text{display:inline-block;will-change:transform}.title-display-text.marquee{animation:marquee-scroll 6s ease-in-out infinite alternate}@keyframes marquee-scroll{0%,20%{transform:translateZ(0)}80%,to{transform:translate3d(var(--scroll-dist, 0px),0,0)}}.tb-controls{gap:var(--space-2)}.tb-tool-group,.tb-zoom-group{display:flex;align-items:center;gap:2px;background:#ffffff08;border:1px solid var(--line-1);border-radius:var(--r-3);padding:3px}.tb-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-2);background:transparent;border:none;cursor:pointer;color:var(--fg-3);transition:all var(--dur-fast)}.tb-tool-btn:hover{background:#ffffff0f;color:var(--fg-1)}.tb-tool-btn.active{background:#7b9fff1f;color:var(--accent-blue);box-shadow:0 0 0 1px #7b9fff4d}.tb-zoom-group .icon-btn{width:26px;height:26px}.tb-zoom-val{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);min-width:38px;text-align:center;padding:0 2px}.topbar .file{display:flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--r-3);background:#ffffff08;border:1px solid var(--line-1);font-size:var(--t-small);font-weight:var(--fw-semi);color:var(--fg-2);white-space:nowrap}.topbar .file .meta{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-4)}.pass-badge{padding:4px 12px;border-radius:var(--r-pill);border:1px solid;font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tag);text-transform:uppercase;transition:all var(--dur-base) var(--ease-out);white-space:nowrap}.task-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--r-pill);background:#ffffff0a;border:1px solid var(--line-1);font-size:var(--t-caption);font-weight:var(--fw-semi);white-space:nowrap}.task-dots{display:inline-flex;gap:5px}.tdot{width:7px;height:7px;border-radius:50%;border:1px solid var(--line-2);transition:all var(--dur-base)}.tdot.done{background:var(--accent-mint);border-color:var(--accent-mint)}.tdot.cur{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 6px #7b9fffb3}.btn{padding:6px 13px;border-radius:var(--r-3);border:1px solid var(--line-2);background:#ffffff0a;color:var(--fg-2);font-family:var(--font-sans);font-size:var(--t-small);font-weight:var(--fw-semi);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue);background:#7b9fff14}.btn:disabled{opacity:.25;cursor:default}.btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#07090f;font-weight:var(--fw-bold)}.btn.primary:hover:not(:disabled){background:var(--accent-blue-soft);border-color:var(--accent-blue-soft);color:#07090f}.btn.icon{padding:6px}.btn.danger:hover:not(:disabled){border-color:var(--accent-coral);color:var(--accent-coral);background:#f8717114}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-3);background:transparent;border:1px solid transparent;color:var(--fg-3);cursor:pointer;transition:all var(--dur-fast)}.icon-btn:hover{background:#ffffff0a;border-color:var(--line-2);color:var(--fg-1)}.icon-btn.active{background:#7b9fff1a;border-color:#7b9fff4d;color:var(--accent-blue)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--line-1);overflow-y:auto;display:flex;flex-direction:column}.sidebar-search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-1);position:relative}.search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--fg-4);pointer-events:none}.search-input{width:100%;padding:7px 36px 7px 32px;background:var(--bg-void);border:1px solid var(--line-2);border-radius:var(--r-3);color:var(--fg-2);font-family:var(--font-sans);font-size:var(--t-small);outline:none}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #7b9fff1f}.search-kbd{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--fg-4);padding:2px 5px;border:1px solid var(--line-2);border-radius:var(--r-1);background:#ffffff05}.section{padding:var(--space-3) var(--space-4)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-mono);font-size:var(--t-tag);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--fg-4)}.node-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:7px}.node-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;background:var(--bg-card);border:1px solid var(--line-1);border-radius:var(--r-4);cursor:grab;transition:all var(--dur-fast)}.node-chip:hover{border-color:var(--line-3);background:var(--bg-card-2);transform:translateY(-1px)}.node-chip:active{cursor:grabbing}.node-chip .nc-icon{color:var(--fg-3)}.node-chip.blue .nc-icon{color:var(--accent-blue)}.node-chip.violet .nc-icon{color:var(--accent-violet)}.node-chip.mint .nc-icon{color:var(--accent-mint)}.node-chip.coral .nc-icon{color:var(--accent-coral)}.node-chip.amber .nc-icon{color:var(--accent-amber)}.node-chip.green .nc-icon{color:var(--accent-green)}.node-chip .nc-label{font-size:10.5px;font-weight:var(--fw-semi);color:var(--fg-2);text-align:center;line-height:1.2}@keyframes node-enter{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.canvas-wrap{background:var(--bg-void);background-image:linear-gradient(var(--canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);position:relative}.canvas-wrap.pan-mode{cursor:grab}.canvas-wrap.pan-mode:active{cursor:grabbing}.canvas-wrap.connect-mode{cursor:crosshair}.canvas-floor{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(123,159,255,.05) 0%,transparent 60%);pointer-events:none}.canvas-svg{width:100%;height:100%;display:block}.zoombar-zone{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:28px 24px 0;display:flex;justify-content:center;align-items:flex-end}.zoombar{margin-bottom:14px;display:flex;align-items:center;gap:3px;padding:5px;background:#0c101ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-1);border-radius:var(--r-3);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity .18s ease}.zoombar-zone:hover .zoombar{opacity:1;pointer-events:all}.zoombar-div{width:1px;height:16px;background:var(--line-1);margin:0 3px}.zoom-val{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);padding:0 8px;min-width:44px;text-align:center}.toolpalette-zone{position:absolute;top:0;left:0;padding:0 20px 20px 0}.toolpalette{margin:14px;display:flex;flex-direction:column;gap:3px;padding:5px;background:#0c101ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-1);border-radius:var(--r-3);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity .18s ease}.toolpalette-zone:hover .toolpalette{opacity:1;pointer-events:all}.tool-divider{width:100%;height:1px;background:var(--line-1);margin:2px 0}.step-preview{position:absolute;top:14px;right:14px;padding:7px 13px;background:#0c101ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-1);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:11px;color:var(--fg-3);box-shadow:var(--shadow-1);display:flex;align-items:center;gap:7px}.step-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-mint);box-shadow:0 0 6px var(--accent-mint)}.step-preview-dot.idle{background:var(--fg-5);box-shadow:none}.inspector{background:var(--bg-surface);border-left:1px solid var(--line-1);overflow-y:auto;display:flex;flex-direction:column;animation:insp-in .18s ease-out both}@keyframes insp-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.insp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--fg-5);padding:var(--space-6)}.insp-empty svg{opacity:.3}.insp-empty p{font-size:var(--t-small);text-align:center;margin:0;line-height:1.5}.insp-header{padding:var(--space-4);border-bottom:1px solid var(--line-1);display:flex;align-items:center;gap:var(--space-3)}.insp-icon{width:34px;height:34px;border-radius:var(--r-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insp-name{font-size:var(--t-h4);font-weight:var(--fw-bold);color:var(--fg-1)}.insp-type{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-4);text-transform:uppercase;letter-spacing:var(--tracking-tag)}.insp-section{padding:var(--space-4);border-bottom:1px solid var(--line-1)}.insp-section:last-child{border-bottom:none}.insp-section-title{font-family:var(--font-mono);font-size:var(--t-tag);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--fg-4);margin-bottom:var(--space-3)}.insp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3)}.insp-row:last-child{margin-bottom:0}.insp-label{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-4);text-transform:uppercase;letter-spacing:var(--tracking-tag);flex-shrink:0}.insp-input{background:var(--bg-void);border:1px solid var(--line-2);border-radius:var(--r-2);padding:5px 9px;color:var(--fg-1);font-family:var(--font-sans);font-size:var(--t-small);outline:none;flex:1;max-width:140px;text-align:right}.insp-input.mono{font-family:var(--font-mono);font-size:11px}.insp-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #7b9fff1f}.color-swatches{display:flex;gap:6px;flex-wrap:wrap}.color-sw{width:22px;height:22px;border-radius:var(--r-2);cursor:pointer;border:1.5px solid transparent;transition:transform var(--dur-fast)}.color-sw:hover{transform:scale(1.12)}.color-sw.selected{border-color:#fff;box-shadow:0 0 0 2px var(--bg-surface)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:var(--bg-void);border:1px solid var(--line-2);border-radius:var(--r-pill);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent-blue);cursor:pointer;box-shadow:0 0 8px #7b9fff66}.slider:disabled{opacity:.4}.value-mono{font-family:var(--font-mono);font-size:var(--t-small);color:var(--fg-2);min-width:44px;text-align:right}.toggle{width:30px;height:17px;border-radius:999px;background:var(--bg-void);border:1px solid var(--line-2);position:relative;cursor:pointer;transition:all var(--dur-fast)}.toggle:after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--fg-4);transition:all var(--dur-fast)}.toggle.on{background:#7b9fff33;border-color:var(--accent-blue)}.toggle.on:after{left:15px;background:var(--accent-blue);box-shadow:0 0 8px #7b9fff80}.step-timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:5px}.step-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;border-radius:var(--r-2);background:var(--bg-void);border:1px solid var(--line-2);cursor:pointer;transition:all var(--dur-fast)}.step-cell:hover{border-color:var(--line-3);background:var(--bg-card)}.step-cell.cur{border-color:var(--accent-blue);box-shadow:0 0 0 1px #7b9fff33}.step-cell.on{background:#7b9fff0f}.step-cell .sc-num{font-family:var(--font-mono);font-size:10px;color:var(--fg-4)}.step-cell.cur .sc-num{color:var(--accent-blue)}.step-cell.on .sc-num{color:var(--fg-2)}.step-cell .sc-bar{width:12px;height:3px;border-radius:2px;transition:background var(--dur-fast)}.insp-delete-row{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line-1)}.bottombar{background:var(--bg-surface);border-top:1px solid var(--line-1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);gap:var(--space-4)}.step-desc{flex:1;text-align:center;font-size:var(--t-small);color:var(--fg-3);font-family:var(--font-mono);line-height:1.4;padding:0 var(--space-5);overflow:hidden}.step-desc strong{color:var(--fg-1);font-weight:var(--fw-bold)}.stepcount{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-5);white-space:nowrap}.brand{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:-.3px;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:2px;display:inline-block}.avatar{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#7b9fff,#a78bfa);display:flex;align-items:center;justify-content:center;color:#07090f;font-weight:700;font-size:10px;flex-shrink:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}:focus:not(:focus-visible){outline:none}.fmt-toolbar{display:flex;align-items:center;gap:2px;padding:3px 5px;background:#0c101cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:0 4px 16px #00000080}.fmt-toolbar-desc{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;z-index:10}.fmt-btn{padding:3px 7px;border-radius:var(--r-2);background:transparent;border:none;color:var(--fg-2);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:background var(--dur-fast);display:inline-flex;align-items:center;justify-content:center;min-width:22px}.fmt-btn:hover{background:#ffffff14;color:var(--fg-1)}.fmt-h{font-family:var(--font-mono);font-size:10px;color:var(--fg-3)}.fmt-div{width:1px;height:14px;background:var(--line-2);margin:0 3px;flex-shrink:0}.nie-wrap{position:absolute;z-index:60;pointer-events:all}.nie-toolbar{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:3px 5px;background:#0a0e1af7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:0 4px 16px #0000008c;white-space:nowrap;pointer-events:all}.nie-body{display:block;width:100%;box-sizing:border-box;padding:8px 10px;outline:none;caret-color:var(--accent-blue);font-family:DM Sans,sans-serif;font-weight:800;line-height:1.25;text-align:center;word-break:break-word;box-shadow:0 0 0 3px #7b9fff2e,0 4px 20px #0000008c}.nie-body:focus{outline:none}.nie-body b,.nie-body strong{font-weight:900}.nie-body i,.nie-body em{font-style:italic}.nie-body code{font-family:Space Mono,monospace;font-size:.88em;background:#ffffff1a;padding:1px 4px;border-radius:3px}.nie-hint-kbd{font-family:var(--font-mono);font-size:9px;color:var(--fg-5);padding:2px 5px;border-radius:var(--r-1);background:#ffffff08;border:1px solid var(--line-1);white-space:nowrap;flex-shrink:0}.step-desc-editor{width:100%;min-height:1.4em;outline:none;caret-color:var(--accent-blue);color:var(--fg-2);text-align:center;font-family:var(--font-mono);font-size:var(--t-small);line-height:1.4}.step-desc-editor:focus{color:var(--fg-1)}.step-desc-editor strong{font-weight:700;color:var(--fg-1)}.step-desc-editor:empty:before{content:attr(data-placeholder);color:var(--fg-5);pointer-events:none}.present-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px 16px;background:linear-gradient(to top,rgba(7,9,15,.88) 0%,transparent 100%);z-index:30}.present-step-counter{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);white-space:nowrap;flex-shrink:0;padding:0 6px}.present-ctrl-div{width:1px;height:20px;background:#ffffff1f;margin:0 4px;flex-shrink:0}.present-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:center;padding:22px 100px 52px;background:linear-gradient(to bottom,rgba(7,9,15,.86) 0%,rgba(7,9,15,.18) 65%,transparent 100%);z-index:30;pointer-events:none}.present-topbar-desc{font-size:16px;font-weight:500;color:var(--fg-1);text-align:center;line-height:1.55;max-width:860px;text-shadow:0 1px 6px rgba(0,0,0,.7);animation:present-top-in .28s ease-out both}.present-topbar-desc strong{font-weight:700;color:#fff}@keyframes present-top-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.edge-label-input{background:var(--bg-void);border:1px solid var(--accent-blue);border-radius:var(--r-2);padding:4px 10px;color:var(--fg-1);font-family:var(--font-mono);font-size:11px;outline:none;min-width:100px;text-align:center;box-shadow:0 0 0 2px #7b9fff2e,0 4px 12px #00000080}.line-type-btn{flex:1;padding:5px 8px;border-radius:var(--r-2);background:var(--bg-void);border:1px solid var(--line-2);color:var(--fg-3);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all var(--dur-fast);text-align:center}.line-type-btn:hover{border-color:var(--line-3);color:var(--fg-1)}.line-type-btn.active{background:#7b9fff1a;border-color:var(--accent-blue);color:var(--accent-blue)}.arrow-toggle-btn{flex:1;padding:5px 8px;border-radius:var(--r-2);background:var(--bg-void);border:1px solid var(--line-2);color:var(--fg-3);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:all var(--dur-fast);text-align:center}.arrow-toggle-btn:hover{border-color:var(--line-3);color:var(--fg-1)}.arrow-toggle-btn.active{background:#7b9fff1a;border-color:var(--accent-blue);color:var(--accent-blue)}.canvas-wrap.laser-mode,.canvas-wrap.laser-mode *{cursor:none!important}.laser-dot{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;background:#ffe5ec;transform:translate(-50%,-50%);z-index:40;animation:laser-pulse 1.2s infinite ease-in-out alternate}@keyframes laser-pulse{0%{box-shadow:0 0 0 2.5px #ff2a5fe6,0 0 6px #ff2a5fd9,0 0 14px #ff2a5f80;transform:translate(-50%,-50%) scale(1)}to{box-shadow:0 0 0 3.5px #ff2a5ff2,0 0 10px #ff2a5fe6,0 0 20px #ff2a5fa6;transform:translate(-50%,-50%) scale(1.15)}}.laser-ripple{position:absolute;width:160px;height:160px;pointer-events:none;transform:translate(-50%,-50%);z-index:39}.laser-ripple:before,.laser-ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,42,95,.85);background:radial-gradient(circle,rgba(255,42,95,.15) 0%,rgba(255,42,95,.03) 50%,transparent 80%);box-shadow:0 0 12px #ff2a5f59,inset 0 0 10px #ff2a5f1a;opacity:0;pointer-events:none;transform:scale(0)}.laser-ripple:before{animation:laser-click-wave .85s cubic-bezier(.1,.8,.2,1) forwards}.laser-ripple:after{animation:laser-click-wave .85s cubic-bezier(.1,.8,.2,1) forwards;animation-delay:.18s}@keyframes laser-click-wave{0%{transform:scale(0);opacity:1;border-width:3px}to{transform:scale(1);opacity:0;border-width:1px}}.ham-wrap{position:relative}.ham-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#0e1220f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:0 8px 32px #0009,0 2px 8px #0006;padding:5px;z-index:100;animation:ham-in .12s ease-out both}@keyframes ham-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ham-group-label{padding:5px 10px 3px;font-family:var(--font-mono);font-size:9px;font-weight:var(--fw-bold);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--fg-5)}.ham-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:var(--r-3);background:transparent;border:none;cursor:pointer;color:var(--fg-2);font-family:var(--font-sans);font-size:var(--t-small);font-weight:var(--fw-semi);text-align:left;transition:background var(--dur-fast),color var(--dur-fast)}.ham-item:hover{background:#ffffff0f;color:var(--fg-1)}.ham-item svg{flex-shrink:0;color:var(--fg-4)}.ham-item:hover svg{color:var(--fg-2)}.ham-item-about{cursor:default;color:var(--fg-4);font-size:var(--t-micro)}.ham-item-about:hover{background:transparent;color:var(--fg-4)}.ham-item-about:hover svg{color:var(--fg-5)}.ham-version{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-5);margin-left:4px}.ham-sep{height:1px;background:var(--line-1);margin:4px 5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#07090fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fade-in .15s ease-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg-surface);border:1px solid var(--line-2);border-radius:var(--r-5);box-shadow:0 24px 64px #000000b3;width:420px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-in .18s cubic-bezier(.34,1.56,.64,1) both}@keyframes modal-in{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--line-1);flex-shrink:0}.modal-title{font-size:var(--t-body);font-weight:var(--fw-bold);color:var(--fg-1)}.modal-body{overflow-y:auto;padding:10px 12px 14px;display:flex;flex-direction:column;gap:2px}.shortcut-row{display:flex;align-items:center;gap:12px;padding:6px;border-radius:var(--r-2);transition:background var(--dur-fast)}.shortcut-row:hover{background:#ffffff08}.shortcut-kbd{font-family:var(--font-mono);font-size:11px;color:var(--fg-2);padding:3px 8px;border-radius:var(--r-2);background:var(--bg-void);border:1px solid var(--line-2);white-space:nowrap;flex-shrink:0;min-width:120px;text-align:center;box-shadow:0 1px 0 var(--line-2)}.shortcut-desc{font-size:var(--t-small);color:var(--fg-3);line-height:1.4}.ai-modal-panel{background:var(--bg-surface);border:1px solid var(--line-2);border-radius:var(--r-5);box-shadow:0 24px 64px #000000b3;width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-in .18s cubic-bezier(.34,1.56,.64,1) both}.ai-modal-body{padding:16px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ai-stage-label{display:flex;align-items:center;gap:10px;font-size:var(--t-body);font-weight:var(--fw-semi);color:var(--fg-1)}.ai-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#7b9fff);color:#07090f;font-weight:var(--fw-bold);font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ai-textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--r-3);background:var(--bg-void);border:1px solid var(--line-2);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--t-small);line-height:1.55;outline:none;resize:vertical;transition:border-color var(--dur-fast)}.ai-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa26}.ai-textarea::placeholder{color:var(--fg-5)}.ai-textarea.ai-response{font-family:var(--font-mono);font-size:11px;line-height:1.5;min-height:180px}.ai-hint{font-size:var(--t-micro);color:var(--fg-4);line-height:1.5;padding:0 2px}.ai-gen-btn{align-self:stretch;justify-content:center;gap:8px;padding:9px 16px;font-size:var(--t-small)}.ai-gen-btn .ai-kbd{font-family:var(--font-mono);font-size:9px;opacity:.6;padding:1px 5px;border-radius:var(--r-1);background:#0003;margin-left:4px}.ai-copied-banner{padding:9px 14px;border-radius:var(--r-3);background:#a78bfa1a;border:1px solid rgba(167,139,250,.25);color:#a78bfa;font-size:var(--t-small);font-weight:var(--fw-semi);text-align:center}.ai-instructions{display:flex;align-items:flex-start;gap:10px;font-size:var(--t-small);color:var(--fg-2);line-height:1.55}.ai-recopy-btn{align-self:flex-start;font-size:11px;gap:6px}.ai-error{padding:8px 12px;border-radius:var(--r-2);background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--accent-coral);font-size:var(--t-small)}.context-menu{position:fixed;z-index:1000;min-width:170px;background:#0f172ad9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-4);box-shadow:0 12px 32px #00000080,0 4px 12px #0000004d;padding:5px;display:flex;flex-direction:column;gap:2px;animation:context-menu-in .12s cubic-bezier(.16,1,.3,1) forwards}@keyframes context-menu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px 10px;border-radius:var(--r-2);background:transparent;border:none;cursor:pointer;color:var(--fg-2);font-family:var(--font-sans);font-size:var(--t-small);font-weight:var(--fw-semi);text-align:left;transition:background var(--dur-fast),color var(--dur-fast)}.context-menu-item:hover:not(:disabled){background:#ffffff14;color:var(--fg-1)}.context-menu-item:disabled{opacity:.38;cursor:not-allowed}.context-menu-item-left{display:flex;align-items:center;gap:9px}.context-menu-item svg{flex-shrink:0;color:var(--fg-4)}.context-menu-item:hover:not(:disabled) svg{color:var(--fg-2)}.context-menu-kbd{font-family:var(--font-mono);font-size:9px;color:var(--fg-4);opacity:.85}.context-menu-sep{height:1px;background:#ffffff14;margin:4px}.icon-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07090fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fade-in .25s ease-out both}.export-panel{background:var(--bg-surface);border:1px solid var(--line-2);border-radius:var(--r-5);box-shadow:0 32px 80px #000c;width:360px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:modal-in .25s cubic-bezier(.34,1.56,.64,1) both}.export-spinner{width:40px;height:40px;border:3px solid rgba(123,159,255,.15);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.export-title{font-size:15px;font-weight:700;color:var(--fg-1);letter-spacing:-.15px}.export-progress-bar-wrap{width:100%;height:6px;background:var(--bg-void);border-radius:99px;overflow:hidden;border:1px solid var(--line-1)}.export-progress-bar{height:100%;background:linear-gradient(90deg,#7b9fff,#a78bfa);border-radius:99px;transition:width .1s ease}.export-percent{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#7b9fff}.export-hint{font-size:11px;color:var(--fg-4);line-height:1.5}