.agent-page{color:#172b66;height:100%;font-family:var(--font-sans), sans-serif;font-size:var(--text-title);background:#fafbff;line-height:1.65;overflow:auto}.agent-nav{background:#fff;border-bottom:1px solid #dce3f7;justify-content:space-between;align-items:center;gap:24px;padding:24px 5vw;display:flex}.agent-brand{font-family:var(--font-sketch), cursive;color:#214be0;font-size:32px;text-decoration:none}.agent-nav-links{font-size:var(--text-row);align-items:center;gap:24px;display:flex}.agent-content{max-width:1120px;margin:auto;padding:64px 32px 100px}.agent-page h1{font-family:var(--font-sketch), cursive;letter-spacing:-1px;margin:0 0 24px;font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1.05}.agent-page h2{margin:36px 0 16px;font-size:24px;font-weight:600;line-height:1.3}.agent-page h3{margin:20px 0 12px;font-size:18px;font-weight:600}.agent-page p{max-width:70ch;margin:12px 0;line-height:1.65}.agent-page a{text-underline-offset:4px}.agent-page a:not(.agent-brand):hover{text-decoration:underline}.agent-lead{color:#536184;font-size:19px}.agent-button{color:#fff;border-radius:var(--radius-chrome-sm);font-size:var(--text-row);cursor:pointer;background:#214be0;border:1px solid #214be0;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:500;text-decoration:none;display:inline-flex}.agent-button.secondary{color:#214be0;background:#fff;border-color:#c8d3f5}.agent-button:disabled{opacity:.5;cursor:wait}.agent-page :focus-visible,.agent-sync :focus-visible{outline-offset:3px;outline:3px solid #7d9cff}.agent-page input,.agent-page textarea{color:#172b66;border-radius:var(--radius-chrome-sm);width:100%;font:inherit;background:#fff;border:1px solid #c5cfe9;margin:8px 0 14px;padding:12px}.agent-page textarea{resize:vertical;min-height:100px}.agent-page label{font-size:var(--text-row);font-weight:500}.agent-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;margin-top:48px;display:grid}.agent-panel{border-radius:var(--radius-chrome-lg);background:#fff;border:1px solid #dce3f7;padding:28px}.agent-code{white-space:pre-wrap;overflow-wrap:anywhere;color:#233b80;border-radius:var(--radius-chrome-md);font-family:var(--font-mono);font-size:var(--text-label);background:#edf1fd;margin:16px 0;padding:20px;line-height:1.7;overflow:auto}.agent-error{color:#a22929;border-radius:var(--radius-chrome-sm);background:#fff0ef;padding:12px 16px}.agent-muted{color:#64708c;font-size:var(--text-row)}.agent-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.agent-list{margin:24px 0;padding:0;list-style:none}.agent-list li{border-bottom:1px solid #dce3f7;padding:18px 0}.agent-list a{justify-content:space-between;gap:16px;display:flex}.agent-sync{align-items:center;gap:4px;display:flex}.canvas-action{min-height:var(--spacing-ctl);border-radius:var(--radius-chrome-sm);font-family:var(--font-sans), sans-serif;font-size:var(--text-label);line-height:var(--text-label--line-height);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:500;display:inline-flex}.canvas-action:hover{background:var(--accent)}.canvas-action:focus-visible,.agent-copy-button:focus-visible{outline:2px solid var(--sq-ink);outline-offset:2px}.docs-layout{grid-template-columns:210px minmax(0,1fr);gap:64px;display:grid}.docs-sidebar{font-size:var(--text-row);flex-direction:column;gap:16px;display:flex}.docs-article{max-width:760px}.docs-article h1{font-size:52px}.docs-article ul,.docs-article ol{margin:16px 0;padding-left:24px}.docs-article li{margin:8px 0;line-height:1.65}@media (max-width:800px){.agent-content{padding:36px 20px 64px}.agent-split,.docs-layout{grid-template-columns:1fr;gap:28px}.docs-sidebar{flex-flow:wrap;gap:12px 20px}.agent-nav{padding:16px 20px}.agent-nav-links{gap:14px}.agent-sync{width:max-content;top:auto;bottom:64px}}.agent-connect-panel{width:min(360px,100vw - 32px);max-height:var(--available-height);background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-chrome-md);text-align:left;font-family:var(--font-sans), sans-serif;font-size:var(--text-label);line-height:var(--text-label--line-height);transform-origin:var(--transform-origin);padding:20px;transition:opacity .12s,transform .12s;overflow-y:auto;box-shadow:0 8px 30px #0002}.agent-connect-panel[data-starting-style],.agent-connect-panel[data-ending-style]{opacity:0;transform:translateY(-4px)}.agent-connect-panel p{color:var(--muted-foreground);margin:8px 0}.agent-connect-panel a{text-decoration:underline}.agent-copy-field{margin-top:16px;position:relative}.agent-copy-field label{display:block}.agent-copy-field label>span{font-size:var(--text-label);margin-bottom:6px;font-weight:500;display:block}.agent-copy-field input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-chrome-sm);background:var(--background);width:100%;font-family:var(--font-mono);font-size:var(--text-label);line-height:var(--text-label--line-height);padding:9px 40px 9px 10px;display:block}.agent-copy-button{cursor:pointer;border-radius:4px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:5px;right:5px}.agent-copy-button:hover{background:var(--accent)}.copy-check{color:var(--sq-ink);animation:.16s ease-out copy-check-in}@keyframes copy-check-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.copy-check{animation:none}.agent-connect-panel{transition:none}}.agent-invite{margin-top:14px}.agent-invite textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-chrome-sm);background:var(--background);width:100%;height:160px;color:inherit;font-family:var(--font-mono);font-size:var(--text-micro);line-height:var(--text-label--line-height);resize:none;white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 10px;display:block;overflow:auto}.agent-invite-copy{border:1px solid var(--sq-ink);border-radius:var(--radius-chrome-sm);background:var(--sq-ink);width:100%;color:var(--background);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.agent-invite-copy:hover{filter:brightness(1.1)}.agent-invite-copy:focus-visible{outline:2px solid var(--sq-ink);outline-offset:2px}.agent-invite-copy .copy-check{color:inherit}.agent-invite-more{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.agent-invite-more summary{cursor:pointer;color:var(--muted-foreground);font-size:var(--text-label)}.agent-invite-more summary:hover{color:inherit}.agent-invite-more .agent-copy-field{margin-top:10px}.agent-invite-more a{font-size:var(--text-label);margin-top:8px;display:inline-block}