.connection-create{display:grid;gap:16px}.connection-workspace{border-top:1px solid var(--line)}.connection-mode-tabs{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.connection-mode-tab{align-items:center;background:transparent;border:0;color:var(--ink-3);cursor:pointer;display:grid;font:inherit;gap:11px;grid-template-columns:18px minmax(0,1fr) auto;min-height:70px;padding:11px 16px;position:relative;text-align:left;transition:background var(--t),color var(--t)}.connection-mode-tab+.connection-mode-tab{border-left:1px solid var(--line)}.connection-mode-tab:hover,.connection-mode-tab[aria-selected=true]{background:var(--soft-2);color:var(--ink)}.connection-mode-tab[aria-selected=true]:after{background:var(--accent);border:1px solid var(--ink);bottom:-2px;content:"";height:3px;left:14px;position:absolute;right:14px}.connection-client-choice:focus-visible,.connection-doc-link:focus-visible,.connection-help-link:focus-visible,.connection-mode-tab:focus-visible,.connection-workspace summary:focus-visible{border-radius:var(--r-sm);outline:2px solid var(--ink);outline-offset:-3px}.connection-mode-tab small,.connection-mode-tab strong,.connection-mode-tab>span:not(.connection-mode-tab__count){display:block;min-width:0}.connection-mode-tab strong{color:inherit;font-family:var(--mono);font-size:12px;font-weight:600;line-height:1.35}.connection-mode-tab small{color:var(--ink-3);font-size:11.5px;line-height:1.4;margin-top:2px}.connection-mode-tab__count{align-items:center;background:var(--soft);border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);display:inline-flex;font-family:var(--mono);font-size:10.5px;height:22px;justify-content:center;min-width:22px;padding:0 6px}.connection-workspace__panel{min-width:0;outline:0;padding-top:24px}.connection-workspace__panel[hidden]{display:none}.connection-workspace__panel:focus-visible{outline:2px solid var(--line-2);outline-offset:6px}.connection-workspace__intro{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.connection-workspace__intro>div{display:grid;gap:5px;max-width:66ch}.connection-workspace__intro .eyebrow,.connection-workspace__intro .section-title,.connection-workspace__intro p{margin:0}.connection-workspace__intro p:not(.eyebrow){color:var(--ink-2);font-size:13px;line-height:1.55}.connection-doc-link,.connection-help-link{align-items:center;color:var(--ink-2);display:inline-flex;flex:0 0 auto;font-family:var(--mono);font-size:11.5px;gap:6px;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px;transition:color var(--t),text-decoration-color var(--t)}.connection-doc-link:hover,.connection-help-link:hover{color:var(--ink);text-decoration-color:var(--ink-3)}.connection-client-picker{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.connection-client-picker--direct{grid-template-columns:repeat(6,minmax(0,1fr))}.connection-client-choice{align-items:center;background:transparent;border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink-2);cursor:pointer;display:grid;font:inherit;gap:10px;grid-template-columns:22px minmax(0,1fr);min-height:60px;padding:10px 14px;text-align:left;transition:background var(--t),border-color var(--t),color var(--t)}.connection-client-choice:hover,.connection-client-choice[aria-pressed=true]{background:var(--soft-2);border-color:var(--ink-3);color:var(--ink)}.connection-client-choice[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--accent),inset 4px 0 0 var(--ink)}.connection-client-choice svg{height:19px;width:19px}.connection-client-choice small,.connection-client-choice span,.connection-client-choice strong{display:block;min-width:0}.connection-client-choice strong{color:inherit;font-family:var(--mono);font-size:12px;font-weight:600}.connection-client-choice small{color:var(--ink-3);font-size:11.5px;margin-top:2px}.connection-client-choice--compact{gap:7px;grid-template-columns:18px minmax(0,1fr);min-height:48px;padding:8px 10px}.connection-client-choice--compact svg{height:16px;width:16px}.connection-client-choice--compact strong{font-size:11px}.connection-guide-panel,.connection-key-setup,.connection-manage-section{border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.connection-guide-panel__head{align-items:center;display:grid;gap:12px;grid-template-columns:36px minmax(0,1fr) auto;padding:16px 4px}.connection-guide-panel__head h3,.connection-install-guide h3,.connection-key-form h3{color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:-.015em;margin:0}.connection-guide-panel__head p,.connection-install-guide>p,.connection-key-form__head>p:last-child{color:var(--ink-3);font-size:12.5px;line-height:1.45;margin:2px 0 0}.connection-guide-panel__brand{align-items:center;color:var(--ink);display:flex;height:34px;justify-content:center;width:34px}.connection-guide-panel__brand svg{height:19px;width:19px}.connection-surface-note{align-items:center;background:var(--soft-2);border-top:1px solid var(--line);color:var(--ink-2);display:grid;font-size:12.5px;gap:8px;grid-template-columns:16px 16px minmax(0,1fr);line-height:1.5;padding:11px 16px}.connection-surface-note svg{color:var(--ink-3)}.connection-guide-panel__grid,.connection-key-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.connection-guide-panel__grid{border-top:1px solid var(--line)}.connection-guide-panel__grid>div,.connection-install-guide,.connection-key-form{min-width:0;padding:18px 20px}.connection-guide-panel__grid>div+div,.connection-install-guide{border-left:1px solid var(--line)}.connection-step-label{color:var(--ink-3);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.035em;line-height:1.4;margin:0 0 11px;text-transform:uppercase}.connection-steps{counter-reset:connection-step;color:var(--ink-2);display:grid;font-size:13.5px;gap:8px;line-height:1.55;list-style:none;margin:0;padding:0}.connection-steps li{align-items:start;counter-increment:connection-step;display:grid;gap:9px;grid-template-columns:22px minmax(0,1fr)}.connection-steps li:before{align-items:center;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-3);content:counter(connection-step);display:flex;font-family:var(--mono);font-size:10.5px;height:20px;justify-content:center;margin-top:1px;width:20px}.connection-steps strong,.connection-verify strong{color:var(--ink);font-weight:600}.connection-steps--compact{margin-top:14px}.connection-steps code,.connection-verify code,.secret-panel__next code{font-family:var(--mono);font-size:.94em;overflow-wrap:anywhere}.connection-verify{border-top:1px solid var(--line);margin:14px 0 0;padding-top:12px}.connection-address-block__copy,.connection-verify{color:var(--ink-2);font-size:12.5px;line-height:1.5}.connection-address-block__copy{margin:0 0 12px}.connection-endpoint{width:100%}.connection-key-form{align-content:start;display:grid;gap:14px;margin:0;max-width:none}.connection-key-form__head{display:grid;gap:3px}.connection-key-form__head .connection-step-label{margin-bottom:3px}.connection-key-form__fields{display:grid;gap:12px;grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr)}.connection-key-form__note{align-items:center;color:var(--ink-3);display:flex;font-size:11.5px;gap:7px;line-height:1.45;margin:-2px 0 0}.connection-install-guide{align-content:start;display:grid}.connection-install-guide__head{align-items:center;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr)}.connection-install-guide__head .connection-step-label{margin-bottom:3px}.connection-install-guide .connection-doc-link{justify-self:start;margin-top:14px}.connection-manage-stack{display:grid;gap:28px}.connection-manage-section{min-width:0}.connection-manage-section__head{align-items:center;display:flex;justify-content:space-between;min-height:52px;padding:0 4px}.connection-manage-section__head h3{color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:600;margin:0}.connection-manage-section__head>span{color:var(--ink-3);font-family:var(--mono);font-size:11px}.connection-manage-section>.inline-note,.connection-manage-section>.stack>.inline-note{align-items:center;display:flex;gap:7px;margin:0;min-height:64px;padding:14px 4px}.connection-workspace .secret-panel{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:16px;min-width:0;padding:18px 4px}.secret-panel__grid{display:grid;gap:18px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.secret-panel__grid>div{min-width:0}.secret-panel__snippet{min-height:74px}.secret-panel__next{border-top:1px solid var(--line);color:var(--ink-2);display:grid;font-size:12.5px;gap:5px;line-height:1.5;padding-top:12px}.secret-panel__next p{margin:0}.secret-panel__next strong{color:var(--ink);font-weight:600}@media (max-width:720px){.connection-mode-tab{gap:8px;grid-template-columns:17px minmax(0,1fr);min-height:62px;padding:9px 10px}.connection-mode-tab small,.connection-mode-tab__count{display:none}.connection-workspace__intro{align-items:flex-start;display:grid;gap:10px}.connection-client-picker--direct{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-guide-panel__grid,.connection-key-setup,.secret-panel__grid{grid-template-columns:1fr}.connection-guide-panel__grid>div+div,.connection-install-guide{border-left:0;border-top:1px solid var(--line)}.connection-key-form__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.connection-mode-tab{display:flex;justify-content:center;min-height:56px;padding:8px 6px;text-align:center}.connection-mode-tab>svg{display:none}.connection-mode-tab strong{font-size:11.5px}.connection-mode-tab[aria-selected=true]:after{left:8px;right:8px}.connection-client-picker,.connection-client-picker--direct,.connection-key-form__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-client-choice{min-height:54px;padding:9px 10px}.connection-client-choice small{display:none}.connection-guide-panel__head{align-items:start;grid-template-columns:32px minmax(0,1fr)}.connection-guide-panel__head .connection-doc-link{grid-column:2;justify-self:start}.connection-guide-panel__grid>div,.connection-install-guide,.connection-key-form{padding:16px 4px}.connection-surface-note{padding-inline:8px}.connection-endpoint{align-items:stretch;display:grid}.connection-endpoint button{justify-self:start}}