@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-canvas: #f0f0f0;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(255, 255, 255, .92);--color-surface: #ffffff;--color-surface-hover: #f5f5f5;--color-surface-active: #ebebeb;--color-surface-muted: #f8f8f8;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-border-light: #f0f0f0;--color-border-focus: rgba(99, 102, 241, .5);--color-text-primary: #0a0a0a;--color-text-secondary: #525252;--color-text-tertiary: #a3a3a3;--color-text-muted: #d4d4d4;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-muted: rgba(99, 102, 241, .08);--color-accent-glow: rgba(99, 102, 241, .12);--color-node-text: #6366f1;--color-node-text-bg: rgba(99, 102, 241, .06);--color-node-text-border: rgba(99, 102, 241, .25);--color-node-image: #ec4899;--color-node-image-bg: rgba(236, 72, 153, .06);--color-node-image-border: rgba(236, 72, 153, .25);--color-node-video: #f97316;--color-node-video-bg: rgba(249, 115, 22, .06);--color-node-video-border: rgba(249, 115, 22, .25);--color-node-audio: #14b8a6;--color-node-audio-bg: rgba(20, 184, 166, .06);--color-node-audio-border: rgba(20, 184, 166, .25);--color-node-model: #d97706;--color-node-model-bg: rgba(217, 119, 6, .06);--color-node-model-border: rgba(217, 119, 6, .25);--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--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;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .06), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-node: 0 1px 3px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .03);--shadow-node-hover: 0 2px 8px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--shadow-node-selected: 0 0 0 2px var(--color-accent), 0 4px 16px rgba(99, 102, 241, .1);--shadow-float: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .1s var(--ease-out);--transition-normal: .18s var(--ease-out);--transition-slow: .3s var(--ease-in-out);--sidebar-width: 240px;--topbar-height: 48px;--bottombar-height: 40px;--z-canvas: 0;--z-node: 10;--z-toolbar: 100;--z-sidebar: 200;--z-topbar: 300;--z-overlay: 400;--z-modal: 500;--z-tooltip: 600;--color-grid-dot: rgba(0, 0, 0, .07)}[data-theme=dark]{--color-bg-primary: #141414;--color-bg-secondary: #1a1a1a;--color-bg-canvas: #0f0f0f;--color-bg-elevated: #1e1e1e;--color-bg-overlay: rgba(20, 20, 20, .92);--color-surface: #1a1a1a;--color-surface-hover: #252525;--color-surface-active: #2e2e2e;--color-surface-muted: #1e1e1e;--color-border: #2e2e2e;--color-border-hover: #404040;--color-border-light: #232323;--color-border-focus: rgba(129, 140, 248, .5);--color-text-primary: #e5e5e5;--color-text-secondary: #a3a3a3;--color-text-tertiary: #6b6b6b;--color-text-muted: #404040;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-muted: rgba(129, 140, 248, .12);--color-accent-glow: rgba(129, 140, 248, .18);--color-node-text: #818cf8;--color-node-text-bg: rgba(129, 140, 248, .1);--color-node-text-border: rgba(129, 140, 248, .3);--color-node-image: #f472b6;--color-node-image-bg: rgba(244, 114, 182, .1);--color-node-image-border: rgba(244, 114, 182, .3);--color-node-video: #fb923c;--color-node-video-bg: rgba(251, 146, 60, .1);--color-node-video-border: rgba(251, 146, 60, .3);--color-node-audio: #2dd4bf;--color-node-audio-bg: rgba(45, 212, 191, .1);--color-node-audio-border: rgba(45, 212, 191, .3);--color-node-model: #fbbf24;--color-node-model-bg: rgba(251, 191, 36, .1);--color-node-model-border: rgba(251, 191, 36, .3);--color-success: #34d399;--color-warning: #facc15;--color-error: #f87171;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-node: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-node-hover: 0 2px 8px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .2);--shadow-node-selected: 0 0 0 2px var(--color-accent), 0 4px 16px rgba(129, 140, 248, .15);--shadow-float: 0 8px 30px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--color-grid-dot: rgba(255, 255, 255, .08)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes dash{to{stroke-dashoffset:-20}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-canvas);overflow:hidden;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{color-scheme:dark}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.react-flow__background{background-color:var(--color-bg-canvas)!important}.react-flow__controls{display:none}.react-flow__attribution{display:none!important}.react-flow__minimap{background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;overflow:hidden;box-shadow:var(--shadow-md)!important}.react-flow__edge-path{stroke-width:1.5}.react-flow__handle{width:10px!important;height:10px!important;border:1.5px solid var(--color-border-hover)!important;background:var(--color-bg-primary)!important;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.react-flow__node{cursor:grab}.react-flow__node:active{cursor:grabbing}::selection{background:var(--color-accent-muted);color:var(--color-text-primary)}.auth-page{display:flex;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--color-bg-primary)}.auth-page__hero{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:var(--space-12);position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4338ca);color:#fff}.auth-page__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(129,140,248,.25) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.auth-page__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:auth-orb-float 20s ease-in-out infinite}.auth-page__orb--1{width:300px;height:300px;background:#818cf880;top:10%;left:15%;animation-delay:0s}.auth-page__orb--2{width:200px;height:200px;background:#ec489966;bottom:20%;right:10%;animation-delay:-7s}.auth-page__orb--3{width:250px;height:250px;background:#14b8a64d;top:60%;left:60%;animation-delay:-14s}@keyframes auth-orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,35px) scale(1.02)}}.auth-page__hero-content{position:relative;z-index:1;text-align:center;max-width:460px}.auth-page__logo{font-family:var(--font-display);font-size:2.5rem;font-weight:var(--weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-4);background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-page__tagline{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffbf;margin-bottom:var(--space-10)}.auth-page__features{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.auth-page__feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#fffc}.auth-page__feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.auth-page__feature-icon svg{width:16px;height:16px;stroke:#ffffffe6;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-page__form{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 480px;padding:var(--space-12);background:var(--color-bg-primary);position:relative}.auth-page__form-inner{width:100%;max-width:380px;animation:auth-fade-in .6s var(--ease-out) both}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-page__form-header{margin-bottom:var(--space-8);text-align:center}.auth-page__form-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.auth-page__form-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.auth-page__form .cl-rootBox{width:100%}.auth-page__form .cl-card,.auth-page__form .cl-card>div{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}.auth-page__form .cl-headerTitle,.auth-page__form .cl-headerSubtitle{display:none!important}.auth-page__form .cl-main,.auth-page__form .cl-internal,.auth-page__form .cl-cardBox,.auth-page__form .cl-signIn-root,.auth-page__form .cl-signUp-root{background:transparent!important;box-shadow:none!important}.auth-page__form .cl-formButtonPrimary{background:var(--color-accent)!important;border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important;font-weight:var(--weight-medium)!important;height:42px!important;color:#fff!important;transition:all var(--transition-normal)!important}.auth-page__form .cl-formButtonPrimary:hover{background:var(--color-accent-hover)!important;box-shadow:0 4px 12px #6366f14d!important}.auth-page__form .cl-socialButtonsBlockButton{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;transition:all var(--transition-normal)!important;font-family:var(--font-sans)!important;color:var(--color-text-primary)!important}.auth-page__form .cl-socialButtonsBlockButton:hover{background:var(--color-surface-hover)!important;border-color:var(--color-border-hover)!important}.auth-page__form .cl-formFieldInput{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;font-family:var(--font-sans)!important;color:var(--color-text-primary)!important;transition:border-color var(--transition-normal)!important}.auth-page__form .cl-formFieldInput:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-muted)!important}.auth-page__form .cl-formFieldLabel{color:var(--color-text-secondary)!important;font-family:var(--font-sans)!important}.auth-page__form .cl-footerActionLink,.auth-page__form .cl-footerActionText a{color:var(--color-accent)!important;font-weight:var(--weight-medium)!important}.auth-page__form .cl-footerActionText,.auth-page__form .cl-footerAction{color:var(--color-text-secondary)!important}.auth-page__form .cl-dividerLine{background:var(--color-border)!important}.auth-page__form .cl-dividerText{color:var(--color-text-muted)!important}.auth-page__form .cl-footer,.auth-page__form .cl-footerPages,.auth-page__form .cl-footerAction,.auth-page__form .cl-internal-b3fm6y{background:transparent!important}.auth-page__form .cl-otpCodeFieldInput{border-color:var(--color-border)!important;color:var(--color-text-primary)!important;background:var(--color-surface)!important}.auth-page__form .cl-alert{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.auth-page__form .cl-identityPreview,.auth-page__form .cl-identityPreviewText,.auth-page__form .cl-identityPreviewEditButton{color:var(--color-text-secondary)!important}.auth-page__form .cl-userPreview,.auth-page__form .cl-userButtonPopoverCard{background:var(--color-surface)!important;color:var(--color-text-primary)!important}.auth-page__form .cl-rootBox p,.auth-page__form .cl-rootBox span,.auth-page__form .cl-rootBox label{color:var(--color-text-secondary)!important}.auth-page__form .cl-rootBox a{color:var(--color-accent)!important}.auth-page__toggle{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-page__toggle-link{color:var(--color-accent);font-weight:var(--weight-medium);cursor:pointer;border:none;background:none;font-size:var(--text-sm);font-family:var(--font-sans);padding:0;text-decoration:none;transition:color var(--transition-fast)}.auth-page__toggle-link:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:var(--space-4);background:var(--color-bg-canvas);text-align:center;padding:var(--space-8)}.auth-gate__logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);margin-bottom:var(--space-2)}.auth-gate h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.auth-gate p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;max-width:340px;line-height:var(--leading-relaxed)}.auth-gate__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:42px;padding:0 var(--space-6);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal);margin-top:var(--space-2)}.auth-gate__btn:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.auth-gate__btn:active{transform:translateY(0)}.topbar__user-btn{margin-left:var(--space-2)}.topbar__user-btn .cl-avatarBox{width:28px!important;height:28px!important}@media(max-width:900px){.auth-page__hero{display:none}.auth-page__form{flex:1}}@media(max-width:480px){.auth-page__form{padding:var(--space-6)}.auth-page__form-inner{max-width:100%}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--color-text-tertiary);background:transparent;transition:all var(--transition-fast);position:relative}.icon-button:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.icon-button:active{background:var(--color-surface-active)}.icon-button svg{width:15px;height:15px}.icon-button--sm{width:26px;height:26px}.icon-button--sm svg{width:13px;height:13px}.icon-button--lg{width:34px;height:34px}.icon-button--lg svg{width:17px;height:17px}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:3px 8px;background:var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-bg-primary);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--color-bg-overlay);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-border-light);z-index:var(--z-topbar)}.topbar__left{display:flex;align-items:center;gap:var(--space-3)}.topbar__logo{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);transition:color var(--transition-fast)}.topbar__logo:hover{color:var(--color-accent)}.topbar__sep{width:1px;height:16px;background:var(--color-border)}.topbar__project-name{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--weight-medium);font-family:inherit;border:none;background:none;padding:2px 6px;border-radius:var(--radius-sm);line-height:1.4}.topbar__project-name--display{cursor:pointer;transition:all var(--transition-fast)}.topbar__project-name--display:hover{color:var(--color-text-secondary);background:var(--color-surface-muted)}.topbar__project-name--editing{outline:none;color:var(--color-text-primary);background:var(--color-surface-muted);box-shadow:0 0 0 1.5px var(--color-accent);min-width:100px}.topbar__center,.topbar__right{display:flex;align-items:center;gap:var(--space-2)}.topbar__zoom-badge{padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.topbar__share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-text-primary);color:var(--color-bg-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);transition:all var(--transition-normal)}.topbar__share-btn:hover{opacity:.85;transform:translateY(-.5px)}.topbar__share-btn:active{transform:translateY(0);opacity:.9}.topbar__theme-icon{transition:transform .3s var(--ease-out)}.topbar__theme-icon:hover{transform:rotate(15deg)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.block-toolbar{position:absolute;top:-40px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:calc(var(--z-toolbar) + 10)}.block-toolbar__inner{display:flex;align-items:center;gap:1px;padding:2px 2px 2px 8px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);pointer-events:auto}.block-toolbar__label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;padding-right:2px}.block-toolbar__label--text{color:var(--color-node-text)}.block-toolbar__label--image{color:var(--color-node-image)}.block-toolbar__label--video{color:var(--color-node-video)}.block-toolbar__label--audio{color:var(--color-node-audio)}.block-toolbar__label--model{color:var(--color-node-model)}.block-toolbar__sep{width:1px;height:14px;background:var(--color-border-light);margin:0 4px}.block-toolbar__action--disabled{opacity:.35!important;cursor:not-allowed!important;pointer-events:auto!important}.block-toolbar__action--disabled:hover{background:transparent!important;transform:none!important}.block-toolbar__model-select{position:relative;display:flex;align-items:center}.block-toolbar__model-trigger{display:flex;align-items:center;gap:3px;padding:2px 6px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--color-text-secondary);font-size:10px;font-weight:var(--weight-medium, 500);font-family:inherit;cursor:pointer;transition:all .12s ease;white-space:nowrap;max-width:120px}.block-toolbar__model-trigger:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.block-toolbar__model-trigger--image{color:var(--color-node-image)}.block-toolbar__model-trigger--video{color:var(--color-node-video)}.block-toolbar__model-trigger--audio{color:var(--color-node-audio)}.block-toolbar__model-trigger--model{color:var(--color-node-model)}.block-toolbar__model-name{overflow:hidden;text-overflow:ellipsis}.block-toolbar__model-chevron{flex-shrink:0;transition:transform .15s ease}.block-toolbar__model-chevron--open{transform:rotate(180deg)}.block-toolbar__model-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:180px;max-width:260px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .12));overflow:hidden;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px}.block-toolbar__model-option{display:flex;flex-direction:column;gap:1px;width:100%;padding:6px 8px;border:none;border-radius:var(--radius-sm, 4px);background:none;color:var(--color-text-primary);font-size:11px;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s ease}.block-toolbar__model-option:hover{background:var(--color-surface-hover)}.block-toolbar__model-option--active{background:var(--color-surface-muted)}.block-toolbar__model-option--active:hover{background:var(--color-surface-hover)}.block-toolbar__model-option-name{font-weight:var(--weight-medium, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-toolbar__model-option-note{font-size:9px;color:var(--color-text-tertiary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-prompt-bar{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max(90%,300px);display:flex;justify-content:center;pointer-events:none;z-index:var(--z-toolbar)}.node-prompt-bar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 6px 6px 10px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:18px;box-shadow:var(--shadow-sm);pointer-events:auto;width:100%}.node-prompt-bar__inner--disabled{opacity:.7;background:var(--color-surface-hover, #f8f8f8)}.node-prompt-bar__input{width:100%;order:-1;border:none;background:transparent;font-size:var(--text-2xs);color:var(--color-text-primary);outline:none;padding:2px 0;resize:none;overflow:hidden;font-family:inherit;line-height:1.45;min-height:18px;max-height:80px;field-sizing:content}.node-prompt-bar__input::placeholder{color:var(--color-text-tertiary)}.node-prompt-bar__connected-text{flex:1;font-size:var(--text-2xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.npb-bottom-row{display:flex;align-items:center;width:100%;gap:4px;padding-top:3px}.npb-bottom-row__chips{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:visible}.npb-bottom-row__actions{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.npb-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all .12s ease;flex-shrink:0}.npb-icon-btn:hover{background:var(--color-accent-muted, rgba(128, 128, 128, .15));color:var(--color-text-primary);transform:scale(1.08)}.npb-icon-btn--active{background:var(--color-accent-muted, rgba(128, 128, 128, .15));color:var(--color-text-primary)}.npb-icon-btn--send{background:var(--color-accent, #5a7ef7);color:#fff}.npb-icon-btn--send:hover{background:var(--color-accent-hover, #4a6ee7);color:#fff}.npb-icon-btn--send-text{background:var(--color-node-text)}.npb-icon-btn--send-text:hover{background:var(--color-node-text);filter:brightness(1.15)}.npb-icon-btn--send-image{background:var(--color-node-image)}.npb-icon-btn--send-image:hover{background:var(--color-node-image);filter:brightness(1.15)}.npb-icon-btn--send-video{background:var(--color-node-video)}.npb-icon-btn--send-video:hover{background:var(--color-node-video);filter:brightness(1.15)}.npb-icon-btn--send-audio{background:var(--color-node-audio)}.npb-icon-btn--send-audio:hover{background:var(--color-node-audio);filter:brightness(1.15)}.npb-icon-btn--send-model{background:var(--color-node-model)}.npb-icon-btn--send-model:hover{background:var(--color-node-model);filter:brightness(1.15)}.npb-icon-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.npb-icon-btn--sending{opacity:.85;cursor:wait}.npb-icon-btn--sending:disabled{opacity:.85}.npb-spinner{width:11px;height:11px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:npb-spin .6s linear infinite}@keyframes npb-spin{to{transform:rotate(360deg)}}.npb-chip{position:relative;display:flex;align-items:center;flex-shrink:1;min-width:0;overflow:visible}.npb-chip__trigger{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-full, 999px);background:transparent;color:var(--color-text-secondary);font-size:9.5px;font-family:inherit;white-space:nowrap;cursor:pointer;transition:all .12s ease;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.npb-chip__trigger:hover,.npb-chip__trigger--open{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border)}.npb-chip__label{font-size:9px;font-weight:var(--weight-medium, 500);letter-spacing:.02em;color:var(--color-text-tertiary);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;display:flex;align-items:center}.npb-chip__label>svg{opacity:.55;flex-shrink:0}.npb-chip__value{font-weight:var(--weight-semibold, 600);color:var(--color-text-primary);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.npb-chip__chevron{opacity:.4;transition:transform .12s ease}.npb-chip__chevron--open{transform:rotate(180deg)}.npb-chip__trigger--toggle{gap:6px;cursor:pointer}.npb-chip__trigger--toggle-on{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.npb-chip__toggle{position:relative;display:inline-flex;width:22px;height:12px;border-radius:var(--radius-full, 999px);background:var(--color-border-light);transition:background .15s ease;flex-shrink:0}.npb-chip__toggle--on{background:var(--color-accent)}.npb-chip__toggle-thumb{position:absolute;top:1.5px;left:1.5px;width:9px;height:9px;border-radius:50%;background:#fff;transition:left .15s ease;box-shadow:0 1px 2px #00000026}.npb-chip__toggle--on .npb-chip__toggle-thumb{left:11.5px}.npb-chip__dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .12));z-index:61;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px}.npb-chip__options{display:flex;flex-wrap:wrap;gap:3px}.npb-chip__option{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-full, 999px);background:transparent;color:var(--color-text-secondary);font-size:10px;font-family:inherit;cursor:pointer;transition:all .1s ease;white-space:nowrap}.npb-aspect-icon{opacity:.45;flex-shrink:0}.npb-chip__option--active .npb-aspect-icon,.npb-chip__trigger .npb-aspect-icon{opacity:.7}.npb-chip__option:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-primary)}.npb-chip__option--active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent);font-weight:var(--weight-semibold, 600)}.npb-chip__option--active:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.node-prompt-bar__settings-wrap{position:relative;display:flex;align-items:center}.node-prompt-bar__settings-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;max-width:340px;max-height:400px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .12));z-index:60;overflow:visible;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.node-prompt-bar__settings-header{padding:8px 12px 6px;border-bottom:1px solid var(--color-border-light)}.node-prompt-bar__settings-title{font-size:10px;font-weight:var(--weight-semibold, 600);letter-spacing:var(--tracking-wide, .05em);text-transform:uppercase;color:var(--color-text-tertiary)}.node-prompt-bar__settings-params{padding:8px 12px 10px;display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.node-prompt-bar__settings-params .mpc-param{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px}.node-prompt-bar__settings-params .mpc-param__label{flex-shrink:0;white-space:nowrap;padding-top:2px}.node-prompt-bar__settings-params .mpc-param__pills{justify-content:flex-end}.node-prompt-bar__settings-params::-webkit-scrollbar{width:4px}.node-prompt-bar__settings-params::-webkit-scrollbar-track{background:transparent}.node-prompt-bar__settings-params::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:2px}.mpc-param{display:flex;flex-direction:column;gap:4px}.mpc-param__label{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;font-weight:var(--weight-medium, 500);color:var(--color-text-secondary);letter-spacing:.02em}.mpc-param__label>svg{opacity:.5;flex-shrink:0}.mpc-param__label-text{display:flex;align-items:center;gap:4px}.mpc-param__label-text>svg{opacity:.5;flex-shrink:0}.mpc-param__value{font-size:10px;font-weight:var(--weight-semibold, 600);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.mpc-param__pills{display:flex;flex-wrap:wrap;gap:3px}.mpc-pill{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--color-border-light);border-radius:var(--radius-full, 999px);background:transparent;color:var(--color-text-secondary);font-size:9.5px;font-family:inherit;cursor:pointer;transition:all .1s ease;white-space:nowrap}.mpc-pill:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-primary)}.mpc-pill--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mpc-pill--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.mpc-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--color-border-light);border-radius:2px;outline:none;cursor:pointer}.mpc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-accent);border-radius:50%;cursor:pointer;transition:box-shadow .12s ease}.mpc-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 20%,transparent)}.mpc-toggle{position:relative;display:inline-flex;align-items:center;width:28px;height:16px;border:none;border-radius:var(--radius-full, 999px);background:var(--color-border-light);cursor:pointer;transition:background .15s ease;flex-shrink:0}.mpc-toggle--on{background:var(--color-accent)}.mpc-toggle__thumb{position:absolute;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s ease;box-shadow:0 1px 3px #00000026}.mpc-toggle--on .mpc-toggle__thumb{left:14px}.mpc-select{width:100%;padding:3px 6px;border:1px solid var(--color-border-light);border-radius:var(--radius-xs, 4px);background:var(--color-surface);color:var(--color-text-primary);font-size:10px;font-family:inherit;outline:none;cursor:pointer;transition:border-color .12s ease}.mpc-select:focus{border-color:var(--color-accent)}.mpc-text-input{width:100%;padding:3px 6px;border:1px solid var(--color-border-light);border-radius:var(--radius-xs, 4px);background:var(--color-surface);color:var(--color-text-primary);font-size:10px;font-family:inherit;outline:none;transition:border-color .12s ease}.mpc-text-input:focus{border-color:var(--color-accent)}.mpc-text-input::placeholder{color:var(--color-text-muted)}.connection-handle{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;width:18px;height:18px}.connection-handle--left{left:-32px;transform:translateY(-50%)}.connection-handle--right{right:-26px;transform:translateY(-50%)}.connection-handle--visible{pointer-events:auto}.connection-handle__hit-area{position:absolute;inset:-12px;border-radius:50%;z-index:1;pointer-events:none}.connection-handle__plus{position:absolute;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1.5px solid var(--block-accent, var(--color-border-hover));color:var(--block-accent, var(--color-text-secondary));cursor:pointer;z-index:3;transition:transform 80ms ease,box-shadow .15s ease,background .15s ease;box-shadow:var(--shadow-xs);pointer-events:none}.connection-handle__plus:hover{background:var(--block-accent, var(--color-border-hover));color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--block-accent, var(--color-border-hover)) 20%,transparent)}.connection-handle__plus--magnetic{transform:scale(1.25)}.connection-handle__plus--text{border-color:var(--color-node-text);color:var(--color-node-text)}.connection-handle__plus--text:hover{background:var(--color-node-text);color:#fff}.connection-handle__plus--image{border-color:var(--color-node-image);color:var(--color-node-image)}.connection-handle__plus--image:hover{background:var(--color-node-image);color:#fff}.connection-handle__plus--video{border-color:var(--color-node-video);color:var(--color-node-video)}.connection-handle__plus--video:hover{background:var(--color-node-video);color:#fff}.connection-handle__plus--audio{border-color:var(--color-node-audio);color:var(--color-node-audio)}.connection-handle__plus--audio:hover{background:var(--color-node-audio);color:#fff}.connection-handle__plus--model{border-color:var(--color-node-model);color:var(--color-node-model)}.connection-handle__plus--model:hover{background:var(--color-node-model);color:#fff}.block-node__handle--has-menu.react-flow__handle{opacity:0!important;width:18px!important;height:18px!important;z-index:5}.block-node{position:relative;width:100%;height:100%;min-width:180px;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:8px;overflow:visible;transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);box-shadow:var(--shadow-node)}.block-node:before{content:"";position:absolute;inset:-12px;z-index:-1}.block-node__handle.react-flow__handle{opacity:0;pointer-events:none;width:8px!important;height:8px!important;border:none!important;background:var(--block-accent, var(--color-border-hover))!important;border-radius:50%;transition:opacity .15s ease,transform .15s ease;z-index:10;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.block-node--hovered .block-node__handle.react-flow__handle,.block-node--selected .block-node__handle.react-flow__handle{opacity:1;pointer-events:auto}.block-node__resize-handle{width:10px!important;height:10px!important;border-radius:50%!important;border:1.5px solid var(--block-accent, var(--color-border-light))!important;background:var(--color-bg-primary)!important;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:20!important}.block-node--selected .block-node__resize-handle{opacity:1}.block-node__resize-handle:hover{transform:scale(1.3)}.block-node__resize-line{border-color:transparent!important}.block-node:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-node-hover)}.block-node--text{--block-accent: var(--color-node-text)}.block-node--image{--block-accent: var(--color-node-image)}.block-node--video{--block-accent: var(--color-node-video)}.block-node--audio{--block-accent: var(--color-node-audio)}.block-node--model{--block-accent: var(--color-node-model)}.block-node--selected.block-node--text{border-color:var(--block-accent)!important;box-shadow:0 0 0 2px var(--color-node-text-border),var(--shadow-md)}.block-node--selected.block-node--image{border-color:var(--block-accent)!important;box-shadow:0 0 0 2px var(--color-node-image-border),var(--shadow-md)}.block-node--selected.block-node--video{border-color:var(--block-accent)!important;box-shadow:0 0 0 2px var(--color-node-video-border),var(--shadow-md)}.block-node--selected.block-node--audio{border-color:var(--block-accent)!important;box-shadow:0 0 0 2px var(--color-node-audio-border),var(--shadow-md)}.block-node--selected.block-node--model{border-color:var(--block-accent)!important;box-shadow:0 0 0 2px var(--color-node-model-border),var(--shadow-md)}.block-node__body{padding:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible;border-radius:inherit;content-visibility:auto;contain-intrinsic-size:auto 180px 120px;position:relative}.block-node__generation-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10;animation:gen-overlay-in .2s ease-out}@keyframes gen-overlay-in{0%{opacity:0}to{opacity:1}}.block-node__generation-spinner{width:24px;height:24px;border:2.5px solid rgba(255,255,255,.25);border-top-color:var(--block-accent, #fff);border-radius:50%;animation:gen-spin .7s linear infinite}@keyframes gen-spin{to{transform:rotate(360deg)}}.block-node__generation-text{font-size:11px;color:#ffffffd9;letter-spacing:.02em}.block-node__generation-cancel{margin-top:2px;padding:3px 10px;font-size:10px;color:#ffffffb3;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:background .12s ease,color .12s ease}.block-node__generation-cancel:hover{background:#fff3;color:#fff}.block-node__generation-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10;padding:12px}.block-node__generation-error-text{font-size:11px;color:#f87171;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.block-node__generation-retry{padding:3px 12px;font-size:10px;color:#fff;background:var(--block-accent, #6366f1);border:none;border-radius:4px;cursor:pointer;transition:opacity .12s ease}.block-node__generation-retry:hover{opacity:.85}.text-block__editor{width:100%;min-height:60px;flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent}.text-block__editor>div{flex:1;display:flex;flex-direction:column}.text-block__editor .cm-editor{flex:1}.text-block__editor:focus-within{background:var(--color-bg-primary)}.text-block__codemirror{font-size:var(--text-sm)!important;background:transparent!important;cursor:text}.text-block__codemirror .cm-editor{background:transparent!important}.text-block__click-overlay{position:absolute;inset:0;cursor:text;z-index:1}.text-block__editor--editing .text-block__click-overlay{display:none}.text-block__codemirror--readonly{opacity:.5;cursor:not-allowed}.text-block__view-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.text-block__view-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.text-block__view-toggle--active{background:var(--color-accent-muted);color:var(--color-accent)}.text-block__json-wrap{width:100%;min-height:60px;flex:1;overflow:visible}.json-editor{padding:var(--space-2);overflow:visible;container-type:inline-size;container-name:json-editor}.je-field{display:flex;flex-direction:column;gap:4px}.je-field__header{display:flex;align-items:center;gap:var(--space-1)}.je-field__label{font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.je-field__type{font-size:9px;color:var(--color-text-tertiary);font-weight:var(--weight-medium);padding:1px 5px;border-radius:var(--radius-xs);background:var(--color-surface-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.je-field__delete{margin-left:auto;opacity:0;color:var(--color-error);background:none;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-xs);transition:all var(--transition-fast);display:flex;align-items:center}.je-field:hover .je-field__delete{opacity:.6}.je-field__delete:hover{opacity:1!important;background:#ef444414}.je-field__input{width:100%;padding:4px 8px;background:var(--color-surface-muted);border:1px solid transparent;border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--text-xs);font-family:inherit;transition:border-color var(--transition-fast),background var(--transition-fast);word-break:break-word;overflow-wrap:anywhere}.je-field__input:focus{outline:none;border-color:var(--color-border);background:var(--color-bg-primary)}.je-field__input--mono{font-family:var(--font-mono)}.je-field__textarea{width:100%;min-height:60px;padding:6px 8px;background:var(--color-surface-muted);border:1px solid transparent;border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--text-xs);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast),background var(--transition-fast);word-break:break-word;overflow-wrap:anywhere}.je-field__textarea:focus{outline:none;border-color:var(--color-border);background:var(--color-bg-primary)}.je-field__textarea--auto{min-height:36px;field-sizing:content}.je-codemirror{width:100%;border-radius:var(--radius-xs);background:var(--color-surface-muted);border:1px solid transparent;transition:border-color var(--transition-fast);overflow:hidden}.je-codemirror:focus-within{border-color:var(--color-border)}.je-codemirror .cm-editor{background:transparent!important}.je-codemirror .cm-content{padding:4px 8px!important;font-size:var(--text-xs)!important;min-height:24px!important}.je-select{position:relative;width:100%}.je-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;background:var(--color-surface-muted);border:1px solid transparent;border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);text-align:left;gap:4px}.je-select__trigger:hover{border-color:var(--color-border)}.je-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.je-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-overlay);padding:3px}.je-select__category{padding:4px 8px 3px;font-size:9px;font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-surface-muted);border-radius:var(--radius-xs);margin-bottom:2px}.je-select__option{display:flex;align-items:flex-start;gap:6px;width:100%;padding:5px 8px;background:none;border:none;border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.je-select__option:hover{background:var(--color-surface-hover)}.je-select__option--active{background:var(--color-accent-muted);color:var(--color-accent)}.je-select__icon{flex-shrink:0;font-size:13px;line-height:1;margin-top:1px}.je-select__option-text{display:flex;flex-direction:column;gap:1px;min-width:0}.je-select__option-label{font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.je-select__option-desc{font-size:9px;color:var(--color-text-tertiary);line-height:1.3}.je-toggle{position:relative;width:28px;height:16px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.je-toggle--on{background:var(--color-accent)}.je-toggle__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:var(--radius-full);background:#fff;transition:transform var(--transition-fast);box-shadow:var(--shadow-xs)}.je-toggle--on .je-toggle__thumb{transform:translate(12px)}.je-color{display:flex;align-items:center;gap:var(--space-2)}.je-color__swatch{width:28px;height:28px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:0;cursor:pointer;flex-shrink:0;transition:border-color var(--transition-fast),transform var(--transition-fast)}.je-color__swatch:hover{border-color:var(--color-accent);transform:scale(1.05)}.je-color__popover{position:fixed;z-index:99999;background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:12px;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;gap:8px}.je-color__popover .react-colorful{width:200px!important;height:160px!important}.je-color__popover-hex{width:100%;padding:6px 8px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-family:var(--font-mono, monospace);font-size:13px;color:var(--color-text-primary, #1a1a1a);background:var(--color-surface-muted, #f5f5f5);text-align:center;outline:none}.je-color__popover-hex:focus{border-color:var(--color-accent, #6366f1)}.je-color__hex{max-width:90px;font-family:var(--font-mono);font-size:var(--text-xs)}.je-array{display:flex;flex-direction:column;gap:var(--space-1)}.je-array__items{display:flex;flex-wrap:wrap;gap:4px}.je-array__tag{display:flex;align-items:center;gap:3px;padding:2px 6px;background:var(--color-surface-muted);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--color-text-primary)}.je-array__tag-text{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.je-array__tag-remove{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:14px;line-height:1;padding:0;transition:color var(--transition-fast)}.je-array__tag-remove:hover{color:var(--color-error)}.je-array__add{display:flex;gap:4px}.je-object{display:flex;flex-direction:column;gap:var(--space-1)}.je-object__toggle{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:var(--text-xs);color:var(--color-text-tertiary);padding:0;transition:color var(--transition-fast)}.je-object__toggle:hover{color:var(--color-text-primary)}.je-object__fields{display:flex;flex-direction:column;gap:8px;padding-left:10px;border-left:2px solid var(--color-border-light)}.je-add-field{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.je-add-field__row,.je-add-field__actions{display:flex;gap:6px}.je-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border-light);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.je-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-primary)}.je-btn--sm{padding:2px 6px}.je-btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);flex:1}.je-btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.je-btn--ghost{background:transparent;border-color:transparent}.je-btn--ghost:hover{background:var(--color-surface-hover)}.je-btn--add-field{align-self:flex-start;color:var(--color-text-tertiary)}@container json-editor (max-width: 200px){.je-field__header{gap:2px}.je-field__label{font-size:9px}.je-field__type{display:none}.je-field__input,.je-field__textarea,.je-select__trigger{font-size:10px;padding:3px 5px}.je-object__fields{gap:5px;padding-left:6px}.je-select__dropdown{font-size:10px}.je-select__option{padding:3px 6px}.je-array__tag{font-size:10px;padding:1px 4px}.je-btn{font-size:10px;padding:2px 6px}}@container json-editor (max-width: 140px){.je-field__label{font-size:8px}.je-field__input,.je-field__textarea,.je-select__trigger{font-size:9px;padding:2px 4px}.je-object__fields{gap:4px;padding-left:4px}}.image-block__preview{width:100%;flex:1;min-height:100px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.image-block__preview img{width:100%;height:100%;object-fit:cover}.image-block__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.image-block__placeholder svg{width:22px;height:22px;opacity:.3}.image-block__placeholder-text{font-size:var(--text-2xs);color:var(--color-text-tertiary)}.video-block__preview{width:100%;flex:1;min-height:80px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;position:relative}.video-block__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.video-block__placeholder svg{width:22px;height:22px;opacity:.3}.video-block__placeholder-text{font-size:var(--text-2xs);color:var(--color-text-tertiary)}.audio-block__preview{width:100%;flex:1;min-height:60px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.audio-block__player{width:100%;padding:4px 8px}.audio-block__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.audio-block__placeholder svg{width:22px;height:22px;opacity:.3}.audio-block__placeholder-text{font-size:var(--text-2xs);color:var(--color-text-tertiary)}.model-block__preview{width:100%;flex:1;min-height:80px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.model-block__loaded{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-node-model)}.model-block__loaded svg{width:28px;height:28px;opacity:.6}.model-block__filename{font-size:var(--text-2xs);color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-block__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.model-block__placeholder svg{width:22px;height:22px;opacity:.3}.model-block__placeholder-text{font-size:var(--text-2xs);color:var(--color-text-tertiary)}.image-block__placeholder--drag-over,.video-block__placeholder--drag-over,.audio-block__placeholder--drag-over,.model-block__placeholder--drag-over{background:#6366f114;border:2px dashed rgba(99,102,241,.4);border-radius:8px;padding:12px;transition:background .15s ease,border-color .15s ease}.image-block__placeholder--drag-over svg,.video-block__placeholder--drag-over svg,.audio-block__placeholder--drag-over svg,.model-block__placeholder--drag-over svg{opacity:.6;color:var(--color-accent, #6366f1)}.group-node{position:relative;width:100%;height:100%;min-width:200px;min-height:150px;background:#94a3b80a;border:2px dashed var(--color-border-light);border-radius:8px;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.group-node--hovered{border-color:var(--color-border-hover);background:#94a3b80f}.group-node--selected{border-color:var(--color-node-group, #94a3b8);background:#94a3b814;box-shadow:0 0 0 2px #94a3b833}.group-node__label{position:absolute;top:8px;left:12px;z-index:1}.group-node__label-text{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;-webkit-user-select:none;user-select:none}.group-node__label-input{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:2px 6px;outline:none;min-width:60px}.group-node__toolbar{position:absolute;top:-40px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:var(--z-toolbar, 10)}.group-node__toolbar-inner{display:flex;align-items:center;gap:1px;padding:2px 2px 2px 8px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-full, 999px);box-shadow:var(--shadow-sm);pointer-events:auto}.group-node__toolbar-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-node-group, #94a3b8);padding-right:2px;white-space:nowrap}.group-node__toolbar-sep{width:1px;height:14px;background:var(--color-border-light);margin:0 4px}.group-node__toolbar-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.group-node__toolbar-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.group-node__toolbar-btn--delete:hover{color:var(--color-error, #ef4444);background:#ef444414}.context-menu{position:fixed;z-index:var(--z-overlay);min-width:120px;padding:4px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transform-origin:top left}.context-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;transition:all var(--transition-fast)}.context-menu__item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.context-menu__item--danger{color:var(--color-error)}.context-menu__item--danger:hover{background:#ef44440f;color:var(--color-error)}.context-menu__icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.context-menu__icon svg{width:13px;height:13px}.context-menu__divider{height:1px;margin:3px var(--space-2);background:var(--color-border-light)}.bottombar{position:fixed;bottom:var(--space-5);left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:var(--z-toolbar)}.bottombar__inner{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:18px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;pointer-events:auto}.bottombar__blocks{display:flex;align-items:center;gap:4px}.bottombar__block-btn{display:grid;grid-template-columns:18px 0fr;align-items:center;gap:7px;height:40px;padding:0 11px;border:none;border-radius:12px;background:transparent;color:var(--color-text-secondary);cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1),background .18s ease,color .18s ease,box-shadow .18s ease}.bottombar__block-btn:active{cursor:grabbing}.bottombar__block-btn:hover{grid-template-columns:18px 1fr;box-shadow:0 1px 4px #0000000d}.bottombar__block-btn--text:hover{background:var(--color-node-text-bg);color:var(--color-node-text)}.bottombar__block-btn--image:hover{background:var(--color-node-image-bg);color:var(--color-node-image)}.bottombar__block-btn--video:hover{background:var(--color-node-video-bg);color:var(--color-node-video)}.bottombar__block-btn--audio:hover{background:var(--color-node-audio-bg);color:var(--color-node-audio)}.bottombar__block-btn--model:hover{background:var(--color-node-model-bg);color:var(--color-node-model)}.bottombar__block-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottombar__block-icon svg{width:18px;height:18px}.bottombar__block-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);overflow:hidden;min-width:0}.bottombar__sep{width:1px;height:24px;background:var(--color-border-light);margin:0 4px;flex-shrink:0}.bottombar__zoom-group{display:flex;align-items:center;gap:0}.bottombar__zoom-label{min-width:38px;text-align:center;font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.canvas-wrapper{width:100%;height:100%;position:relative}.canvas-wrapper--drag-active:after{content:"";position:absolute;inset:0;background:#6366f10d;border:2px dashed rgba(99,102,241,.3);border-radius:12px;pointer-events:none;z-index:4;animation:dragOverFadeIn .15s ease-out}@keyframes dragOverFadeIn{0%{opacity:0}to{opacity:1}}.connection-line{stroke-dasharray:5 5;animation:dash .5s linear infinite}.fps-counter{position:fixed;bottom:12px;right:12px;padding:4px 10px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a0ffa0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;font-weight:600;letter-spacing:.5px;border-radius:6px;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.fps-label{color:#ffffff73;font-size:9px;font-weight:500}.app-shell{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--color-bg-canvas);overflow:hidden}.app-shell__main{flex:1;display:flex;position:relative;margin-top:var(--topbar-height)}.app-shell__canvas-area{flex:1;position:relative;overflow:hidden}.dashboard{flex:1;overflow-y:auto;margin-top:var(--topbar-height);min-height:0;background:var(--color-bg-canvas)}.dashboard__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard__header-left{display:flex;align-items:center;gap:var(--space-4)}.dashboard__logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.01em}.dashboard__header-right{display:flex;align-items:center;gap:var(--space-3)}.dashboard__theme-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.dashboard__theme-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dashboard__theme-icon{width:16px;height:16px}.dashboard__content{max-width:1200px;margin:0 auto;padding:var(--space-8)}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.dashboard__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.dashboard__new-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-5);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal)}.dashboard__new-btn:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.dashboard__new-btn:active{transform:translateY(0)}.dashboard__new-btn svg{width:16px;height:16px}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);animation:dashboard-fade-in .4s var(--ease-out) both}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);position:relative}.project-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-card:active{transform:translateY(0)}.project-card__thumb{height:160px;position:relative;overflow:hidden;background:var(--color-surface-muted)}.project-card__thumb-img{width:100%;height:100%;object-fit:cover}.project-card__thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-accent-muted) 0%,var(--color-surface-muted) 100%)}.project-card__thumb-placeholder svg{width:40px;height:40px;stroke:var(--color-text-tertiary);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.project-card__info{padding:var(--space-4)}.project-card__name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.project-card__role{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent);font-size:.625rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.project-card__actions{position:absolute;top:var(--space-2);right:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.project-card:hover .project-card__actions{opacity:1}.project-card__menu-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-full);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.project-card__menu-btn:hover{background:var(--color-surface-active)}.project-card__menu-btn svg{width:16px;height:16px}.project-card__dropdown{position:absolute;top:calc(var(--space-2) + 34px);right:var(--space-2);z-index:var(--z-overlay);min-width:140px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);animation:dashboard-dropdown-in .15s var(--ease-out)}@keyframes dashboard-dropdown-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-card__dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.project-card__dropdown-item:hover{background:var(--color-surface-hover)}.project-card__dropdown-item--danger{color:var(--color-error)}.project-card__dropdown-item--danger:hover{background:#ef444414}.project-card__dropdown-item svg{width:14px;height:14px;flex-shrink:0}.project-card--new{border:2px dashed var(--color-border);background:transparent}.project-card--new:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.project-card--new .project-card__thumb{background:transparent}.project-card--new .project-card__thumb-placeholder{background:transparent;flex-direction:column;gap:var(--space-2)}.project-card--new .project-card__thumb-placeholder svg{opacity:.6;stroke:var(--color-accent)}.project-card--new .project-card__new-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.project-card--new:hover .project-card__new-label{color:var(--color-accent)}.project-card--skeleton .project-card__thumb{background:var(--color-surface-muted);animation:skeleton-pulse 1.5s ease-in-out infinite}.project-card--skeleton .project-card__name,.project-card--skeleton .project-card__meta{background:var(--color-surface-muted);border-radius:var(--radius-xs);animation:skeleton-pulse 1.5s ease-in-out infinite;color:transparent!important}.project-card--skeleton .project-card__name{width:70%;height:16px}.project-card--skeleton .project-card__meta{width:40%;height:12px;margin-top:var(--space-2)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center}.dashboard__empty-icon{width:64px;height:64px;margin-bottom:var(--space-4);stroke:var(--color-text-tertiary);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.dashboard__empty h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.dashboard__empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:360px;line-height:var(--leading-relaxed)}.dashboard__error{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);text-align:center}.dashboard__error p{color:var(--color-error);font-size:var(--text-sm);margin:0 0 var(--space-4)}.dashboard__retry-btn{height:34px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.dashboard__retry-btn:hover{background:var(--color-surface-hover)}@media(max-width:640px){.dashboard__content{padding:var(--space-4)}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.dashboard__header{padding:var(--space-4) var(--space-4)}}