.collection-workflow{grid-template-columns:repeat(6,minmax(140px,1fr));overflow-x:auto}
.collection-advanced-question{margin:22px 0;padding:18px;border:1px solid #d7dfea;border-radius:18px;background:#f8fbff}
.collection-advanced-question summary{cursor:pointer;font-weight:800;color:#25384a;margin-bottom:14px}
.collection-advanced-question code{padding:2px 6px;border-radius:6px;background:#e9e4fb;color:#5430a1}
.collection-branch{margin:18px 0;padding:16px;border-radius:15px;background:#fff;border:1px solid #dce3ec}.collection-branch h4{margin:0 0 12px;color:#25394c}
.collection-flow-map{margin:26px 0;padding:26px;border:1px solid #dbe2ec;border-radius:24px;background:linear-gradient(145deg,#fff,#f6f3ff)}
.collection-flow-map ol{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.collection-flow-map li{position:relative;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;padding:14px;border:1px solid #dbe2ec;border-radius:16px;background:#fff}
.collection-flow-map li.conditional{border-left:5px solid #7145ad}
.collection-flow-map li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#132f49;color:#fff;font-weight:850}
.collection-flow-map li strong,.collection-flow-map li small{display:block}.collection-flow-map li small{margin-top:4px;color:#65768a}.collection-flow-map li i{color:#7145ad;font-style:normal;font-size:22px}
.collection-language-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}.collection-language-picker>span{font-weight:800;margin-right:4px}.collection-language-picker button{border:1px solid #cfd9e6;border-radius:999px;background:#fff;padding:8px 13px;color:#24384d}.collection-language-picker button[aria-pressed=true]{background:#7145ad;border-color:#7145ad;color:#fff}
.collection-language-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;border:1px solid #d9e2ec;border-radius:22px;background:linear-gradient(135deg,#f3fffd,#f7f2ff)}.collection-language-card h2{margin:5px 0}.collection-language-card p{max-width:760px}.collection-language-intro{padding:15px;border-radius:14px;background:#f5f7fb}.collection-language-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.collection-language-list .pill button{border:0;background:transparent;color:inherit;font-size:1.1rem;cursor:pointer}.collection-translation-questions{display:grid;gap:14px;margin:20px 0}.collection-translation-questions article{padding:16px;border:1px solid #dbe3ec;border-radius:16px;background:#fbfcfe}
.collection-video{position:relative;aspect-ratio:16/9;margin-bottom:22px;overflow:hidden;border-radius:18px;background:#0d2233}.collection-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.collection-maxdiff{display:grid;grid-template-columns:1fr 1fr;gap:16px}.collection-consent{display:flex;gap:14px;align-items:flex-start;padding:20px;border:2px solid #7145ad;border-radius:18px;background:#f8f5ff}.collection-consent input{width:22px;height:22px;margin-top:2px}.collection-consent span,.collection-consent b,.collection-consent small{display:block}.collection-consent b{font-size:1.08rem}.collection-consent small{margin-top:4px;color:#5e6f80}
.collection-concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.collection-concepts label{display:block}.collection-concepts input{position:absolute;opacity:0}.collection-concepts span{display:block;min-height:130px;padding:20px;border:2px solid #d9e1eb;border-radius:20px;background:#fff}.collection-concepts input:checked+span{border-color:#7145ad;box-shadow:0 0 0 3px #e9e1fb}.collection-concepts b,.collection-concepts small{display:block}.collection-concepts small{margin-top:12px;color:#66768a}
.collection-distribution-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:28px 0;padding:26px;border-radius:24px;background:linear-gradient(135deg,#12324b,#254e65);color:#fff}.collection-distribution-head h2{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem);margin:6px 0}.collection-distribution-head p{max-width:720px;color:#dceaf4}.collection-distribution-head .pill{background:#fff;color:#214258}
.collection-distribution-grid,.collection-integration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.collection-campaigns,.collection-connections{display:grid;gap:10px;margin-top:18px}.collection-campaigns article,.collection-connections article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px;border:1px solid #dce3eb;border-radius:15px}.collection-campaigns h3,.collection-connections p{margin:5px 0 0}.collection-channel-status{display:grid;gap:8px;margin-top:24px}.collection-channel-status>div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-radius:12px;background:#f5f7fa}.collection-channel-status span{color:#637489}.collection-connections article.revoked{opacity:.55}
.collection-mcp-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#12bdb2,#7145ad);color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:.08em;margin-bottom:18px}.collection-token{margin-top:20px;padding:18px;border:2px solid #12a99f;border-radius:16px;background:#edfffc}.collection-token strong,.collection-token input{display:block;width:100%;margin-bottom:10px}.collection-token input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.collection-chatgpt-card{position:relative;overflow:hidden;border:1px solid #d8dff0;background:linear-gradient(145deg,#112f49 0%,#214861 58%,#5a37a4 145%);color:#fff}.collection-chatgpt-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-110px;background:rgba(35,215,194,.2)}.collection-chatgpt-card>*{position:relative;z-index:1}.collection-chatgpt-card h2,.collection-chatgpt-card p{color:#fff}.collection-chatgpt-card p{color:#dceaf4}.collection-chatgpt-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:#17324a;font-weight:950;font-size:1.65rem;margin-bottom:18px;box-shadow:0 12px 30px rgba(0,0,0,.16)}.collection-chatgpt-steps{counter-reset:connect;display:grid;gap:10px;padding:0;list-style:none;margin:22px 0}.collection-chatgpt-steps li{counter-increment:connect;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.1)}.collection-chatgpt-steps li:before{content:counter(connect);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#5e35bd;font-weight:900}.collection-chatgpt-card .button.secondary{background:#fff;color:#17324a;border-color:#fff}.collection-chatgpt-card .text-button{color:#fff;text-decoration:underline}.collection-server-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}.collection-server-row .field{margin:0}.collection-server-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.collection-connection-kind{display:inline-flex;margin-bottom:5px;padding:3px 8px;border-radius:999px;background:#eee8ff;color:#5a34aa;font-size:.72rem;font-weight:850}.collection-advanced-token{margin-top:18px}.collection-advanced-token>summary{cursor:pointer;font-weight:850;color:#4c2b92}.collection-advanced-token[open]>summary{margin-bottom:18px}
.collection-connection-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 22px;padding:17px 19px;border:1px solid #d8e1ea;border-radius:18px;background:#fff;box-shadow:0 10px 28px #26384d0b}.collection-connection-banner>div{display:flex;align-items:center;gap:12px}.collection-connection-banner>div>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font-size:18px;font-weight:900}.collection-connection-banner strong,.collection-connection-banner p{display:block;margin:0}.collection-connection-banner p{margin-top:2px;color:#627185;font-size:13px}.collection-connection-banner.connected{border-color:#bfe9db;background:#f4fffb}.collection-connection-banner.connected>div>span{background:#d9f8ed;color:#08735d}.collection-connection-banner.not-connected{border-color:#f1d9b8;background:#fffaf2}.collection-connection-banner.not-connected>div>span{background:#fff0d8;color:#905b12}.collection-account-summary{display:grid;gap:3px;margin:16px 0;padding:13px 15px;border-radius:14px;background:#f4f7fb}.collection-account-summary span{color:#69788a;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.collection-account-summary strong{color:#26394d}.collection-account-summary small{color:#69788a}.collection-connections article{align-items:flex-start}.collection-connections article>div{min-width:0}.collection-disconnect{flex:0 0 auto;padding:8px 12px!important;color:#8c2c2c!important}.collection-permission-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.collection-permission-tags span{padding:4px 7px;border-radius:999px;background:#edf5f3;color:#167160;font-size:10px;font-weight:780}.collection-permission-list{margin-top:18px;padding:17px;border:1px solid #dce3eb;border-radius:15px}.collection-permission-list h3{margin:0 0 12px}.collection-permission-list>div{display:grid;grid-template-columns:25px 1fr;gap:9px;margin-top:10px}.collection-permission-list>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ddf7ef;color:#0d7560;font-size:12px;font-weight:900}.collection-permission-list p,.collection-permission-list strong,.collection-permission-list small{display:block;margin:0}.collection-permission-list small{margin-top:2px;color:#66768a;line-height:1.4}.collection-prompt-library{margin-top:22px}.collection-prompt-library .section-heading p{margin:5px 0 0;color:#637287}.collection-prompt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}.collection-prompt-grid article{padding:16px;border:1px solid #dce3eb;border-radius:16px;background:#f8f9fc}.collection-prompt-grid h3{margin:0 0 10px}.collection-prompt-grid button{width:100%;margin-top:8px;padding:10px;text-align:left;border:1px solid #dce3eb;border-radius:11px;background:#fff;color:#405166;font:inherit;font-size:12px;line-height:1.45;cursor:pointer}.collection-prompt-grid button:hover,.collection-prompt-grid button:focus-visible{border-color:#7145ad;box-shadow:0 7px 18px #4b357018}
@media(max-width:620px){.collection-server-row{grid-template-columns:1fr}.collection-server-row .button{width:100%}}
@media(max-width:900px){.collection-workflow{grid-template-columns:repeat(6,190px)}.collection-distribution-grid,.collection-integration-grid{grid-template-columns:1fr}.collection-distribution-head{display:block}.collection-distribution-head .pill{display:inline-flex;margin-top:16px}}
@media(max-width:1100px){.collection-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.collection-maxdiff{grid-template-columns:1fr}.collection-flow-map{padding:16px}.collection-flow-map li{grid-template-columns:40px 1fr}.collection-flow-map li i{display:none}.collection-distribution-head{padding:20px}.collection-concepts{grid-template-columns:1fr}.collection-language-card{display:block}.collection-language-card .button{margin-top:16px}.collection-connection-banner{display:block}.collection-connection-banner .button{width:100%;margin-top:13px}.collection-prompt-grid{grid-template-columns:1fr}.collection-prompt-library .section-heading{display:block}.collection-prompt-library .section-heading .button{margin-top:12px}.collection-connections article{display:block}.collection-disconnect{width:100%;margin-top:12px}}
.collection-piping{background:#f4f8ff;border:1px solid #dbe7f4;border-radius:14px;padding:16px;margin:12px 0}.collection-piping strong{display:block;color:#1b3d5b}.collection-piping p{margin:6px 0 12px;color:#4a6073}.collection-piping>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.collection-piping select{flex:1 1 250px;max-width:100%;min-height:43px}.collection-piping small{display:block;margin-top:9px;color:#5a6d7e}
.collection-other-editor{display:grid;gap:.55rem;padding:1rem;margin:.8rem 0;border:1px solid #d5c9f1;border-radius:16px;background:#f8f5ff}.collection-other-editor .field{margin:0}.collection-other-choice{margin-top:.65rem;border:2px dashed #9b80d8;background:#f8f4ff}.collection-other-text{display:block;max-width:650px;margin-top:.85rem;padding:1rem;border:1px solid #ccbce7;border-radius:14px;background:#fff}.collection-other-text[hidden]{display:none}.collection-other-text textarea{width:100%;min-height:90px}.collection-other-editor small{color:#516175}