.integrations-page{width:100%;min-width:0}.integrations-page form{display:grid;gap:22px}.integrations-page .card{padding:26px;min-width:0}.integration-provider{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:14px;margin-bottom:26px}.integration-provider-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid var(--workspace-border);border-radius:14px;color:var(--brand);background:var(--brand-soft)}.integration-provider>div{min-width:0}.integration-provider>[data-openai-connection-status]{justify-self:end}.integration-provider h2{font-size:20px;letter-spacing:-.4px;margin:0}.integration-provider p,.integration-section-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0 0}.integration-credential{display:inline-flex;align-items:center;gap:7px;flex:none;max-width:280px;padding:7px 10px;border:1px solid var(--workspace-border);border-radius:8px;color:var(--muted);font-size:11px;line-height:1.5}.integration-credential svg{flex:none}.integration-credential.is-connected{color:#166534;background:#edf9f0;border-color:#b8e3c5}.integration-credential.is-unavailable{color:#92400e;background:#fff8e9;border-color:#f0d499}.integration-config-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:32px}.integration-fields{display:grid;gap:18px;min-width:0}.integration-fields .field{margin:0}.integration-field-note{margin:-11px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.integration-fields .choice{align-items:flex-start;margin:0}.integration-fields .choice strong{font-size:12px}.integration-fields .choice small{font-size:11px;line-height:1.6}.integration-credential-help{color:var(--muted);font-size:11px;line-height:1.7;margin:0}.integration-estimate{background:var(--workspace-hover);border:1px solid var(--workspace-border);border-radius:16px;padding:24px;min-width:0}.integration-estimate-heading{display:grid;gap:5px}.integration-estimate-heading>span{font-size:11px;color:var(--muted)}.integration-estimate-heading>strong{font-size:18px;font-weight:600;color:var(--ink)}.integration-cost-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:27px}.integration-cost-pair>div{min-width:0}.integration-cost-pair span,.integration-volume-cost>span{display:block;font-size:11px;color:var(--muted)}.integration-cost-pair strong{display:block;margin-top:7px;font-size:clamp(18px,1.6vw,26px);font-weight:600;letter-spacing:-.6px;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.integration-volume-cost{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--workspace-border)}.integration-volume-cost strong{font-size:13px;color:var(--ink);font-weight:600}.integration-volume-cost strong>span{font-weight:400;color:var(--muted);padding:0 4px}.integration-estimate-note,.integration-estimate-empty{font-size:11px;color:var(--muted);line-height:1.8;margin:18px 0 0}.integration-estimate-empty{margin:0}.integration-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.integration-section-heading h2{font-size:16px;margin:0;font-weight:600}.integration-simulation-badge{flex:none;font-size:10px;font-weight:500;padding:6px 9px;border-radius:7px;border:1px solid var(--workspace-border);color:var(--muted)}.integration-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.integrations-page .field{min-width:0}.integrations-page .field input{width:100%;min-width:0;font-size:14px}.integrations-page .field label{font-size:12px}.integrations-page .field small{font-size:11px;line-height:1.7}.integration-calculation-note{margin:20px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.integrations-page .integration-comparison{padding:0;overflow:hidden}.integration-simulation-header{padding:26px}.integration-table-scroll{margin:0;border-radius:0;width:100%}.integration-model-table{width:100%;min-width:950px;border-collapse:collapse}.integration-model-table thead th{padding:14px 18px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--workspace-hover);color:var(--ink)}.integration-model-table thead small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:400}.integration-model-table th:first-child,.integration-model-table td:first-child{padding-left:26px}.integration-model-table td:last-child{padding-right:26px}.integration-model-table tbody th{font-weight:400;text-align:left}.integration-model-table tbody th,.integration-model-table tbody td{border-bottom:1px solid var(--workspace-border);padding:16px 18px;font-size:12px;vertical-align:middle;font-variant-numeric:tabular-nums}.integration-model-table tbody td{white-space:nowrap}.integration-model-table tbody th>strong{display:block;font-size:13px;font-weight:600;color:var(--ink)}.integration-model-table code{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}.integration-model-category{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px}.integration-model-table .is-selected{background:color-mix(in srgb,var(--brand) 5%,transparent)}.integration-model-table .is-selected th{box-shadow:inset 3px 0 var(--brand)}.integration-model-table .is-selected .integration-model-category{color:var(--brand)}.integration-model-table .integration-estimated-price{color:var(--ink);font-weight:600}.integration-model-choice{display:inline-flex;justify-content:center;align-items:center;gap:7px;width:112px;height:38px;box-sizing:border-box;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}.integration-model-choice.is-chosen{color:#166534;background:#edf9f0;border-color:#b8e3c5}.integration-pricing-notes{padding:21px 26px 24px}.integration-pricing-notes p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 10px}.integration-source-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.integration-source-links a{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--workspace-link)}.integration-save-status{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:24px}.integration-save-status p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.integration-save-status [data-state="error"]{color:#b45309}.integration-save-status .btn{font-size:11px}.integration-save-status [hidden]{display:none!important}
.integrations-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,290px));gap:24px}.integrations-overview .integration-service-card{display:flex;flex-direction:column;align-items:flex-start;aspect-ratio:1;padding:26px;min-width:0}.integration-service-card h2{font-size:20px;margin:18px 0 8px}.integration-service-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.integration-service-card .btn{margin-top:auto;align-self:stretch;justify-content:center}
[data-theme="dark"] .integration-credential.is-connected,[data-theme="dark"] .integration-model-choice.is-chosen{color:#a1e7b6;background:#143b2b;border-color:#2d684c}[data-theme="dark"] .integration-credential.is-unavailable{color:#f9d18a;background:#3c301c;border-color:#735526}[data-theme="dark"] .integration-save-status [data-state="error"]{color:#f9d18a}
@media(max-width:1180px){.integration-config-grid{gap:22px}.integration-cost-pair{grid-template-columns:1fr;gap:18px}.integration-volume-cost{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.integrations-page .card{padding:20px}.integration-config-grid{grid-template-columns:1fr;gap:24px}.integration-cost-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-volume-cost{flex-direction:row;align-items:center}.integration-section-heading{flex-direction:column;gap:10px}.integration-parameters{grid-template-columns:1fr;gap:18px}.integration-simulation-header{padding:20px}.integrations-page .integration-comparison{padding:0}.integration-model-table th:first-child,.integration-model-table td:first-child{padding-left:20px}.integration-model-table td:last-child{padding-right:20px}.integration-provider{grid-template-columns:48px minmax(0,1fr);row-gap:16px}.integration-provider>[data-openai-connection-status]{grid-column:1/-1;grid-row:1}.integration-provider-icon{grid-row:2}.integration-provider>div:not([data-openai-connection-status]){grid-column:2;grid-row:2}.integrations-page .field input{font-size:16px}.integration-save-bar{align-items:flex-start;flex-direction:column;gap:12px}.integration-save-bar>.btn{width:100%;justify-content:center}.integration-provider p{font-size:11px}.integration-estimate{padding:20px}.integration-credential{font-size:10px}.integration-pricing-notes{padding:20px}.integration-save-status{align-items:flex-start;flex-direction:column}.integrations-overview{grid-template-columns:repeat(auto-fill,minmax(220px,290px))}}
@media(max-width:420px){.integration-cost-pair{grid-template-columns:1fr}.integration-volume-cost{align-items:flex-start;flex-direction:column}}