/* AI connections share the research desk's visual language. */
.ai-shell{width:min(1240px,100%);margin:auto;padding:0 32px}
.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding:54px 0 42px}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;color:var(--p-accent);margin-bottom:15px!important}
.intro h1{font-size:36px;letter-spacing:-1.5px;font-weight:650;line-height:1.35}
.intro-copy{font-size:16px;line-height:1.85;color:var(--p-muted);margin-top:16px!important;word-break:keep-all}
.flow{display:flex;flex-wrap:wrap;gap:14px 22px;align-self:end;padding:4px 0}
.flow>span{flex:1;border-top:1px solid var(--p-line);padding-top:13px;color:var(--p-muted);font-size:13px;white-space:nowrap}
.flow b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--p-accent-soft);color:var(--p-accent);font:11px var(--p-mono);margin-right:7px}
.flow p{flex-basis:100%;font-size:12px;color:var(--p-muted);line-height:1.7}
.flow p.ready{color:var(--p-accent)}
.desktop-section{margin:0 0 32px;padding:30px;background:var(--p-surface);border-radius:var(--p-radius);box-shadow:var(--md-elev-2);scroll-margin-top:90px}
.desktop-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--p-line)}
.desktop-heading .eyebrow{font-size:11px;margin-bottom:9px!important}
.desktop-heading h2{font-size:24px;font-weight:650}
.desktop-heading p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--p-muted);margin-top:10px;word-break:keep-all}
.desktop-presence{display:flex;gap:7px;align-items:center;white-space:nowrap;padding:6px 9px;border:1px solid var(--md-outline);border-radius:var(--md-shape-s);font-size:11px;font-weight:500;color:var(--p-muted)}
.desktop-presence .p-icon{width:15px;height:15px}
.desktop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;padding-top:27px}
.desktop-setup{min-width:0}
.desktop-setup label:first-child{margin-top:0}
.desktop-setup>form>.primary{width:100%;margin-top:24px;min-height:45px}
.desktop-setup>form>.hint:last-child{font-size:11px;line-height:1.85;margin-top:13px!important}
.desktop-saved{min-width:0;border-left:1px solid var(--p-line);padding-left:34px}
.desktop-devices-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.desktop-devices-heading h3{font-size:16px;font-weight:650}
.ai-shell .desktop-devices-heading button{min-width:32px;min-height:32px;padding:6px;border-color:transparent;background:transparent;color:var(--p-muted)}
.desktop-devices-heading button .p-icon{width:16px;height:16px}
.desktop-empty{padding:24px;background:var(--p-bg);border-radius:var(--md-shape-m)}
.desktop-empty>span{display:block;font:11px var(--p-mono);color:var(--p-accent);letter-spacing:.09em;margin-bottom:15px}
.desktop-empty h4{margin:0 0 10px;font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.5}
.desktop-empty p{font-size:12px;line-height:1.85;color:var(--p-muted);word-break:keep-all}
.desktop-resume{display:flex;gap:12px;margin-top:20px;padding:17px 18px;border:1px solid var(--md-outline);border-radius:var(--md-shape-m)}
.desktop-resume>.p-icon{width:18px;height:18px;margin-top:1px;color:var(--p-accent)}
.desktop-resume>div{min-width:0}
.desktop-resume strong{display:block;font-size:11px;font-weight:600;margin-bottom:8px}
.desktop-resume code{display:block;font:11px/1.8 var(--p-mono);overflow-wrap:anywhere;color:var(--p-accent);user-select:all}
.desktop-resume p,.desktop-auth-note{font-size:11px;line-height:1.8;color:var(--p-muted);word-break:keep-all;margin-top:9px}
.desktop-auth-note{margin:16px 2px 0}
.desktop-cli-help{margin-top:16px;border-top:1px solid var(--p-line)}
.desktop-cli-help summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:14px 0 4px;font-size:11px;color:var(--p-muted);cursor:pointer}
.desktop-cli-help summary::-webkit-details-marker{display:none}
.desktop-cli-help summary .p-icon{width:14px;height:14px;transition:transform .18s}
.desktop-cli-help[open] summary .p-icon{transform:rotate(180deg)}
.desktop-cli-help p{font-size:11px;line-height:1.85;color:var(--p-muted);margin-top:12px;word-break:keep-all}
.desktop-cli-help code{font:11px/1.8 var(--p-mono);color:var(--p-accent);overflow-wrap:anywhere}
.desktop-cli-help strong{font-weight:600;color:var(--p-text)}
.desktop-device{padding:18px 0;border-bottom:1px solid var(--p-line)}
.desktop-device:first-child{padding-top:0}
.desktop-device-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.desktop-device h4{margin:0;font-size:16px;line-height:1.5;font-weight:650;overflow-wrap:anywhere;letter-spacing:-.025em}
.desktop-device-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;font-weight:500;color:var(--p-muted)}
.desktop-device-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.desktop-device-status.online{color:var(--p-accent)}
.desktop-device-engine{font-size:11px;color:var(--p-accent);margin-top:5px}
.desktop-device-seen{font-size:11px;color:var(--p-muted);margin-top:8px}
.desktop-device-offline{font-size:11px;line-height:1.75;color:var(--p-muted);margin-top:8px;word-break:keep-all}
.ai-shell .desktop-device-remove{min-height:32px;border:0;background:transparent;color:var(--p-muted);font-size:11px;font-weight:400;text-decoration:underline;text-underline-offset:4px;padding:8px 0 0}
.ai-shell .desktop-device-remove:hover{color:var(--p-red)}
.desktop-revoke-confirm{margin-top:12px;padding:13px;background:var(--p-bg);border-radius:var(--md-shape-s)}
.desktop-revoke-confirm p{font-size:11px;line-height:1.8;color:var(--p-muted);word-break:keep-all}
.desktop-revoke-confirm>div{display:flex;gap:8px;margin-top:12px}
.ai-shell .desktop-revoke-confirm button{min-height:34px;font-size:11px;padding:8px 11px}
.desktop-revoke-confirm button:first-child{color:var(--p-red);border-color:var(--p-red)}
.desktop-notice{padding:13px 15px;margin-bottom:20px;border-radius:var(--md-shape-s);background:var(--p-accent-soft);color:var(--p-accent);font-size:12px;line-height:1.8;word-break:keep-all}
.desktop-notice.error{color:var(--p-red);background:var(--p-bg);box-shadow:inset 3px 0 var(--p-red)}
.pairing-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.pairing-heading h3{font-size:16px;font-weight:650;line-height:1.5}
#desktop-expiry{font:11px/1.5 var(--p-mono);white-space:nowrap;color:var(--p-muted)}
.pairing-steps{display:grid;gap:22px;list-style:none;margin:24px 0;padding:0}
.pairing-steps>li{display:flex;align-items:flex-start;gap:13px}
.pairing-steps>li>div{min-width:0;flex:1}
.pairing-step-number{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--md-shape-s);background:var(--p-accent-soft);color:var(--p-accent);font:11px/1 var(--p-mono)}
.pairing-steps strong{display:block;font-size:12px;font-weight:600;line-height:1.7}
.pairing-steps p{font-size:11px;line-height:1.85;color:var(--p-muted);margin-top:8px;word-break:keep-all}
.desktop-download{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;padding:9px 13px;margin-top:12px;border:1px solid var(--md-outline);border-radius:var(--md-shape-s);font-size:11px;font-weight:600;color:var(--p-accent)!important;background:var(--p-bg);text-decoration:none;transition:background .18s,border-color .18s}
.desktop-download:hover{background:var(--p-accent-soft);border-color:var(--p-accent)}
.desktop-download .p-icon{width:15px;height:15px}
.desktop-command{display:flex;flex-direction:column;align-items:stretch;margin-top:12px;border:1px solid var(--md-outline);border-radius:var(--md-shape-s);background:var(--p-bg);padding:13px}
.desktop-command code{font:11px/1.9 var(--p-mono);color:var(--p-text);white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.ai-shell .desktop-command button{align-self:flex-end;gap:5px;margin-top:11px;min-height:30px;font-size:11px;padding:5px 9px;background:var(--p-surface)}
.desktop-command button .p-icon{width:14px;height:14px}
.desktop-pair-state{font-size:11px;line-height:1.8;color:var(--p-accent);padding:12px 14px;border-radius:var(--md-shape-s);background:var(--p-accent-soft);word-break:keep-all}
.ai-shell .desktop-text-button{min-height:36px;margin-top:8px;padding:8px 0;border:0;background:none;font-size:11px;font-weight:400;color:var(--p-muted);text-decoration:underline;text-underline-offset:4px}
.manual-connections{min-width:0;background:var(--p-surface);border-radius:var(--p-radius);box-shadow:var(--md-elev-2)}
.manual-connections>summary{display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;list-style:none;padding:23px 26px}
.manual-connections>summary::-webkit-details-marker{display:none}
.manual-connections>summary strong{display:block;font-size:16px;font-weight:650;line-height:1.5}
.manual-connections>summary>div>span{display:block;font-size:11px;color:var(--p-muted);margin-top:6px}
.manual-connections>summary>.p-icon,.manual-connections>summary>span>.p-icon{width:17px;height:17px;color:var(--p-muted);transition:transform .18s}
.manual-connections[open]>summary .p-icon{transform:rotate(180deg)}
.manual-connections .editor{border-radius:0 0 var(--p-radius) var(--p-radius);box-shadow:none;padding-top:6px}
.desktop-connection-badge{font-size:11px;white-space:nowrap;color:var(--p-muted);padding:3px 7px;border-radius:var(--md-shape-xs);background:var(--p-bg)}
.desktop-card-link{font-size:12px;color:var(--p-accent)!important;font-weight:600;text-decoration:none;display:inline-flex;gap:15px;align-items:center;padding:4px 0}
.desktop-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.connection-overview{display:flex;gap:17px;align-items:center;padding:21px 24px;margin-bottom:28px;border-radius:var(--md-shape-m);background:var(--md-card-bg);border:var(--md-card-border)}
.overview-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:var(--md-shape-m);background:var(--p-surface-2);color:var(--p-muted)}
.connection-overview h2{font-size:16px;font-weight:650;letter-spacing:-.025em}
.connection-overview p{font-size:12px;color:var(--p-muted);line-height:1.8;margin-top:6px;max-width:84ch;word-break:keep-all}
.connection-overview>a{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:11px;font-weight:600;white-space:nowrap;color:var(--p-accent);text-decoration:none}
.connection-overview>a .p-icon{width:16px;height:16px}
.connection-overview.ready .overview-icon{background:var(--p-accent-soft);color:var(--p-accent)}
.connection-methods{margin:0 0 23px;padding:0;border:0;min-width:0}
.connection-methods legend{padding:0;font-size:12px;font-weight:600;margin-bottom:10px}
.connection-methods>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ai-shell .connection-methods button{display:grid;grid-template-columns:19px 1fr;gap:4px 8px;align-content:start;text-align:left;padding:13px 12px;min-width:0;background:var(--p-bg);border:1px solid var(--md-outline)}
.ai-shell .connection-methods button[aria-pressed=true]{background:var(--p-accent-soft);border-color:var(--p-accent);color:var(--p-accent)}
.connection-methods .p-icon{width:18px;height:18px}
.connection-methods strong{font-size:12px;font-weight:650;align-self:center}
.connection-methods small{grid-column:2;font-size:11px;line-height:1.6;font-weight:400;word-break:keep-all;color:var(--p-muted)}
.gateway-guide{margin-top:14px;border:1px solid var(--md-outline);border-radius:var(--md-shape-s);background:var(--p-bg);padding:0 13px}
.gateway-guide summary{display:flex;justify-content:space-between;gap:9px;align-items:center;list-style:none;cursor:pointer;padding:12px 0;font-size:12px;font-weight:600;color:var(--p-accent)}
.gateway-guide summary::-webkit-details-marker{display:none}
.gateway-guide summary .p-icon{width:15px;height:15px;transition:transform .18s}
.gateway-guide[open] summary .p-icon{transform:rotate(180deg)}
.gateway-guide ol{padding-left:19px;margin:1px 0 14px;font-size:12px;color:var(--p-accent)}
.gateway-guide li{padding-left:3px;margin-bottom:15px}
.gateway-guide li:last-child{margin-bottom:0}
.gateway-guide strong{font-size:12px;font-weight:600;color:var(--p-text)}
.gateway-guide p{font-size:12px;line-height:1.85;color:var(--p-muted);margin-top:5px;word-break:keep-all}
.gateway-guide code{font:11px/1.8 var(--p-mono);overflow-wrap:anywhere;word-break:break-word;color:var(--p-text)}
.gateway-sources{display:flex;gap:15px;padding:12px 0;border-top:1px solid var(--p-line)}
.gateway-sources a{font-size:11px;color:var(--p-accent);text-decoration:none}
.empty-browse{display:inline-block;font-size:12px;font-weight:600;margin-top:19px;color:var(--p-accent)!important;text-decoration:none}
.empty-browse span{margin-left:10px}
.connection-explainer{margin:0}
.connection-explainer>div+div{margin-top:16px}
.connection-explainer dt{font-size:12px;font-weight:600;margin-bottom:4px;color:var(--p-text)}
.connection-explainer dd{margin:0;color:var(--p-muted);font-size:12px;line-height:1.85;word-break:keep-all;max-width:47ch}
.workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:28px;align-items:start}
.editor{background:var(--p-surface);border-radius:var(--p-radius);padding:30px;box-shadow:var(--md-elev-2)}
.saved-area{padding:12px 6px 0 10px}
.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}
.section-heading h2{font-size:20px;font-weight:650}
.index{display:inline-grid;place-items:center;min-width:27px;height:27px;border:1px solid var(--md-outline);border-radius:var(--md-shape-s);font:11px var(--p-mono);color:var(--p-muted)}
.count{margin-left:auto;font:11px var(--p-mono);color:var(--p-muted);padding:4px 9px;border-radius:var(--md-shape-xs);background:var(--p-surface-2)}
.ai-shell label{display:block;font-size:13px;font-weight:600;margin:21px 0 8px;line-height:1.5;color:var(--p-text)}
.ai-shell input,.ai-shell select{width:100%;min-width:0;min-height:46px;padding:11px 13px;background:var(--p-bg);border:1px solid var(--md-outline);border-radius:var(--md-shape-s);color:var(--p-text);font:14px/1.45 var(--p-font);transition:border-color .18s,background .18s;scroll-margin-top:135px}
.ai-shell input::placeholder{color:var(--p-muted);opacity:.85}
.ai-shell select{cursor:pointer;padding-right:28px}
.ai-shell input:hover,.ai-shell select:hover{border-color:var(--p-muted)}
.ai-shell input:focus,.ai-shell select:focus{background:var(--p-surface);border-color:var(--p-accent)}
.hint{font-size:12px;color:var(--p-muted);line-height:1.7;margin-top:8px!important;max-width:60ch;word-break:keep-all}
.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.ai-shell button{display:inline-flex;justify-content:center;align-items:center;gap:7px;font:600 13px/1.4 var(--p-font);min-height:42px;padding:10px 15px;background:var(--md-card-bg);border-radius:var(--md-shape-s);color:var(--p-text);cursor:pointer;transition:background .18s,border-color .18s,transform .18s;border:var(--md-card-border)}
.ai-shell button.primary{background:var(--p-accent);color:var(--p-inverse);border-color:var(--p-accent);padding-inline:22px}
.ai-shell button:hover{border-color:var(--p-accent);background:var(--p-surface-2)}
.ai-shell button.primary:hover{background:var(--p-accent);filter:brightness(1.07)}
.ai-shell button:active{transform:translateY(1px)}
.ai-shell button:disabled,.ai-shell select:disabled{opacity:.5;cursor:not-allowed}
.editor .form-actions>.primary{flex:1}
.empty-connection{padding:36px 30px 34px;border-radius:var(--p-radius);background:var(--p-surface-2);min-height:224px}
.empty-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:var(--md-shape-m);color:var(--p-accent);background:var(--md-card-bg);margin-bottom:21px;font-size:27px;font-weight:300;border:var(--md-card-border)}
.empty-connection h3{font-size:18px;font-weight:600;margin-bottom:12px}
.empty-connection p{font-size:14px;color:var(--p-muted);line-height:1.8;max-width:40ch;word-break:keep-all}
.connection{background:var(--p-surface);border-radius:var(--md-shape-m);padding:22px 24px;margin-bottom:14px;box-shadow:var(--md-elev-2)}
.connection-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.connection h3{font-size:16px;font-weight:650;overflow-wrap:anywhere;word-break:normal}
.connection .provider{font-size:12px;color:var(--p-accent);margin-top:5px}
.connection .model{font:11px/1.75 var(--p-mono);color:var(--p-muted);overflow-wrap:anywhere;margin-top:17px;padding-bottom:17px;border-bottom:1px solid var(--p-line)}
.connection .status{font-size:11px;line-height:1.7;color:var(--p-muted);white-space:nowrap}
.connection .status.checked{color:var(--p-accent)}
.connection .status.checked::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:2px}
.connection .row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.connection button{font-size:12px;min-height:36px;padding:7px 11px;font-weight:500}
.connection .remove{margin-left:auto;border-color:transparent;background:none;color:var(--p-muted)}
.connection .remove:hover,.connection .remove[data-confirming=true]{color:var(--p-red);border-color:var(--p-red)}
.small-note{font-size:12px;line-height:1.8;color:var(--p-muted);margin:19px 4px 28px!important;word-break:keep-all}
.guide{display:flex;gap:20px;padding:24px 4px;border-top:1px solid var(--p-line)}
.guide-mark{font:500 38px/1 var(--p-display);color:var(--p-accent)}
.guide h3{font-size:16px;font-weight:600;margin-bottom:10px}
.guide p{font-size:13px;line-height:1.85;color:var(--p-muted);max-width:46ch;word-break:keep-all}
.guide a,.next-link{display:inline-flex;align-items:center;gap:12px;color:var(--p-accent);font-size:12px;text-decoration:none;font-weight:600;margin-top:14px}
.guide a:hover,.next-link:hover{text-decoration:underline;text-underline-offset:4px}
.role-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:48px;padding:36px 0 42px;margin-top:36px;border-top:1px solid var(--p-line);align-items:start}
.role-intro{padding:4px 0}
.role-intro>p{color:var(--p-muted);font-size:14px;line-height:1.85;word-break:keep-all;max-width:40ch}
.role-intro>.hint{font-size:12px;margin-top:18px!important}
#roles-form{background:var(--p-surface);padding:28px;border-radius:var(--p-radius);box-shadow:var(--md-elev-2)}
.default-role{border-bottom:1px solid var(--p-line);padding-bottom:22px}
.default-role label{margin-top:0}
.default-role select{background:var(--p-accent-soft);border-color:transparent}
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.role-details summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 0 0;font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.role-details summary::-webkit-details-marker{display:none}
.role-details summary>span{display:flex;align-items:center;gap:8px;color:var(--p-muted);font-size:11px;font-weight:400}
.role-details summary .p-icon{width:16px;height:16px;transition:transform .18s}
.role-details[open] summary .p-icon{transform:rotate(180deg)}
.role-grid label,.role-grid select{font-size:12px}
.next-link{margin:0 0 0 auto}
.ai-footer{display:flex;align-items:center;gap:24px;padding:25px 0 35px;border-top:1px solid var(--p-line)}
.wordmark{font:500 31px/1 var(--p-display);letter-spacing:-1px;text-decoration:none}
.ai-footer p{font-size:11px;color:var(--p-muted);line-height:1.75;word-break:keep-all}
.ai-footer>a:last-child{font-size:11px;text-decoration:none;white-space:nowrap;margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--p-muted)}
.ai-footer .p-icon{width:16px;height:16px}
.notice{position:sticky;top:84px;z-index:10;padding:15px 18px;margin-bottom:22px;border-radius:var(--md-shape-m);background:var(--p-accent-soft);color:var(--p-accent);font-size:13px;line-height:1.7;box-shadow:inset 3px 0 var(--p-accent);word-break:keep-all}
.notice.error{color:var(--p-red);background:var(--p-surface);box-shadow:inset 3px 0 var(--p-red)}
.skeleton{height:138px;border-radius:var(--md-shape-m);background:var(--p-surface-2);margin-bottom:14px;animation:p-breathe 1.4s ease-in-out infinite alternate}
.load-error{padding:28px;border-radius:var(--p-radius);background:var(--md-card-bg);border:var(--md-card-border)}
.load-error p{color:var(--p-muted);font-size:13px;line-height:1.8;margin:10px 0 18px}
@media(max-width:540px){.notice{top:118px}}
@media(max-width:880px){.desktop-layout{grid-template-columns:1fr;gap:28px}.desktop-saved{border-left:0;border-top:1px solid var(--p-line);padding:25px 0 0}.desktop-heading{gap:17px}.desktop-section{padding:26px}.desktop-devices-heading{margin-bottom:16px}.desktop-resume{max-width:520px}.desktop-device{max-width:560px}}
@media(max-width:540px){.desktop-section{padding:23px 20px;scroll-margin-top:120px}.desktop-heading{flex-wrap:wrap;padding-bottom:22px;gap:14px}.desktop-heading h2{font-size:22px}.desktop-heading p:not(.eyebrow){font-size:12px}.desktop-presence{font-size:11px}.desktop-layout{padding-top:22px}.pairing-heading{flex-wrap:wrap;gap:6px}.pairing-heading h3{font-size:16px}.pairing-steps>li{gap:10px}.desktop-download{font-size:11px;gap:7px}.desktop-command{padding:11px}.desktop-command code{font-size:11px}.desktop-device-heading{align-items:flex-start;flex-wrap:wrap;gap:4px}.desktop-device-status{font-size:11px}.manual-connections>summary{padding:21px}.manual-connections>summary strong{font-size:14px}.manual-connections>summary>div>span{font-size:11px}}
@media(max-width:730px){.connection-overview{padding:19px 20px;gap:13px;align-items:flex-start;flex-wrap:wrap}.connection-overview>div{flex:1;min-width:0}.connection-overview>a{margin:0 0 0 52px;flex-basis:calc(100% - 52px)}.connection-methods small{font-size:11px}.connection-methods strong{font-size:11px}}
@media(max-width:950px){.ai-shell{padding:0 24px}.intro{gap:36px}.intro h1{font-size:31px}.workspace{gap:20px}.editor{padding:24px}.saved-area{padding-inline:0}.flow{gap:14px}.flow b{display:block;margin-bottom:8px}.role-section{gap:28px}.connection-head{flex-wrap:wrap;gap:5px}.connection{padding:22px}}
@media(max-width:730px){.intro{grid-template-columns:1fr;padding:32px 0;gap:26px}.flow{max-width:450px;gap:14px 20px}.flow b{display:inline-grid;margin-bottom:0}.workspace,.role-section{grid-template-columns:1fr}.editor{padding:24px}.saved-area{padding-top:14px}.role-section{margin-top:10px;gap:24px;padding-top:28px}.role-intro>p{max-width:none}.ai-footer{flex-wrap:wrap;gap:16px}.ai-footer p{flex:1}.ai-footer>a:last-child{margin-left:0;flex-basis:100%}}
@media(max-width:430px){.ai-shell{padding:0 18px}.intro h1{font-size:29px}.intro-copy{font-size:14px}.flow{gap:13px}.flow>span{font-size:11px}.flow b{width:23px;height:23px;font-size:11px;margin-right:4px}.editor,#roles-form{padding:22px}.section-heading h2{font-size:19px}.role-grid{grid-template-columns:1fr}.connection{padding:20px}.connection-head{display:block}.connection .status{display:block;margin-top:7px}.form-actions{gap:15px}.next-link{font-size:11px}.empty-connection{padding:28px}.ai-shell input,.ai-shell select{font-size:16px}.role-grid select{font-size:16px}}