:root{--bg-primary: #121212;--surface-dark: #1A1A1A;--surface-mid: #252525;--surface-light: #333333;--surface-emphasis: #4A4D50;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-tertiary: #999999;--text-on-accent: #FFFFFF;--radius-large: 12px;--radius-pill: 20px;--accent-blue: #5C79CC;--accent-blue-dark: #4A6BBA;--accent-blue-light: rgba(92, 121, 204, .2);--divider-color: #333333;--node-bg: #333333}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-y:auto}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:3px}.app-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--surface-dark);border-bottom:1px solid var(--surface-light);position:relative;z-index:50;flex-shrink:0;height:50px}.header-left,.header-right,.header-brand{display:flex;align-items:center}.header-right{gap:.75rem;margin-left:auto}.header-brand{gap:.5rem;color:var(--accent-blue)}.header-brand-icon{height:1.2em;width:auto;flex-shrink:0}.header-brand-name{font-size:18px;font-weight:500}.landing-nav-button,.landing-cta-button{border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.landing-nav-button{padding:8px 20px;font-size:14px;font-weight:500;background-color:var(--surface-mid);color:var(--text-primary)}.landing-nav-button:hover,.landing-nav-button:focus-visible{background-color:var(--surface-light)}.landing-nav-button.primary-button,.landing-cta-button{background-color:var(--accent-blue);color:var(--text-on-accent)}.landing-nav-button.primary-button:hover,.landing-nav-button.primary-button:focus-visible,.landing-cta-button:hover,.landing-cta-button:focus-visible{background-color:var(--accent-blue-dark)}.landing-page{min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px);background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;overflow-x:hidden}.landing-hero{display:flex;flex-shrink:0;padding:60px 40px 32px;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin:0 auto;gap:40px;flex-wrap:wrap}.landing-hero-content{flex:1;max-width:500px;min-width:300px}.landing-hero-content h2{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 20px}.landing-hero-content p{font-size:18px;color:var(--text-secondary);line-height:1.5;margin:0 0 40px}.landing-cta-button{padding:15px 30px;font-size:18px;font-weight:600}.landing-hero-image{flex:1;display:flex;justify-content:center;align-items:center;min-width:300px}.branching-svg{width:100%;max-width:400px;height:auto}.landing-features{max-width:1200px;width:100%;margin:0 auto;padding:0 40px 40px}.landing-features h3{margin:0 0 24px;font-size:28px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.feature-card{background:var(--surface-dark);border:1px solid var(--divider-color);border-radius:var(--radius-large);padding:20px}.feature-card h4{margin:0 0 12px;font-size:18px}.feature-card p{margin:0;color:var(--text-secondary);line-height:1.6}.landing-footer{padding:20px;text-align:center;color:var(--text-tertiary);font-size:14px}.loading-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--bg-primary);color:var(--text-secondary)}@media (max-width: 992px){.landing-hero{flex-direction:column;text-align:center;padding:40px 20px 24px}.landing-hero-content{max-width:100%;min-width:0}.landing-hero-content h2{font-size:36px}}@media (max-width: 768px){.landing-hero-content h2{font-size:32px}.landing-hero-content p{font-size:16px}.landing-cta-button{padding:12px 25px;font-size:16px}.landing-features{padding:0 20px 32px}}@media (max-width: 480px){.app-header{padding:8px 12px}.header-brand-name{font-size:16px}.landing-nav-button{padding:8px 14px}.landing-hero{padding:30px 15px 20px;gap:28px}.landing-hero-content h2{font-size:28px}.landing-hero-content p{font-size:14px;margin-bottom:30px}.landing-cta-button{padding:10px 20px;font-size:14px}}.code-block-container .word.code{color:var(--syntax-punctuation)}.code-block-container .token.comment,.code-block-container .token.prolog,.code-block-container .token.doctype,.code-block-container .token.cdata{color:var(--syntax-comment)}.code-block-container .token.punctuation{color:var(--syntax-punctuation)}.code-block-container .token.property,.code-block-container .token.tag,.code-block-container .token.boolean,.code-block-container .token.number,.code-block-container .token.constant,.code-block-container .token.symbol,.code-block-container .token.deleted{color:var(--syntax-keyword)}.code-block-container .token.selector,.code-block-container .token.attr-name,.code-block-container .token.string,.code-block-container .token.char,.code-block-container .token.builtin,.code-block-container .token.inserted{color:var(--syntax-string)}.code-block-container .token.operator,.code-block-container .token.entity,.code-block-container .token.url,.code-block-container .language-css .token.string,.code-block-container .style .token.string{color:var(--syntax-punctuation)}.code-block-container .token.atrule,.code-block-container .token.attr-value,.code-block-container .token.keyword{color:var(--syntax-keyword)}.code-block-container .token.function,.code-block-container .token.class-name{color:var(--syntax-function)}.code-block-container .token.regex,.code-block-container .token.important,.code-block-container .token.variable{color:var(--syntax-property)}
