/* Preserve Framehouse typography and gold. 1120px canvas = 528 + 64 + 528. */
.connect-page{background:#0b0b0b;color:#f4f2ec}.connect-page .connect-topbar{position:relative;left:0;min-height:74px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #242424;gap:20px}.connection-wordmark{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:650;letter-spacing:-.5px}.connect-topbar .create-link{margin-left:auto}.connect-main{max-width:1248px;margin:0 auto;padding:72px 64px 80px}.connect-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;min-height:550px}.connect-eyebrow{margin:0 0 24px;color:#c3ad78;font-size:11px;font-weight:650;letter-spacing:1.8px}.connect-copy h1{margin:0;font-size:clamp(36px,3.9vw,53px);line-height:1.06;font-weight:600;letter-spacing:-1.7px}.connect-copy h1 em{font-style:normal;color:#c3ad78}.connect-lede{max-width:400px;margin:26px 0;color:#aaa9a3;font-size:16px;line-height:1.65}.connect-how{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:13px;color:#e0ddd5}.connect-how:hover{color:#d4be8a}.connect-actions{display:grid;gap:12px;max-width:400px;margin-top:28px}.provider-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 20px;border:1px solid #c3ad78;border-radius:100px;background:#c3ad78;color:#111;font-weight:650;font-size:15px}.provider-button>img{filter:brightness(0);width:23px;height:23px}.provider-button>svg{width:22px;height:22px;flex:none}.provider-button>svg:last-child{margin-left:auto;width:18px;height:18px}.provider-button>img:first-child,.provider-button>svg:first-child{margin-right:auto}.provider-button:hover{background:#d4be8a;border-color:#d4be8a}.provider-secondary{background:#20201e;color:#f4f2ec;border-color:#383731}.provider-secondary:hover{background:#2d2b26;border-color:#71664e}.connection-availability{max-width:400px;margin:18px 0 0;color:#aaa9a3;font-size:12px;line-height:1.6}.connection-preview{background:#141414;overflow:hidden;border:1px solid #36332d;border-radius:26px;max-width:440px;width:100%;justify-self:center}.preview-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #2c2b27;font-size:11px;color:#a5a29a}.preview-brand{display:flex;align-items:center;gap:8px;color:#e4e0d5;font-size:15px;font-weight:600}.preview-body{padding:26px}.preview-user{margin-left:28px;padding:15px 18px;border-radius:18px 18px 5px 18px;background:#262521;font-size:14px;line-height:1.5}.preview-response{display:flex;align-items:center;gap:14px;margin:28px 0 20px}.preview-response p{margin:0;color:#9f9c93;font-size:13px;line-height:1.6}.preview-response strong{color:#eeebe3;font-weight:500}.preview-film{overflow:hidden;position:relative;border-radius:13px;background:#1d2421}.preview-film>img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block}.preview-film>span{display:block;padding:10px 14px;background:#1d1d1a;color:#c2beb3;font-size:11px}.preview-capabilities{display:flex;justify-content:space-between;gap:8px;padding:16px 0;color:#a5a198;font-size:11px}.preview-compose{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding:12px 13px 12px 16px;border-radius:14px;background:#24231f;color:#9a978e;font-size:12px}.preview-send{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#c3ad78;color:#111}.preview-send svg{width:19px;height:19px}.connection-details{scroll-margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-top:1px solid #2c2b28;margin-top:82px;padding-top:44px}.details-intro h2{margin:0;font-size:28px;line-height:1.2;font-weight:550;letter-spacing:-.6px}.details-intro>p{max-width:390px;color:#aaa9a3;font-size:14px;line-height:1.7;margin-top:18px}.endpoint-label{display:block;margin:0 0 10px;color:#eeebe3;font-size:12px;font-weight:550}.endpoint-field{display:flex;gap:8px;background:#1d1d1b;padding:7px;border:1px solid #3b3933;border-radius:9px}.endpoint-field input{background:none;border:0;min-width:0;flex:1;padding:8px;color:#e9e4d9;font-size:12px}.endpoint-field button{flex:none;padding:10px 12px;border:0;border-radius:6px;background:#c3ad78;color:#111;font-size:11px;font-weight:650}.endpoint-description{color:#aaa69b;font-size:11px;margin:10px 0 25px}.connection-steps{list-style:none;counter-reset:step;margin:0;padding:0}.connection-steps li{position:relative;counter-increment:step;padding:0 0 24px 29px}.connection-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;color:#c3ad78;font-size:11px}.connection-steps strong{font-size:13px;font-weight:550}.connection-steps p{font-size:12px;color:#aaa9a3;line-height:1.65;margin:8px 0 0}.connection-steps code{overflow-wrap:anywhere;color:#d4cebf;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.connection-note{margin:0;padding-top:20px;border-top:1px solid #2c2b28;font-size:11px;line-height:1.7;color:#a5a198}.connect-footer{display:flex;justify-content:space-between;gap:20px;margin:0;padding:24px clamp(20px,4vw,64px);border-top:1px solid #242424;color:#aaa9a3;font-size:12px}.connection-guide{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:26px;border:1px solid #454036;border-radius:18px;background:#181817;color:#f4f2ec;overflow:auto}.connection-guide::backdrop{background:#000b}.guide-heading{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:18px}.guide-heading h2{margin:0;font-size:22px;font-weight:550;letter-spacing:-.4px}.guide-heading button{width:42px;height:42px;display:grid;place-items:center;flex:none;padding:10px;border:0;border-radius:50%;background:#292825;color:#eee}.guide-heading svg{width:20px;height:20px}.connection-guide p{margin:16px 0;color:#b6b2a9;font-size:13px;line-height:1.65}.guide-status{padding:13px 15px;border-radius:8px;background:#25231e;color:#d5c18d;font-size:12px}.guide-details{display:block;text-align:center;margin-top:24px;min-height:46px;padding:13px 17px;border-radius:100px;background:#c3ad78;color:#111;font-size:13px;font-weight:600}.connect-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 32px);margin:0;padding:12px 20px;border-radius:10px;background:#e2d6ba;color:#111;font-size:13px;pointer-events:none}.connect-toast:empty{display:none}.connect-page .site-menu-links a[aria-current=page]{color:#f4f2ec}.connect-page .site-menu-links a[href="./connect"] img{filter:none}
@media(max-width:1000px){.connect-main{padding:52px 36px 64px}.connect-hero,.connection-details{gap:36px}.connect-copy h1{font-size:36px;letter-spacing:-1px}.preview-body{padding:20px}.preview-chrome{padding:18px}.preview-user{font-size:12px;margin-left:8px}.connection-wordmark{font-size:20px}}
@media(max-width:760px){.connect-page .connect-topbar{min-height:64px;padding:0 20px;gap:12px}.connection-wordmark{font-size:18px}.connection-wordmark img{width:22px;height:22px}.connect-topbar .create-link{font-size:11px}.connect-main{padding:42px 20px 50px}.connect-hero{grid-template-columns:1fr;gap:36px;min-height:0}.connect-copy{text-align:center}.connect-eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:20px}.connect-copy h1{font-size:clamp(29px,7.9vw,43px);letter-spacing:-1px;line-height:1.09}.connect-lede{max-width:360px;font-size:14px;margin:22px auto 12px}.connect-how{font-size:12px}.connect-actions{margin:22px auto 0;max-width:400px}.connection-availability{margin:16px auto 0;font-size:11px}.connection-preview{width:min(100%,370px);border-radius:23px}.preview-body{padding:22px}.preview-user{font-size:13px}.connection-details{grid-template-columns:1fr;gap:24px;margin-top:46px;padding-top:32px}.details-intro h2{font-size:25px}.details-intro>p{font-size:13px;margin-bottom:0}.endpoint-field input{font-size:11px}.connect-footer{font-size:11px}.connection-guide{padding:22px}.guide-heading h2{font-size:20px}}
@media(max-width:350px){.connect-page .connect-topbar{padding:0 14px;gap:8px}.connection-wordmark{font-size:16px;gap:6px}.connect-topbar .create-link{font-size:11px;gap:4px}.connect-main{padding-left:16px;padding-right:16px}.connect-copy h1{font-size:29px}.preview-body{padding:18px}.endpoint-field input{padding-left:3px;font-size:11px}.endpoint-field button{font-size:11px;padding:10px 8px}}

