@keyframes ib-spin{to{transform:rotate(360deg)}}.ib-spin{animation:.8s linear infinite ib-spin}:root,.dark{--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-pill:9999px;--radius:var(--radius-sm);--font-ui:"Google Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif;--font-display:"Anton", "Google Sans", system-ui, sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-normal:.2s;--dur-slow:.3s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--background:#1a1c24;--card:#22252e;--popover:#272a33;--secondary:#2d3039;--accent:#2e313b;--muted:#2a2d35;--input:#34373f;--border:#3b3e47;--foreground:#eceae2;--secondary-foreground:#cac6bb;--muted-foreground:#878a95;--primary:#e8b454;--primary-foreground:#2c2010;--destructive:#d74d2e;--destructive-foreground:#fafafa;--teal:#3dc3c0;--steel:#7e8088;--ghost-border:#ffffff0d;--shadow-card:none;--shadow-popover:0 8px 24px #00000052;--shadow-modal:0 24px 48px #00000080;--backdrop-tint:#1a1c24cc}.light{--background:#fafaf8;--card:#fff;--popover:#fff;--secondary:#f2f3f5;--accent:#fff4e0;--muted:#f5f5f2;--input:#fff;--border:#e5e7eb;--foreground:#1e1f23;--secondary-foreground:#3a3a3a;--muted-foreground:#6b7280;--primary:#e8b454;--primary-foreground:#2c2010;--destructive:#d74d2e;--destructive-foreground:#fafafa;--teal:#3dc3c0;--steel:#7e8088;--ghost-border:#0000000f;--shadow-card:0 1px 2px #0000000a;--shadow-popover:0 8px 24px #00000014;--shadow-modal:0 24px 48px #0000001f;--backdrop-tint:#fafaf899}.react-flow{--xy-controls-button-background-color:var(--card);--xy-controls-button-background-color-hover:var(--secondary);--xy-controls-button-color:var(--secondary-foreground);--xy-controls-button-color-hover:var(--foreground);--xy-controls-button-border-color:var(--border);--xy-controls-box-shadow:var(--shadow-popover)}.react-flow__controls{border:1px solid var(--border);border-radius:12px;overflow:hidden}.react-flow__controls-button{background:var(--card);border-bottom:1px solid var(--border);color:var(--secondary-foreground)}.react-flow__controls-button:last-child{border-bottom:0}.react-flow__controls-button:hover{background:var(--secondary);color:var(--foreground)}.react-flow__controls-button svg{fill:currentColor}*{box-sizing:border-box}.canvasPromptParagraph{margin:0}html{background:var(--background);min-width:320px}body{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.appShell{background:var(--background);min-height:100vh;display:flex}.contentShell{flex:1;min-width:0;padding:0 0 0 92px}.topSection{background:var(--card);min-height:100vh;box-shadow:var(--shadow-card);padding:var(--space-8);border-radius:0}.topSection h1{max-width:640px;color:var(--foreground);margin:0;font-size:32px;font-weight:600;line-height:40px}.topSection .eyebrow{margin:0 0 var(--space-2);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.sidebarRail{z-index:20;background:var(--background);width:92px;min-height:100vh;padding:var(--space-5) var(--space-2) var(--space-4);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 auto 0 0}.sidebarNav{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex}.brandMark{border-radius:var(--radius-md);width:44px;height:44px;transition:background-color var(--dur-normal) var(--ease), transform var(--dur-fast) var(--ease);place-items:center;display:grid}.brandMark:hover{background:var(--secondary)}.brandMark img{object-fit:contain;width:36px;height:36px}.navStack,.sidebarBottom{flex-direction:column;align-items:center;width:100%;display:flex}.navStack{gap:6px}.sidebarBottom{gap:var(--space-2)}.navItemWrap{justify-content:center;width:72px;min-height:58px;display:flex;position:relative}.sidebarItem{border-radius:var(--radius-md);width:64px;min-height:58px;color:var(--muted-foreground);transition:background-color var(--dur-normal) var(--ease), color var(--dur-normal) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px 7px;display:flex;position:relative}.sidebarItem:hover{background:color-mix(in srgb, var(--secondary) 55%, transparent);color:var(--foreground)}.sidebarItem[aria-current=page]{background:var(--accent);color:var(--foreground)}.sidebarItem[aria-current=page] .sidebarIcon{color:var(--primary)}.sidebarIcon{color:currentColor;place-items:center;display:grid}.sidebarLabel{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:58px;font-size:13px;font-weight:500;line-height:16px;overflow:hidden}.sidebarBadge{z-index:1;border-radius:var(--radius-xs);white-space:nowrap;justify-content:center;align-items:center;gap:3px;max-width:68px;height:21px;padding:2px 7px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex;position:absolute;top:-12px;left:3px;box-shadow:0 4px 10px #0000002e}.sidebarBadge:before{content:"";opacity:.85;background:currentColor;border-radius:2px;width:8px;height:8px}.sidebarBadge-amber{background:var(--primary);color:var(--primary-foreground)}.sidebarBadge-teal{background:var(--teal);color:#102120}.themeButton,.moreButton{border-radius:var(--radius-pill);width:40px;height:32px;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--dur-normal) var(--ease), color var(--dur-normal) var(--ease);background:0 0;place-items:center;display:grid}.themeButton:hover,.moreButton:hover,.moreButton.isOpen{background:var(--secondary);color:var(--foreground)}.pricingPill{border:1px solid color-mix(in srgb, var(--primary) 70%, transparent);border-radius:var(--radius-md);width:72px;min-height:78px;color:var(--foreground);text-align:center;background:color-mix(in srgb, var(--card) 60%, transparent);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;line-height:17px;display:flex}.pricingPill span{font-size:13px}.pricingPill strong{color:var(--primary);font-size:13px;font-weight:600}.signInButton{border:1px solid var(--border);border-radius:var(--radius-pill);min-width:72px;height:34px;color:var(--foreground);background:var(--background);transition:background-color var(--dur-normal) var(--ease), border-color var(--dur-normal) var(--ease);justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.signInButton:hover{background:var(--secondary)}.avatarButton{border:1px solid var(--border);background:var(--secondary);width:34px;height:34px;color:var(--foreground);cursor:pointer;transition:border-color var(--dur-normal) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:700;display:inline-grid;position:relative;overflow:hidden}.avatarButton:hover,.avatarButton.isOpen{border-color:color-mix(in srgb, var(--primary) 60%, var(--border))}.avatarImage{object-fit:cover;width:100%;height:100%}.avatarFallback{color:var(--foreground);text-transform:uppercase}.avatarMenuLayer{z-index:50;align-items:flex-end;gap:var(--space-2);display:flex;position:fixed;bottom:60px;left:92px}.avatarMenu{width:240px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--popover);box-shadow:var(--shadow-popover)}.light .avatarMenu{border:1px solid var(--border)}.avatarMenuIdentity{padding:10px var(--space-3) 12px;border-bottom:1px solid var(--border);margin-bottom:var(--space-2);gap:2px;display:grid}.avatarMenuName{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.avatarMenuEmail{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.avatarMenuCredits{color:var(--primary);align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:700;display:inline-flex}.avatarMenuTier{color:var(--muted-foreground);font-weight:500}.avatarMenuItem{width:100%;height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;transition:background-color var(--dur-normal) var(--ease);background:0 0;border:none;font-size:14px;font-weight:500;display:flex}.avatarMenuItem:hover{background:var(--accent)}.avatarMenuItem[aria-disabled=true]{color:var(--muted-foreground);cursor:not-allowed}.avatarMenuItem[aria-disabled=true]:hover{background:0 0}.overflowLayer{z-index:50;align-items:flex-end;gap:var(--space-2);display:flex;position:fixed;bottom:16px;left:92px}.overflowMenu,.languageFlyout{border-radius:var(--radius-md);background:var(--popover);width:230px;box-shadow:var(--shadow-popover);padding:var(--space-2)}.light .overflowMenu,.light .languageFlyout{border:1px solid var(--border)}.languageFlyout{width:172px}.overflowItem,.languageItem{width:100%;height:48px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--foreground);justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;transition:background-color var(--dur-normal) var(--ease), color var(--dur-normal) var(--ease);background:0 0;font-size:14px;font-weight:500;display:flex}.overflowItem:hover,.overflowItem.isNestedOpen,.languageItem:hover,.languageItem[aria-checked=true]{background:var(--accent)}.languageItem[aria-checked=true]{color:var(--primary)}@media (max-height:720px){.sidebarRail{padding-top:var(--space-3);padding-bottom:var(--space-3)}.sidebarNav{gap:var(--space-3)}.navStack{gap:2px}.pricingPill{min-height:68px}}@media (max-width:720px){.contentShell{padding:0 0 0 84px}.sidebarRail{width:84px}.overflowLayer{left:84px}}.react-flow__node.ib-remote-selected{box-shadow:0 0 0 2px var(--remote-color,#888), 0 0 0 6px color-mix(in srgb, var(--remote-color,#888) 18%, transparent);border-radius:12px}.react-flow__node.ib-remote-selected:after{content:"";background:var(--remote-color,#888);width:10px;height:10px;box-shadow:0 0 0 2px var(--card,#fff);pointer-events:none;border-radius:50%;position:absolute;top:-6px;right:-6px}
