.connect-lab{max-width:920px;margin-inline:auto}.lab-hero{padding:1.5rem 0 2.8rem}.lab-eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--accent-strong);font-weight:700}.lab-hero h1{font-size:clamp(2.1rem,5vw,3.5rem);letter-spacing:-.045em;line-height:1.1;margin:1rem 0}.lab-hero h1 span{color:#f5bdd7}.lab-hero>p:not(.lab-eyebrow){color:var(--text-muted);max-width:580px;font-size:1.1rem;margin-bottom:1.5rem}.lab-text-link{display:inline-block;margin:.7rem 1rem;font-size:.9rem}.lab-panel{padding:1.8rem;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:16px;margin-bottom:1.2rem;scroll-margin-top:6rem}.lab-section-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.lab-section-heading h2{font-size:1.4rem;margin-bottom:.35rem}.lab-section-heading p{color:var(--text-muted);margin:0}.lab-step{flex:0 0 2rem;height:2rem;display:grid;place-items:center;color:var(--accent-strong);border:1px solid var(--border-strong);border-radius:50%;font-weight:700}.lab-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem}.lab-controls>div:first-child{flex:1;min-width:160px}.lab-controls select{width:100%;min-height:44px}.lab-methods{display:flex;border-bottom:1px solid var(--border-strong)}.lab-methods button{padding:.7rem .9rem;font:inherit;color:var(--text-muted);background:transparent;border:0;border-bottom:3px solid transparent;cursor:pointer}.lab-methods button[aria-pressed=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}.lab-methods small{display:block;font-size:.7rem}.lab-instructions{padding-left:1.4rem;margin-block:1rem 1.5rem}.lab-instructions li{margin-bottom:.7rem;padding-left:.35rem}.lab-caption{color:var(--text-muted);font-size:.85rem;margin-top:.7rem}.lab-doc-link{padding-top:.9rem;font-size:.85rem}.lab-snippet{border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);margin-block:1rem;overflow:hidden}.lab-snippet>div{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.6rem .85rem;border-bottom:1px solid var(--border);font-size:.8rem}.lab-snippet pre,.lab-panel details pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:1rem;margin:0;font-size:.82rem;line-height:1.7}.lab-snippet pre code,.lab-panel details code{padding:0;border:0;background:none;font-size:inherit}.lab-warning{padding:1rem;border:1px solid var(--warn);border-radius:8px;color:var(--warn);margin-block:1rem}.lab-warning a{display:inline-block;margin-left:1rem}.lab-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.lab-notice{position:sticky;bottom:1rem;background:var(--bg-inset);border-radius:8px;color:var(--accent-strong)}.lab-notice:not(:empty){padding:.85rem 1rem;border:1px solid var(--border-strong);box-shadow:var(--shadow)}.lab-example{border-color:#745066}.lab-example-grid{display:grid;grid-template-columns:155px 1fr;gap:1.7rem;align-items:center;margin-block:1.2rem}.lab-board{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;aspect-ratio:1;transform:rotate(-3deg)}.lab-board span{display:grid;place-items:center;color:#faaccf;background:#352432;border-radius:7px;font-size:2rem;font-weight:600}.lab-tag{display:inline-block;color:#f5bdd7;font-size:.68rem;letter-spacing:.06em;margin-bottom:.65rem}.lab-example .lab-text-link{margin-left:0}.lab-panel details{margin-top:1rem}.lab-panel summary{padding:.5rem 0;cursor:pointer;color:var(--accent-strong)}.lab-connections{list-style:none;padding:0}.lab-connections li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--border)}.lab-connections p{margin-bottom:.1rem;color:var(--text-muted)}.lab-connections small{color:var(--text-muted)}.lab-endnote{text-align:center;margin:1.5rem 0}.lab-assistants{display:flex;gap:.7rem;margin-bottom:1.7rem}.lab-assistants button{flex:1;min-height:48px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text);font:inherit;cursor:pointer}.lab-assistants button[aria-pressed=true]{border-color:#e994bc;background:#352432;color:#f5bdd7}.lab-simple h3{margin-block:1rem .6rem}.lab-simple-divider{border-top:1px solid var(--border);margin:1.7rem 0}.lab-simple details pre{white-space:pre-wrap;overflow-wrap:anywhere}.lab-advanced{margin-block:1.5rem}.lab-advanced>summary{cursor:pointer;padding:1rem;border:1px solid var(--border-strong);border-radius:10px;color:var(--accent-strong)}.lab-advanced[open]>summary{margin-bottom:1rem}@media(max-width:640px){.lab-panel{padding:1.1rem}.lab-methods{width:100%}.lab-methods button{flex:1}.lab-example-grid{grid-template-columns:100px 1fr;gap:1rem}.lab-board span{font-size:1.5rem}.lab-snippet>div{align-items:flex-start;flex-wrap:wrap}.lab-snippet pre{padding:.8rem}.lab-hero .lab-text-link{margin-left:0;display:block}}.lab-home{max-width:980px}.lab-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:4.5rem 0 3.8rem}.lab-stage h1{font-size:clamp(2.35rem,4.5vw,3.6rem);line-height:1.09;letter-spacing:-.055em;margin:1.2rem 0}.lab-stage h1 span{color:#f2b3cf}.lab-lead{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:1.6rem}.lab-connect{min-width:168px;min-height:52px;justify-content:space-between;gap:2rem;font-size:1rem;border-radius:12px}.lab-small{color:var(--text-muted);font-size:.75rem;margin-top:.9rem}.lab-game-preview{display:block;padding:1.5rem;background:#f9e7ef;border:1px solid #ffe4ef;border-radius:24px;color:#612840;text-decoration:none;box-shadow:0 16px 44px #0003;transform:rotate(2deg);transition:transform .18s}.lab-game-preview:hover{transform:rotate(0) translateY(-3px);text-decoration:none}.lab-preview-top{display:flex;align-items:center;gap:7px;font-size:.6rem;letter-spacing:.09em;font-weight:700}.lab-preview-dot{width:5px;height:5px;border-radius:50%;background:#9e4168}.lab-preview-arrow{margin-left:auto;font-size:1.2rem}.lab-game-preview .lab-board{transform:none;margin:1.35rem auto;width:100%;max-width:264px;gap:7px}.lab-game-preview .lab-board span{background:#fff8fb;color:#aa3a69;border:1px solid #ebc9d9;border-radius:12px;font-size:clamp(2.4rem,4vw,3.6rem)}.lab-preview-bottom strong{display:block;font-size:1rem}.lab-preview-bottom>span{font-size:.72rem;color:#85566a}.lab-path{display:flex;justify-content:space-between;border-block:1px solid var(--border);padding:1.4rem 0;gap:1rem;font-size:.85rem;color:var(--text-muted)}.lab-path b{color:#b87e98;font-size:.68rem;margin-right:.65rem;font-weight:600}.lab-home-footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;font-size:.75rem}.lab-home-footer a,.lab-home-footer button{color:var(--text-muted)}.lab-home-footer button{font:inherit;background:none;border:0;padding:0;cursor:pointer}.lab-dialog{color:var(--text);background:#1b1d23;border:1px solid #424049;border-radius:20px;padding:1.75rem;width:min(500px,calc(100% - 2rem));max-height:calc(100svh - 2rem);overflow-y:auto;box-shadow:0 24px 100px #0008}.lab-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.lab-dialog-top{display:flex;align-items:center;gap:10px;margin-bottom:1.6rem}.lab-dialog-top .lab-eyebrow{margin:0;font-size:.6rem;letter-spacing:.13em;color:#a3a0ac}.lab-close,.lab-back{background:none;border:0;color:#b7b2be;font-size:1.5rem;width:32px;height:32px;padding:0;cursor:pointer;border-radius:7px}.lab-close{margin-left:auto}.lab-close:hover,.lab-back:hover{background:#343139;color:#fff}.lab-dialog h2{font-size:1.65rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:.7rem}.lab-dialog-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1.7rem}.lab-client-list{display:grid;gap:.65rem}.lab-client-list>:is(button,a){display:flex;align-items:center;gap:.8rem;width:100%;min-height:67px;background:#25262d;color:var(--text);border:1px solid #43414b;border-radius:12px;padding:.8rem 1rem;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.lab-client-list>:is(button,a):hover{border-color:#cd91ae;background:#302a33}.lab-client-list strong{font-size:.95rem;font-weight:600}.lab-client-list>:is(button,a)>span:last-child{margin-left:auto;color:#a8a1af}.lab-client-list small{color:var(--text-muted);font-size:.7rem}.lab-client-mark{display:grid;place-items:center;width:34px;height:34px;background:#36333c;border-radius:9px;font-size:1.4rem;color:#cbc4d4}.lab-client-mark.chatgpt{color:#d5eddf;background:#2c3b34}.lab-client-mark.claude{color:#e9ae90;background:#41312b}.lab-more-tools{margin-top:1.4rem}.lab-more-tools>summary,.lab-quiet-details>summary{color:#a7a2b0;font-size:.8rem;cursor:pointer;padding:.6rem 0}.lab-more-tools[open] .lab-client-list{margin-top:.6rem}.lab-setup-steps{padding-left:1.2rem;color:#c4c0cc;font-size:.9rem;margin:.8rem 0 1.5rem}.lab-setup-steps li{padding-left:.3rem;margin-bottom:.7rem}.lab-wide{width:100%;justify-content:center;min-height:48px;border-radius:11px}.lab-quiet-details{margin-top:.65rem}.lab-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:var(--bg-inset);padding:.85rem;border-radius:8px;font-size:.75rem;line-height:1.7}.lab-dialog pre code{background:none;padding:0;font-size:inherit}.lab-next{display:block;margin:1.2rem auto .8rem;padding:.5rem;font:inherit;color:#e0adca;font-size:.85rem;cursor:pointer;background:none;border:0}.lab-help-link{display:inline-block;font-size:.75rem;color:#a7a2b0;margin-right:1rem;margin-top:.8rem}.lab-prompt-preview{padding:1.3rem;border-left:2px solid #c67a9f;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.5;color:#eadce3;background:#25232a;border-radius:0 10px 10px 0}.lab-dialog .lab-notice{position:static;box-shadow:none;font-size:.8rem;margin-bottom:0}.lab-dialog .lab-methods{margin-block:1rem}.lab-dialog select{width:100%}@media(max-width:640px){.lab-stage{grid-template-columns:1fr;gap:1.7rem;padding:1.4rem 0 1.8rem}.lab-stage h1{font-size:2.35rem}.lab-lead{font-size:.95rem}.lab-game-preview{display:grid;grid-template-columns:120px 1fr;gap:.7rem 1.1rem;padding:1rem;transform:none;border-radius:16px}.lab-preview-top{grid-column:1 / -1}.lab-game-preview .lab-board{margin:0;grid-row:2;gap:4px}.lab-game-preview .lab-board span{border-radius:6px;font-size:1.6rem}.lab-preview-bottom{align-self:center}.lab-preview-bottom strong{font-size:.85rem}.lab-path{font-size:.7rem;gap:.7rem;padding:1rem 0}.lab-path span{max-width:100px}.lab-path b{display:block;margin:0 0 .35rem}.lab-dialog{padding:1.25rem}.lab-dialog h2{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.lab-game-preview{transition:none;transform:none}}