/* The same rounded artwork frames, editorial rhythm and playful colour as EPISH. */
html:has(body[data-route="bring-your-ai"]),body[data-route="bring-your-ai"]{--paper:#fff;--ink:#191b24;--muted:#555d70;--secondary:#3e4658;--line:#dce0eb;--focus:#2144c9;background:#fff;color:var(--ink)}
.bai-page{max-width:1600px;margin:auto}.bai-page h1,.bai-page h2,.bai-page h3,.bai-banner h2{letter-spacing:-.045em;line-height:1.08}.bai-kicker{font-size:10px;letter-spacing:.12em;font-weight:750;line-height:1.5}.bai-hero{position:relative;isolation:isolate;overflow:hidden;margin:24px 4% 0;border-radius:var(--media-radius-large);background:#0824ce;min-height:620px}.bai-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.bai-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0922beee 0%,#0922bebb 29%,#0922be00 65%);z-index:-1}.bai-hero-copy{padding:clamp(36px,4.5vw,70px);width:57%;color:#fffdf6}.bai-hero h1{font-size:clamp(48px,5.4vw,80px);margin:25px 0 22px;line-height:1.02}.bai-page em{font-family:Georgia,serif;font-weight:400}.bai-hero h1 em{color:#ffde35}.bai-hero-copy>p:not(.bai-kicker){font-size:17px;line-height:1.65;max-width:36ch}.bai-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin:25px 0 16px}.bai-hero .btn{background:#ffdf36;color:#14224f}.bai-hero .btn:hover{background:#ffe968}.bai-text-button{padding:12px 0;background:none;font-size:13px;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:5px;min-height:44px}.bai-hero .bai-text-button{color:#fffdf6}.bai-hero small{display:block;font-size:11px;line-height:1.7;max-width:40ch;color:#e6eaff}.bai-intro{margin:0 4%;padding:25px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);font-size:15px}.bai-intro span{color:var(--muted);font-size:13px}.bai-section{margin:0 4%;padding:70px 0}.bai-section h2{font-size:clamp(32px,3.4vw,49px);margin:20px 0 24px}.bai-section p{font-size:15px;line-height:1.75}.bai-section .bai-kicker{font-size:10px;line-height:1.5;color:#2445ca}.bai-section p+p{margin-top:18px}.bai-example{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.bai-example-copy>p:not(.bai-kicker){max-width:45ch;color:var(--secondary)}.bai-example-copy .bai-text-button{margin-top:20px;color:#2144c9}.bai-example-board{background:#f0f1ff;border-radius:var(--media-radius-large);padding:30px}.bai-chat{padding:18px 22px;border-radius:18px 18px 3px 18px;margin:20px 0 0 35px;background:#fff;color:#191b24}.bai-chat span{font-size:10px;font-weight:700;color:#56607e}.bai-chat p{font-size:15px;margin-top:6px;line-height:1.5}.bai-reply{margin-left:0;margin-right:35px;background:#dfe3ff;border-radius:18px 18px 18px 3px}.bai-example-arrow{text-align:center;font-size:28px;color:#2844d2;margin:10px}.bai-draft-example{padding:24px;background:#fff;border:1px solid #d8dcf3;border-radius:var(--media-radius);display:grid;grid-template-columns:1fr 85px;gap:15px;align-items:center}.bai-draft-label{font-size:9px;font-weight:700;letter-spacing:.06em;color:#526080}.bai-draft-example h3{font-size:26px;margin:13px 0 8px}.bai-draft-example p{font-size:12px;line-height:1.5}.bai-draft-example img{width:85px;height:105px;object-fit:contain}.bai-draft-stage{display:inline-block;background:#fff0b5;border-radius:20px;padding:4px 10px;font-size:10px;margin-top:15px}.bai-example-board>small{display:block;font-size:10px;color:#515b75;margin-top:17px;line-height:1.6}.bai-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding-top:0;border-bottom:1px solid var(--line)}.bai-steps article>span{font-size:10px;letter-spacing:.1em;font-weight:700;color:#2844d2}.bai-steps h3{font-size:27px;margin:20px 0 14px;max-width:16ch}.bai-steps p{color:var(--secondary);max-width:32ch}.bai-setup{scroll-margin-top:30px}.bai-setup-heading{margin-bottom:35px}.bai-setup-heading h2{margin-bottom:12px}.bai-setup-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%}.bai-connection{min-width:0}.bai-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px}.bai-tabs button{background:none;font-size:17px;font-weight:650;padding:18px 0;border-bottom:3px solid transparent;margin-bottom:-1px}.bai-tabs [aria-selected="true"]{border-color:#2844d2;color:#2445ca}.bai-status{display:inline-block;font-size:11px;color:#425579;background:#eef1fa;border-radius:20px;padding:6px 12px;margin:26px 0 18px}.bai-connection h3,.bai-prompt h3{font-size:30px;line-height:1.15}.bai-connection ol{margin:26px 0;padding-left:24px}.bai-connection li{padding-left:8px;margin-bottom:22px}.bai-connection li::marker{color:#2844d2;font-size:13px;font-weight:700}.bai-connection li strong{font-size:15px}.bai-connection li p{font-size:13px;line-height:1.6;margin:5px 0 0;color:var(--secondary);max-width:45ch}.bai-page .btn{font-size:13px}.bai-connection .btn,.bai-prompt .btn{background:#2947dc;color:#fff}.bai-connection-note{margin-top:22px;font-size:12px!important;line-height:1.7!important;color:var(--secondary)}.bai-connection-note summary{cursor:pointer;padding:12px 0;font-weight:650;color:var(--ink)}.bai-connection-note p{font-size:12px}.bai-connection-note a{display:inline-block;margin-top:12px}.bai-prompt{background:#fff6bb;padding:34px;border-radius:var(--media-radius-large)}.bai-prompt .bai-kicker{color:#574725}.bai-prompt h3{margin:18px 0 14px}.bai-prompt label{display:block;font-size:12px;line-height:1.5;margin:0 0 15px}.bai-prompt textarea{display:block;resize:vertical;width:100%;min-height:280px;border:1px solid #c6b86e;background:#fffce7;color:#38331e;border-radius:12px;padding:18px;font-size:14px;line-height:1.7;margin-bottom:18px}.bai-copy-status{font-size:12px!important;line-height:1.6!important;margin-top:10px;min-height:19px}.bai-prompt small{font-size:11px;line-height:1.6;display:block;margin-top:10px;color:#5b5030}.bai-visuals{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--line)}.bai-visuals>div p{max-width:44ch;color:var(--secondary)}.bai-visuals figure{margin:0;min-width:0}.bai-visuals figure img{width:100%;border-radius:var(--media-radius-large);aspect-ratio:1.4;object-fit:cover;object-position:65%}.bai-visuals figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:14px}.bai-inline-link{display:inline-block;font-size:13px;font-weight:650;color:#2445ca;margin-top:22px;text-underline-offset:4px}.bai-options{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bai-options h2{font-size:36px}.bai-options>div+div{padding-top:25px}.bai-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.bai-faq h2{font-size:36px}.bai-faq details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.bai-faq summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.5;padding:8px 22px 0 0}.bai-faq details p{font-size:13px;line-height:1.75;margin-top:15px;color:var(--secondary)}.bai-faq label{display:block;font-size:12px;margin-top:18px}.bai-faq input{width:100%;min-width:0;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px;background:#fafbff}.bai-final{background:#ffd8e8;border-radius:var(--media-radius-large);margin:0 4% 60px;padding:60px 24px;text-align:center}.bai-final h2{font-size:clamp(38px,4.5vw,64px);margin:22px 0 28px}.bai-final h2 em{color:#243fd0}.bai-final .btn{background:#2947dc;color:#fff}.bai-final>a{display:block;font-size:12px;margin-top:20px;text-underline-offset:4px}.bai-banner{position:relative;isolation:isolate;overflow:hidden;margin:0 4% 34px;border-radius:var(--media-radius-large);background:#ff3180;min-height:290px}.bai-banner>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:80% center;z-index:-2}.bai-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff3180 0%,#ff3180ee 25%,#ff318000 75%);z-index:-1}.bai-banner>div{padding:36px 42px;width:65%;color:#211222}.bai-banner h2{font-size:clamp(28px,3vw,42px);margin:14px 0}.bai-banner p:not(.bai-kicker){font-size:14px;line-height:1.5}.bai-banner .btn{margin-top:20px;background:#24183e;color:#fff}.bai-studio-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:#eef0ff;border-radius:var(--media-radius);margin:10px 0 28px}.bai-studio-link strong{font-size:17px;letter-spacing:-.02em}.bai-studio-link p{font-size:13px;margin-top:6px;color:#515b75}.bai-studio-link a{white-space:nowrap;font-size:13px;font-weight:650;color:#2445ca;text-underline-offset:4px}.header-ai-link{font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;padding:12px 8px}.header-ai-link:hover,.header-ai-link.active{text-decoration:underline;text-underline-offset:5px}.bai-editor-link{display:inline-block;font-size:12px;color:#2445ca;padding:10px 0;text-underline-offset:4px}
@media(max-width:1200px){.header-ai-link{display:none}.bai-hero-copy{width:64%;padding:40px}.bai-hero{min-height:590px}.bai-hero:after{background:linear-gradient(90deg,#0922beee,#0922be99 40%,transparent 80%)}.bai-example,.bai-setup-layout{gap:5%}.bai-example-board{padding:24px}.bai-draft-example{grid-template-columns:1fr}.bai-draft-example img{display:none}}
@media(max-width:700px){.bai-hero{margin:16px 20px 0;min-height:0}.bai-hero-copy{width:100%;padding:32px 24px 265px}.bai-hero h1{font-size:clamp(42px,11.5vw,64px);margin-top:22px}.bai-hero-copy>p:not(.bai-kicker){font-size:15px;max-width:34ch}.bai-hero-art{top:auto;bottom:0;height:290px;object-position:72% center;mask-image:linear-gradient(transparent,#000 28%)}.bai-hero:after{display:none}.bai-actions{gap:4px 18px}.bai-intro{margin:0 20px;padding:24px 0;display:block;font-size:15px}.bai-intro span{display:block;margin-top:6px;font-size:12px}.bai-section{margin:0 20px;padding:42px 0}.bai-section h2{font-size:34px}.bai-example,.bai-setup-layout,.bai-visuals,.bai-options,.bai-faq{grid-template-columns:1fr;gap:28px}.bai-example-board{padding:22px}.bai-chat{margin-left:16px;padding:16px}.bai-reply{margin-left:0;margin-right:16px}.bai-draft-example{grid-template-columns:1fr 66px;padding:20px;gap:10px}.bai-draft-example img{display:block;width:66px;height:85px}.bai-draft-example h3{font-size:23px}.bai-steps{grid-template-columns:1fr;padding-top:0;gap:28px}.bai-steps h3{font-size:25px;max-width:none;margin:10px 0}.bai-steps p{max-width:none;font-size:14px}.bai-setup{scroll-margin-top:12px}.bai-setup-heading{margin-bottom:20px}.bai-prompt{padding:24px}.bai-prompt textarea{min-height:300px;font-size:16px}.bai-visuals figure img{aspect-ratio:1.6}.bai-options{gap:0}.bai-options>div+div{padding-top:0}.bai-faq{gap:4px}.bai-final{margin:0 20px 35px;padding:42px 22px}.bai-final h2{font-size:40px}.bai-banner{margin:0 20px 25px;min-height:365px}.bai-banner>div{width:100%;padding:28px 24px 125px}.bai-banner h2{font-size:30px}.bai-banner h2 br{display:none}.bai-banner>img{height:180px;top:auto;object-position:80% center;mask-image:linear-gradient(transparent,#000 40%)}.bai-banner:after{display:none}.bai-studio-link{display:block;padding:22px}.bai-studio-link a{display:inline-block;margin-top:14px}.bai-page [role="tabpanel"]{min-height:0}}
@media(prefers-reduced-motion:reduce){.bai-page .btn{transition:none}}

.bai-brand{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;vertical-align:baseline}.bai-brand img{display:inline-block;width:1.1em;height:1.1em;object-fit:contain;flex:none;vertical-align:middle}.bai-tabs .bai-brand{gap:9px}.bai-tabs .bai-brand img{width:24px;height:24px}.bai-page .btn .bai-brand img[src$="chatgpt.svg"]{filter:invert(1)}

/* Claude tab: create a personal link, copy it once, see and revoke active links. */
.bai-link-flow{margin-top:20px}
/* Connect by address (sign-in, no link) and the apps connected that way. */
.bai-apps{margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.bai-apps h4{margin:0 0 8px;font-size:15px;line-height:1.4;letter-spacing:-.01em}
.bai-apps .bai-link-copy{margin-top:16px}
.bai-apps-list{margin-top:24px}
.bai-connection .bai-link-message{margin:0 0 14px;padding:10px 13px;border-radius:8px;background:#fff1e8;color:#9b3226;font-size:12px;line-height:1.7}
.bai-connection .bai-link-message:empty{margin:0;padding:0;background:none}
#bai-link-state{min-height:46px}
.bai-connection .bai-link-lead{font-size:15px;line-height:1.65;color:var(--secondary);max-width:45ch}
.bai-link-lead+.btn{margin-top:18px}
.bai-link-flow .bai-link-profile{font-size:15px}
.bai-link-flow .bai-text-button,.bai-link-list .bai-text-button{color:#2445ca;cursor:pointer;transition:color .18s}
.bai-link-flow .bai-text-button:hover,.bai-link-list .bai-text-button:hover{color:#16309f}
.bai-link-list .bai-text-button:disabled,.bai-link-list .bai-text-button:disabled:hover{color:#4a556f;text-decoration:none;cursor:not-allowed}
.bai-connection .btn.bai-link-create:hover,.bai-link-copy .btn:hover{background:#1f3ac0}
.bai-connection .btn.bai-link-quiet{background:transparent;color:#2445ca;box-shadow:inset 0 0 0 1px #2947dc}
.bai-connection .btn.bai-link-quiet:hover{background:#eef1ff}
.bai-link-created{margin-top:18px;padding:20px;border-radius:var(--media-radius);background:#f0f1ff}
.bai-link-created label{display:block;margin-bottom:10px;font-size:12px;font-weight:650;line-height:1.5}
.bai-link-copy{display:flex;flex-wrap:wrap;gap:10px}
.bai-link-copy input{flex:999 1 220px;min-width:0;min-height:46px;padding:12px 14px;border:1px solid #8690b8;border-radius:12px;background:#fff;color:var(--ink);font-size:13px;line-height:1.4;text-overflow:ellipsis}
.bai-link-copy .btn{flex:1 0 auto;min-width:116px}
.bai-connection .bai-link-copy-help{margin-top:10px;font-size:12px;line-height:1.6;color:var(--secondary)}
.bai-connection .bai-link-created .bai-connection-note{margin-top:14px}
.bai-connection .bai-link-steps{margin:26px 0 0}
.bai-connection .bai-link-steps li{margin-bottom:12px;font-size:15px;line-height:1.6}
.bai-link-list{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.bai-link-list h4{margin:0;font-size:15px;line-height:1.4;letter-spacing:-.01em}
.bai-connection .bai-link-list-status,.bai-connection .bai-link-empty{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--secondary)}
.bai-connection .bai-link-list-status:empty{margin:0}
.bai-connection .bai-link-list-status.bai-link-problem{color:#9b3226}
.bai-connection ul.bai-link-rows{list-style:none;margin:6px 0 0;padding:0}
.bai-connection .bai-link-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.bai-link-meta{flex:1 1 180px;min-width:0}
.bai-link-meta strong{display:block;overflow-wrap:anywhere}
.bai-connection .bai-link-meta p{display:flex;flex-wrap:wrap;gap:0 14px;max-width:none;margin:2px 0 0;font-size:12px;line-height:1.6;color:var(--secondary)}
.bai-link-list .bai-link-revoke{min-width:44px;color:#9b3226;text-align:right}
.bai-link-list .bai-link-revoke:hover{color:#6f1d14}
.bai-link-confirm{flex:1 0 100%;margin:6px 0 4px;padding:14px 16px;border-radius:12px;background:#fff1e8}
.bai-connection .bai-link-confirm p{max-width:none;margin:0;font-size:13px;line-height:1.6;color:var(--ink)}
.bai-link-confirm div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:10px}
.bai-connection .btn.bai-link-danger{background:#a3271b;color:#fff}
.bai-connection .btn.bai-link-danger:hover{background:#86190f}
.bai-connection .btn:disabled,.bai-connection .btn:disabled:hover{background:#e1e5f4;color:#4a556f;box-shadow:none;transform:none;opacity:1;cursor:not-allowed}
.bai-connection .bai-connection-note ol{margin:6px 0 4px}
.bai-link-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;margin-bottom:6px}
.bai-connection-note .bai-link-alt a{display:inline-flex;align-items:center;min-height:44px;margin-top:0}
.bai-link-flow :focus-visible,.bai-link-list :focus-visible,.bai-link-alt :focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:700px){.bai-link-created{padding:18px}.bai-link-copy input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bai-link-flow .bai-text-button,.bai-link-list .bai-text-button{transition:none}}
.bai-connection-note pre{margin:8px 0 2px;padding:10px 12px;border-radius:10px;background:var(--ink,#111);color:var(--paper,#fff);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto;white-space:pre}.bai-connection-note p code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}