:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e4eae4;background:#111713;font-synthesis:none;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:22px 5vw;display:flex;align-items:center;gap:20px;border-bottom:1px solid #35443a}.brand{font-size:28px;letter-spacing:2px;font-weight:750;color:inherit;text-decoration:none}.brand span{color:#b5df89}.brand small{font-size:10px;letter-spacing:2px;display:block;color:#a0afa4}header #connection{margin-left:auto;color:#b5df89;font-size:13px}main{max-width:1240px;margin:auto;padding:48px 28px}.intro{max-width:760px;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:3px;color:#b5df89}h1{font-size:clamp(38px,5vw,64px);line-height:1.12;font-weight:500;letter-spacing:-2px;margin:22px 0}h1 em{color:#b5df89;font-style:normal}.intro p{max-width:650px;color:#a8b5ab;font-size:17px}.roles{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:24px 0}.roles span{border:1px solid #465a4b;border-radius:30px;padding:7px 15px}.card{background:#1b251e;border:1px solid #344539;border-radius:16px;padding:24px;margin-bottom:20px}.card h2{font-size:20px;font-weight:500;margin:0 0 12px}.card p{color:#b0bdb3}.muted{font-size:12px!important;color:#9cac9f!important;overflow-wrap:anywhere}.layout{display:grid;grid-template-columns:290px 1fr;gap:22px}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.row h2{margin-right:auto}label{display:block;font-size:13px;margin:16px 0 8px}input,textarea{background:#101913;border:1px solid #4a6050;border-radius:8px;width:100%;padding:12px;color:#eff4ee;font:inherit}textarea{resize:vertical}button{background:#2b3c2f;color:#e4eee1;border:1px solid #58705c;border-radius:7px;padding:9px 14px;font:inherit;font-size:12px;cursor:pointer;margin:8px 0}button.primary{background:#b5df89;border-color:#b5df89;color:#15210f;font-weight:650;padding:12px 22px}button:disabled{opacity:.45;cursor:wait}button:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d5f9b6;outline-offset:3px}summary{cursor:pointer;margin:16px 0}.session{display:block;text-align:left;width:100%;overflow-wrap:anywhere}.badge{border:1px solid #607957;border-radius:20px;padding:4px 12px;font-size:12px}#output{margin:20px 0}.bubble{border-bottom:1px solid #3e5143;padding:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble strong{display:block;font-size:11px;text-transform:uppercase;color:#b5df89;letter-spacing:1px}.bubble a{color:#b5df89}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:250px;overflow:auto}#message{position:sticky;bottom:15px;background:#314333;border-radius:8px;padding:0 20px;white-space:pre-wrap;overflow-wrap:anywhere}#message:not(:empty){padding:14px 20px}footer{padding:25px;text-align:center;color:#87998b;font-size:11px}[hidden]{display:none!important}@media(max-width:780px){.layout{grid-template-columns:1fr}main{padding:30px 16px}.card{padding:18px}header{padding:15px}.brand small{font-size:8px}.intro{margin-bottom:25px}}
main{max-width:1700px}.intro{margin-bottom:22px}.intro h1{font-size:clamp(32px,4vw,48px)}.workspace-link,.build-request a{color:#b5df89;text-decoration:none;font-size:12px}.builder-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.project-label{margin-right:auto;min-width:190px}.upload-label{padding:8px 12px;background:#2b3c2f;border:1px solid #58705c;border-radius:7px;cursor:pointer}.upload-label input{display:block;width:180px;padding:4px;font-size:10px}.build-request{border-top:1px solid #344539;margin-top:15px;padding-top:2px}.builder-grid{display:grid;grid-template-columns:180px minmax(260px,1fr) minmax(300px,1fr);gap:14px;margin-top:24px;align-items:stretch}.builder h3{font-size:13px;font-weight:550;margin:7px 0}.file-sidebar,.editor-pane,.preview-pane{border:1px solid #3e5143;border-radius:10px;padding:12px;min-width:0}.file-sidebar{background:#131c16}.file-sidebar input{font-size:11px;padding:8px}.file-sidebar button{font-size:10px;margin:4px 0}.file-sidebar #fileTree button{display:block;width:100%;text-align:left;overflow-wrap:anywhere;white-space:normal;padding:8px;border-color:transparent;background:transparent;color:#bdcbbf}.file-sidebar #fileTree button[aria-current="true"]{background:#344d36;border-color:#789860;color:white}select{background:#17261b;color:#e4eee1;border:1px solid #58705c;border-radius:6px;padding:7px;font:inherit;font-size:11px;max-width:100%}.editor-heading{min-height:40px}.editor-heading h3{overflow-wrap:anywhere}#codeEditor{min-height:450px;height:calc(100% - 85px);resize:vertical;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;background:#0e1711;border:0;border-radius:5px;padding:14px;white-space:pre;overflow:auto}#previewSurface{background:#0d1510;padding:8px;border-radius:7px;min-height:450px;display:flex;justify-content:center}#projectPreview{display:block;background:white;border:0;border-radius:5px;width:100%;height:450px}#previewSurface.mobile #projectPreview{max-width:375px}.preview-pane .row{min-height:40px}.preview-pane button{font-size:10px;padding:5px 8px}.incoming{border:1px solid #b5df89;background:#2c402c;padding:16px;border-radius:8px;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#fileCount{font-size:10px;color:#a0b39f}.builder .badge{font-size:10px}.builder-toolbar button{font-size:11px}.builderConnect{font-size:12px}@media(max-width:1100px){.builder-grid{grid-template-columns:150px 1fr}.preview-pane{grid-column:1/-1}#projectPreview{height:500px}}@media(max-width:650px){.builder-grid{grid-template-columns:1fr}.preview-pane{grid-column:auto}.file-sidebar #fileTree{display:flex;gap:5px;flex-wrap:wrap}.file-sidebar #fileTree button{width:auto}.builder-toolbar{gap:6px}.workspace-link{display:none}#codeEditor{min-height:300px}.builder{padding:13px}#previewSurface{padding:0}}
 .auth-mount{max-width:220px;min-width:48px;margin-left:auto;display:flex;align-items:center}.auth-mount .cl-internal-b3fm6y{font-family:inherit}
 .connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.connector{border:1px solid var(--line,#dfe4ea);border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:center}.connector .badge{font-size:.72rem}

