:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f1f1f;--template-bg:#fff;--template-page:#fff;--template-text:#1f1f1f;--template-muted:#787774;--template-subtle:#f7f6f3;--template-border:#e9e9e7;--template-hover:#f1f1ef;--template-active:#eeeeec;--template-focus:#2383e2;--template-danger:#d44c47;--template-success:#448361;--template-warning:#cb912f;--template-source:#0f766e;--template-capability:#2563eb;--template-agent:#7c3aed;--template-approval:#b45309;--template-output:#15803d;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--template-bg);color:var(--template-text);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--template-focus);outline-offset:2px}.template-skip-link{z-index:100;background:var(--template-text);color:var(--template-bg);border-radius:6px;padding:8px 10px;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-140%)}.template-skip-link:focus{transform:translateY(0)}.template-live-region{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.template-network-banner{z-index:80;border-bottom:1px solid var(--template-border);color:#5f3b00;background:#fff8db;padding:8px 16px;font-size:13px;position:sticky;top:0}.template-empty-state{border:1px solid var(--template-border);background:var(--template-subtle);border-radius:8px;padding:18px}.template-empty-state h2{margin:0 0 8px;font-size:18px}.template-empty-state p{color:var(--template-muted);margin:0}.template-toast-region{z-index:90;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.template-toast{border:1px solid var(--template-border);background:var(--template-text);max-width:min(360px,100vw - 36px);color:var(--template-bg);border-radius:8px;padding:10px 12px;font-size:13px;box-shadow:0 12px 36px #0f0f0f1f}.template-route-state{background:var(--template-page);min-height:100vh;color:var(--template-muted);text-align:center;place-items:center;padding:24px;display:grid}.template-route-state h1{color:var(--template-text);margin:0 0 8px;font-size:28px}.template-route-state p{margin:0}.template-route-state.error{color:var(--template-danger)}.template-workspace-shell{background:var(--template-bg);min-height:100vh}.template-sidebar{border-right:1px solid var(--template-border);background:var(--template-subtle)}.template-sidebar-header,.template-sidebar-footer{padding:10px}.template-workspace-switcher{width:100%;color:var(--template-text);text-align:left;cursor:default;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:6px;display:flex}.template-workspace-switcher:hover{background:var(--template-hover)}.template-workspace-mark,.template-sidebar-icon{width:22px;height:22px;color:var(--template-muted);background:#fff;border-radius:5px;flex:0 0 22px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.template-workspace-name,.template-sidebar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-workspace-name{font-size:14px;font-weight:600;display:block}.template-workspace-subtitle{color:var(--template-muted);font-size:12px;display:block}.template-sidebar-content{padding:2px 8px 12px}.template-sidebar-group{margin:10px 0 14px}.template-sidebar-group-label{color:var(--template-muted);text-transform:uppercase;margin:0 0 4px;padding:0 8px;font-size:11px;font-weight:600}.template-sidebar-menuitem{overflow:hidden}.template-sidebar-menuitem>[data-slot=menu-item-icon]:empty,.template-sidebar-menuitem>[data-slot=menu-item-body]:empty{display:none}.template-sidebar-row{width:100%;height:100%;min-height:0;color:var(--template-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0;text-decoration:none;display:flex}.template-sidebar-row:hover{background:var(--template-hover)}.template-sidebar-row[aria-current=page],.template-sidebar-row.is-active{background:var(--template-active);font-weight:500}.template-sidebar-hint{color:var(--template-muted);margin-left:auto;font-size:11px}.template-sidebar-footer .template-sidebar-row{color:var(--template-muted)}.template-shell-topbar{z-index:20;border-bottom:1px solid var(--template-border);background:color-mix(in srgb, var(--template-bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;display:flex;position:sticky;top:0}.template-topbar-title{min-width:0;color:var(--template-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.template-shell-main{background:var(--template-page);min-height:100vh}.notion-page{width:min(100%,820px);margin:0 auto;padding:72px 24px 96px}.notion-eyebrow{color:var(--template-muted);margin:0 0 10px;font-size:13px;font-weight:600}.notion-page h1{color:var(--template-text);letter-spacing:0;margin:0;font-size:40px;line-height:1.12}.notion-intro{color:#37352f;margin:18px 0 34px;font-size:18px;line-height:1.58}.notion-section{margin-top:36px}.notion-section h2{color:var(--template-text);letter-spacing:0;margin:0 0 12px;font-size:23px;line-height:1.25}.notion-section p,.notion-section li{color:#37352f;font-size:16px}.notion-section p{margin:10px 0}.notion-section ul{margin:10px 0 0;padding-left:24px}.notion-section code{color:#eb5757;background:#f1f1ef;border-radius:4px;padding:0 4px;font-size:.9em}.workflow-canvas{border:1px solid var(--template-border);border-radius:8px;width:100%;height:320px;overflow:hidden}.workflow-node.source{border-color:var(--template-source)}.workflow-node.capability{border-color:var(--template-capability)}.workflow-node.agent{border-color:var(--template-agent)}.workflow-node.approval{border-color:var(--template-approval)}.workflow-node.output{border-color:var(--template-output)}@media (width<=760px){.notion-page{padding:46px 20px 72px}.notion-page h1{font-size:32px}.notion-intro{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.workflow-canvas .react-flow__edge.animated path{animation:none!important}}
