.connector-source-flow{scroll-margin-top:110px;position:relative;isolation:isolate;padding-top:12px}.connector-source-wires{position:absolute;top:0;left:0;pointer-events:none;z-index:-1;overflow:visible}.connector-source-wires path{fill:none;stroke:var(--connector-flow-line);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke var(--connector-duration) var(--connector-ease)}.connector-source-wires .is-active .connector-source-line{stroke:var(--connector-flow-output);stroke-width:2}.connector-source-wires .connector-source-packet{stroke:var(--connector-navy);stroke-width:3;stroke-dasharray:4 96;opacity:0;animation:connector-source-transfer 4.8s linear infinite;animation-play-state:paused}.connector-source-flow[data-flow-visible] .connector-source-packet{animation-play-state:running}.connector-source-library{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding:12px 10px 0;align-items:start}.connector-source-item{min-width:0}.connector-source-card{width:100%;min-width:0;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;min-height:230px;padding:14px;background:var(--connector-paper);color:var(--connector-navy);border:1px solid var(--connector-rule);box-shadow:0 8px 20px -10px var(--connector-flow-shadow);text-decoration:none;transition:box-shadow var(--connector-duration) var(--connector-ease)}.connector-source-card[data-active]{box-shadow:0 10px 24px -10px var(--connector-flow-active-shadow);border-color:var(--connector-flow-output)}.connector-source-card[data-cover]{color:var(--connector-paper);background:var(--connector-navy)}.connector-source-card[data-cover]:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--connector-cover-top),transparent 32%,var(--connector-cover-bottom) 100%);pointer-events:none}.connector-source-art{position:absolute;inset:0;z-index:-2;overflow:clip;display:flex;align-items:center;justify-content:center}.connector-source-art img{position:absolute;inset:0;display:block;width:100%;height:100%}.connector-source-image--cover{object-fit:cover}.connector-source-brand,.connector-source-image--contain{object-fit:contain;padding:40px 18px 60px;background:var(--connector-paper)}.connector-source-fallback{display:block;padding:16px;font-size:20px;font-weight:600;text-align:center;line-height:1.15;overflow-wrap:anywhere}.connector-source-category{align-self:flex-start;display:block;font:9px/1.5 var(--connector-mono);text-transform:uppercase;letter-spacing:.04em;padding:4px 5px;border:1px solid var(--connector-rule);background:var(--connector-paper);color:var(--connector-navy)}.connector-source-card[data-cover] .connector-source-category{background:var(--connector-cover-badge);color:var(--connector-paper);border-color:var(--connector-dark-rule)}.connector-source-caption{display:flex;gap:6px;align-items:flex-end;margin-top:70px;font-size:16px;line-height:1.15;font-weight:600;letter-spacing:-.025em}.connector-source-caption>span{min-width:0;overflow-wrap:anywhere}.connector-source-caption svg{flex-shrink:0;margin-bottom:2px}.connector-source-item:last-child .connector-source-caption{font-size:12px;line-height:1.35}.connector-source-conversation{padding-top:156px}.connector-source-flow .connector-chat-app{position:relative}.connector-source-flow a:focus-visible{outline:2px solid var(--connector-focus);outline-offset:5px}@media(max-width:1199px){.connector-source-flow .connector-chat-guide{padding-right:64px}}@media(max-width:1023px){.connector-source-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.connector-source-card{min-height:0}.connector-source-conversation{padding-top:128px}}@media(max-width:767px){.connector-source-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-inline:6px}.connector-source-card{padding:10px;min-height:190px}.connector-source-caption{font-size:15px;margin-top:56px}.connector-source-category{font-size:8px}.connector-source-item:last-child .connector-source-caption{font-size:11px;margin-top:20px}.connector-source-conversation{padding-top:112px}}@keyframes connector-source-transfer{0%{stroke-dashoffset:100;opacity:0}8%,88%{opacity:.85}to{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){.connector-source-card,.connector-source-wires path{transition:none}.connector-source-wires .connector-source-packet{display:none;animation:none}}.connector-chat-demo{scroll-margin-top:96px}.connector-chat-heading{padding-top:36px;border-top:1px solid var(--connector-rule);max-width:680px;margin-bottom:28px}.connector-chat-heading p{font-size:16px;line-height:1.75;color:var(--connector-muted)}.connector-chat-heading .connector-chat-privacy{margin-top:16px;font-size:13px;color:var(--connector-navy)}.connector-chat-layout{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:28px}.connector-chat-guide{padding-top:4px;min-width:0}.connector-chat-stories{display:flex;flex-direction:column;gap:8px}.connector-chat-stories button{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid transparent;background:transparent;text-align:left;color:var(--connector-muted);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;min-height:48px}.connector-chat-stories button[aria-selected=true]{border-color:var(--connector-rule)}.connector-chat-stories button:hover,.connector-chat-stories button[aria-selected=true]{background:var(--connector-wash);color:var(--connector-navy)}.connector-chat-story-note{padding:28px 0 24px;margin-top:16px;border-top:1px solid var(--connector-rule)}.connector-chat-story-note h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;overflow-wrap:anywhere}.connector-chat-story-note p{font-size:14px;line-height:1.7;color:var(--connector-muted)}.connector-chat-copy button{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:600;color:var(--connector-navy);background:transparent;border:0;padding:8px 0;min-height:44px;white-space:nowrap;cursor:pointer}.connector-chat-copy button:hover{text-decoration:underline;text-underline-offset:4px}.connector-chat-copy>span{display:block;font-size:12px;line-height:1.6;color:var(--connector-muted)}.connector-chat-demo button:active{opacity:.75}.connector-chat-demo button:disabled{opacity:.5;cursor:not-allowed}.connector-chat-demo button:focus-visible,.connector-chat-thread:focus-visible{outline:2px solid var(--connector-focus);outline-offset:3px}.connector-chat-app{--chat-bg:var(--chat-cream);--chat-fg:var(--chat-ink);--chat-line:var(--chat-warm-rule);--chat-secondary:var(--chat-muted);--chat-surface:var(--chat-warm);--chat-card:var(--chat-white);--chat-user-bg:var(--chat-warm);--chat-user-fg:var(--chat-ink);--chat-send:var(--chat-clay);--chat-send-fg:var(--chat-white);border:1px solid var(--chat-line);border-radius:16px;background:var(--chat-bg);color:var(--chat-fg);box-shadow:0 12px 40px -16px var(--chat-shadow);font-family:var(--connector-font);min-width:0;overflow:clip}.connector-chat-chatgpt{--chat-bg:var(--chat-white);--chat-line:var(--chat-grey-rule);--chat-surface:var(--chat-grey);--chat-user-bg:var(--chat-black);--chat-user-fg:var(--chat-white);--chat-send:var(--chat-black)}.connector-chat-grok{--chat-bg:var(--chat-black);--chat-fg:var(--chat-grey);--chat-line:var(--chat-dark-rule);--chat-secondary:var(--chat-dark-muted);--chat-surface:var(--chat-dark-surface);--chat-card:var(--chat-dark-surface);--chat-user-bg:var(--chat-dark-surface);--chat-user-fg:var(--chat-grey);--chat-send:var(--chat-white);--chat-send-fg:var(--chat-black)}.connector-chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 12px;border-bottom:1px solid var(--chat-line)}.connector-chat-providers{display:flex;gap:2px;padding:3px;border-radius:9px;background:var(--chat-surface)}.connector-chat-providers button{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;white-space:nowrap;font-size:12px;font-weight:500;border:0;border-radius:7px;background:transparent;color:var(--chat-secondary);cursor:pointer}.connector-chat-providers button[aria-selected=true]{background:var(--chat-bg);color:var(--chat-fg);box-shadow:0 1px 3px var(--chat-shadow)}.connector-chat-providers button:hover{color:var(--chat-fg)}.connector-chat-providers img{object-fit:contain;flex-shrink:0}.connector-chat-grok .connector-chat-providers img:not([src*=claude]){filter:invert(1)}.connector-chat-example{font:10px/1 var(--connector-mono);color:var(--chat-secondary);white-space:nowrap}.connector-chat-thread{padding:0 24px;min-width:0;max-height:720px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--chat-line) var(--chat-bg)}.connector-chat-topic{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0 24px;font-size:11px;color:var(--chat-secondary)}.connector-chat-user{display:flex;justify-content:flex-end;margin-bottom:26px}.connector-chat-user p{max-width:88%;font-size:14px;line-height:1.55;padding:12px 16px;background:var(--chat-user-bg);color:var(--chat-user-fg);border-radius:18px;overflow-wrap:anywhere;margin:0}.connector-chat-claude .connector-chat-user p{border-radius:12px}.connector-chat-tool{gap:7px;color:var(--chat-secondary);line-height:1.5;margin-bottom:12px}.connector-chat-mark,.connector-chat-tool{display:flex;align-items:center;font-size:11px}.connector-chat-mark{justify-content:center;flex-shrink:0;width:18px;height:18px;border:1px solid var(--chat-line);border-radius:4px;font-weight:600;color:var(--chat-fg)}.connector-chat-prose{font-size:14px;line-height:1.75;margin:14px 0 18px;overflow-wrap:anywhere}.connector-chat-claude .connector-chat-prose{font-family:var(--chat-serif);font-size:16px;line-height:1.65}.connector-chat-artifact{overflow:clip;border:1px solid var(--chat-line);border-radius:12px;background:var(--connector-paper)}.connector-chat-artifact iframe{width:100%;height:545px;display:block;border:0;color-scheme:light}.connector-chat-actions{display:flex;gap:16px;color:var(--chat-secondary);padding:0 0 22px}.connector-chat-composer{margin:0 16px 16px;border:1px solid var(--chat-line);border-radius:16px;padding:12px 14px 10px;background:var(--chat-card);color:var(--chat-secondary);box-shadow:0 2px 4px var(--chat-shadow)}.connector-chat-input{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;padding-bottom:10px}.connector-chat-send{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:var(--chat-send);color:var(--chat-send-fg);border-radius:8px}.connector-chat-chatgpt .connector-chat-send,.connector-chat-grok .connector-chat-send{border-radius:50%}.connector-chat-input-tools{display:flex;gap:12px;align-items:center}.connector-chat-input-tools>span{display:flex;gap:4px;align-items:center;margin-left:auto;font-size:11px}.connector-chat-caption{font-size:11px;line-height:1.7;color:var(--connector-muted);margin-top:14px}.connector-chat-markdown{max-height:545px;overflow:auto;border-block:1px solid var(--chat-line);padding:18px 0;font-size:13px;line-height:1.75;overflow-wrap:anywhere;color:var(--chat-fg);scrollbar-color:var(--chat-secondary) var(--chat-bg)}.connector-chat-markdown h1{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.25;margin-bottom:14px}.connector-chat-markdown h2{font-size:19px;font-weight:600;margin:20px 0 12px;color:inherit;letter-spacing:-.025em}.connector-chat-markdown h3{font-size:15px;font-weight:600;margin:20px 0 10px}.connector-chat-markdown p{margin:10px 0;white-space:pre-line}.connector-chat-markdown ol,.connector-chat-markdown ul{padding-left:20px;list-style:revert}.connector-chat-markdown li{padding:3px 0}.connector-chat-markdown a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:1199px){.connector-chat-layout{grid-template-columns:minmax(0,1fr);gap:20px}.connector-chat-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.connector-chat-stories{grid-column:1/-1;flex-direction:row;gap:4px}.connector-chat-story-note{border:0;margin:0;padding:0;max-width:500px}.connector-chat-story-note h3{font-size:22px;margin-bottom:8px}.connector-chat-thread{padding-inline:32px}.connector-chat-example{display:inline}}@media(max-width:767px){.connector-chat-heading{margin-bottom:20px}.connector-chat-guide{display:block}.connector-chat-stories{margin-bottom:20px}.connector-chat-stories button{gap:7px;padding:10px;font-size:12px;flex:1;justify-content:center}.connector-chat-stories svg{width:15px}.connector-chat-story-note{margin-bottom:8px}.connector-chat-topbar{padding:8px;min-height:54px;gap:6px}.connector-chat-example{display:none}.connector-chat-providers{width:100%}.connector-chat-providers button{flex:1;justify-content:center;padding:6px;font-size:12px;min-height:40px}.connector-chat-thread{padding-inline:12px}.connector-chat-topic{font-size:10px;padding-block:18px}.connector-chat-user{margin-bottom:20px}.connector-chat-user p{max-width:94%;font-size:13px;padding:10px 12px}.connector-chat-prose{font-size:13px}.connector-chat-claude .connector-chat-prose{font-size:15px}.connector-chat-artifact iframe{height:575px}.connector-chat-composer{margin-inline:12px}.connector-chat-caption{font-size:10px}.connector-chat-stories button:focus-visible{outline-offset:0}}@media(prefers-reduced-motion:no-preference){.connector-chat-turn{animation:connector-chat-appear .18s var(--connector-ease)}@keyframes connector-chat-appear{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.connector-chat-stories button{position:relative;overflow:clip}.connector-story-progress{position:absolute;inset:auto 0 0;height:2px;background:var(--connector-navy);transform-origin:left;pointer-events:none}.connector-demo-controls{display:flex;align-items:center;gap:6px;margin:0 0 8px}.connector-demo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--connector-rule);color:var(--connector-navy);background:var(--connector-paper);min-width:36px;min-height:36px;padding:7px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.connector-demo-controls button:hover{background:var(--connector-wash)}.connector-demo-timer{color:var(--connector-muted);font:10px/1.6 var(--connector-mono);margin:0 0 12px}.connector-chat-playing{height:680px;max-height:680px;overscroll-behavior:auto}.connector-chat-playing .connector-chat-topic span{display:flex;align-items:center;gap:6px}.connector-chat-waiting{display:flex;min-height:410px;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--chat-secondary)}.connector-chat-waiting p{font-size:21px;letter-spacing:-.025em}.connector-chat-claude .connector-chat-waiting p{font-family:var(--chat-serif)}.connector-chat-grok .connector-chat-waiting img{filter:invert(1)}.connector-tool-trace{border-left:1px solid var(--chat-line);padding-left:10px;margin-bottom:18px;min-height:22px}.connector-tool-trace .connector-chat-tool{margin-bottom:7px;font-size:10px}.connector-tool-trace .connector-chat-tool:last-child{margin-bottom:0}.connector-chat-input>span:first-child{min-height:22px;max-height:100px;overflow:auto;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.connector-typing-caret{display:inline-block;width:1px;height:14px;margin-left:2px;background:var(--chat-fg);vertical-align:middle}.connector-chat-artifact iframe{min-height:160px;height:auto}.connector-chat-markdown{max-height:none;overflow:visible}.connector-chat-markdown table{width:100%;border-collapse:collapse;margin:16px 0;font-size:12px}.connector-chat-markdown td,.connector-chat-markdown th{padding:8px 6px;border-bottom:1px solid var(--chat-line);text-align:left}.connector-chat-markdown td:last-child,.connector-chat-markdown th:last-child{text-align:right}@media(max-width:1199px){.connector-chat-guide>.connector-chat-copy,.connector-demo-controls,.connector-demo-timer{grid-column:2;justify-self:end}.connector-chat-story-note{grid-row:2/5}.connector-chat-guide{gap:8px 20px}}@media(max-width:767px){.connector-chat-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.connector-chat-stories button{justify-content:flex-start;padding:12px;font-size:13px}.connector-chat-story-note{margin-bottom:20px}.connector-demo-controls{margin-top:12px}.connector-chat-playing{height:640px;max-height:640px}.connector-chat-waiting{min-height:380px}.connector-chat-artifact iframe{height:auto}}@media(prefers-reduced-motion:no-preference){.connector-story-progress{transition:transform .1s linear}.connector-thinking{animation:connector-think 1s linear infinite}.connector-typing-caret{animation:connector-think .8s steps(2) infinite}@keyframes connector-think{50%{opacity:.3}}}@media(max-width:767px){.connector-chat-guide>.connector-chat-copy,.connector-demo-controls,.connector-demo-timer{justify-self:start;text-align:left}}