.connected-app-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #302e29}.connected-app-row strong,.connected-app-row span{display:block;overflow-wrap:anywhere}.connected-app-row span{color:#a6a198;font-size:13px}.connected-app-row button{flex:none;background:#24221e;color:#eee;border:1px solid #4b4537;border-radius:8px;padding:10px 14px;cursor:pointer}.connected-app-row button:disabled{opacity:.5;cursor:wait}

/* Provider setup: copy the server link or an approval-aware connection prompt. */
.connection-guide{width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:28px;overscroll-behavior:contain}
.guide-field{margin:22px 0}.guide-field label{display:block;margin-bottom:10px;font-size:12px;font-weight:600;color:#e9e4d9;letter-spacing:.1px}
.guide-link-field{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid #3b3933;border-radius:10px;background:#111110}
.guide-link-field input{min-width:0;width:100%;padding:9px 8px;background:transparent;border:0;color:#e9e4d9;font-family:inherit;font-size:14px;line-height:1.5}
.guide-link-field button{flex:none;min-height:40px;padding:9px 13px;border:1px solid #494438;border-radius:7px;background:#26241e;color:#ded0ac;font-family:inherit;font-size:12px;line-height:1.4;font-weight:600;cursor:pointer}
.guide-field textarea{box-sizing:border-box;display:block;width:100%;min-height:190px;resize:vertical;padding:16px;border:1px solid #3b3933;border-radius:10px;background:#111110;color:#d1cec5;font-family:inherit;font-size:14px;line-height:1.65}
.guide-copy-prompt{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:12px 16px;border:1px solid #d7c592;border-radius:9px;background:#c3ad78;color:#111;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer}
.guide-copy-prompt svg{height:18px;width:18px;flex:none}.guide-copy-prompt:hover{background:#d2bd89}.guide-link-field button:hover{background:#312d23}
.connection-guide .guide-copy-status{margin:0;font-size:12px;color:#d5c18d}.guide-copy-status:empty{display:none}
.connection-guide .guide-caveat{margin:18px 0;font-size:12px;line-height:1.6;color:#a5a198}
.guide-manual{padding-top:18px;border-top:1px solid #34312b}.guide-manual summary{color:#e1d7be;font-size:13px;cursor:pointer}.guide-manual .guide-details{margin-top:12px;background:#25231e;border:1px solid #454036;color:#d5c18d;border-radius:8px}
.connection-guide :is(button,input,textarea,summary,a):focus-visible{outline:2px solid #d5c18d;outline-offset:3px}
@media(max-width:600px){.connection-guide{padding:22px 18px}.guide-link-field input,.guide-field textarea{font-size:16px}.guide-link-field input{padding-left:5px}.guide-link-field{gap:4px}.guide-link-field button{padding-inline:10px}.guide-field textarea{min-height:220px}.guide-heading{gap:10px}}