:root{color-scheme:dark;--bg:#080e1c;--panel:#111e32;--border:#26394d;--ink:#eef6ff;--muted:#a1b3c8;--cyan:#80e4ed;--blue:#75bdf4;--purple:#bca6ee;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 0,#102a3f70,transparent 65%);min-height:100vh}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:650;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input,textarea{display:block;width:100%;border:1px solid #35465c;background:#0a1425;color:var(--ink);padding:12px;border-radius:10px;margin-top:6px}input::placeholder,textarea::placeholder{color:#8196ad}textarea{resize:vertical;min-height:86px;max-height:200px}label{display:block;font-size:13px;font-weight:600;margin:14px 0}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-.04em;line-height:1.15}h2{font-size:22px;line-height:1.2;letter-spacing:-.02em}h3{font-size:16px}small{display:block;font-size:11px;color:var(--muted);line-height:1.5}p{line-height:1.65}.muted{color:var(--muted);font-size:13px}.eyebrow,.step-label{font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--cyan)}.primary{background:var(--cyan);color:#062a37}.primary:hover:not(:disabled){background:#a5f5fc}.secondary{background:#213e50;color:#d6f8ff;border:1px solid #34596a}.quiet{background:transparent;color:#b9ccdc;border:1px solid transparent}.quiet:hover{background:#24364b}.full{width:100%}[hidden]{display:none!important}.site-header{max-width:1720px;margin:auto;padding:22px 34px;border-bottom:1px solid #25354888;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px}.brand span{color:var(--cyan)}.brand small{font-size:10px;font-weight:500;letter-spacing:.02em;margin-top:-2px}.account-bar{display:flex;gap:14px;align-items:center;font-size:13px}.account-bar>span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{max-width:1720px;margin:auto;padding:28px 34px}footer{text-align:center;color:#8196ad;font-size:11px;padding:20px}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;max-width:1050px;margin:45px auto 65px;align-items:center}.auth-story h1{font-size:clamp(40px,5vw,66px);margin:22px 0;line-height:1.07}.auth-story em{color:var(--cyan);font-style:normal}.auth-story p{color:var(--muted);max-width:390px}.story-files{display:flex;align-items:center;gap:22px;margin-top:35px;font-size:30px}.story-dot{color:var(--muted);font-size:22px}.auth-card{background:#142235;border:1px solid #304357;padding:30px;border-radius:22px;box-shadow:0 25px 80px #0004}.segmented{display:flex;background:#0a1525;border-radius:10px;padding:4px;margin-bottom:26px}.segmented button{width:50%;background:transparent;color:var(--muted)}.segmented button.active{background:#263e51;color:#fff}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#26323b;border:1px solid #d9e0e9;font-weight:500}.google-mark{color:#4285f4;font-weight:800;font-size:22px}.or{display:flex;align-items:center;gap:12px;color:#96aabc;font-size:11px;margin:20px 0}.or:before,.or:after{content:'';height:1px;background:#34465a;flex:1}.auth-note{font-size:11px;color:#96aabc;margin:20px 0 0}.invitation-hint{padding:10px;background:#213f51;border-radius:8px;font-size:13px}.rooms-view{max-width:1100px;margin:25px auto}.page-heading{margin-bottom:28px}.page-heading h1{margin-top:10px}.room-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}.room-card{text-align:left;background:#15263b;border:1px solid #30475b;min-height:130px;padding:24px;color:var(--ink)}.room-card strong{display:block;font-size:20px;margin:8px 0}.room-card small{color:var(--cyan)}.create-room-card{padding:25px;border:1px dashed #456074;border-radius:16px;background:#122033;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center}.create-room-card h2{margin-bottom:4px;font-size:19px}.create-room-card p{margin:0}.invite-card{display:flex;gap:15px;align-items:center;background:#183b4a;border:1px solid #4f8f9b;padding:22px;border-radius:14px;margin-bottom:20px}.invite-card>div{flex:1}.invite-card h2,.invite-card h3,.invite-card p{margin-bottom:4px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px;gap:20px}.workspace-heading h1{font-size:27px;margin:8px 0 0}.room-badge{font-size:11px;color:#a1d9ce;border:1px solid #284e4c;padding:7px 12px;border-radius:30px}.diagram-layout{display:grid;grid-template-columns:175px minmax(0,1fr) 175px;gap:18px;align-items:start}.rail{display:grid;gap:18px;padding-top:62px}.flow-card{border:1px solid #325768;background:linear-gradient(150deg,#173442,#152839);border-radius:16px;padding:17px;color:#f0fbff}.flow-card h2{font-size:18px;margin:7px 0 12px}.flow-card h2 span{color:var(--cyan)}.flow-card p{font-size:12px;color:#b0c5d3;margin:10px 0 16px}.flow-card small{margin-top:10px;font-size:10px}.flow-card button{font-size:12px;padding:11px 7px}.step-label{font-size:8px;letter-spacing:.1em;color:#84b8c7}.private-room{min-width:0;border:1px solid #436376;border-radius:20px;overflow:hidden;background:#0e2030;box-shadow:0 28px 70px #0004}.room-top{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #355369;background:#192f42}.room-top h2{font-size:27px;margin-bottom:4px}.room-top .muted{font-size:11px}.room-presence{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:11px;color:#d0e6ef}.room-presence>span{padding:5px 9px;background:#243e52;border-radius:30px}.room-interior{display:grid;grid-template-columns:minmax(0,1fr) 265px;min-height:580px}.desktop-section{display:flex;flex-direction:column;min-width:0}.desktop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 17px;border-bottom:1px solid #284257;font-size:10px;letter-spacing:.07em;color:#c4d9e5}.desktop-toolbar b{font-size:10px;letter-spacing:0;font-weight:400;color:#8fa8bc;margin-left:10px}.desktop-toolbar button{font-size:11px;padding:5px 8px;letter-spacing:0}.desktop{position:relative;flex:1;min-height:460px;padding:24px 18px;background:radial-gradient(ellipse at 55% 20%,#1c475d55,transparent 70%),linear-gradient(140deg,#112a3c,#0b172b);background-size:cover}.desktop.dragging{outline:3px dashed var(--cyan);outline-offset:-8px;background:#204557}.desktop-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;pointer-events:none}.empty-icon{width:70px;height:70px;display:grid;place-items:center;background:#244d5d66;border:1px dashed #5a8b9b;border-radius:20px;color:var(--cyan);font-size:35px;margin-bottom:22px}.desktop-empty h3{font-size:18px;color:#b7d3e0;margin-bottom:6px}.desktop-empty p{font-size:12px;color:#7f9daf}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:22px 10px;align-content:start;position:relative}.file-tile{display:flex;align-items:center;flex-direction:column;gap:9px;padding:12px 4px;background:transparent;border:1px solid transparent;color:#eaf6ff;border-radius:10px;min-width:0;box-shadow:none}.file-tile:hover{background:#4386a122}.file-tile.selected{background:#397b9c45;border-color:#72d0e680}.file-tile .filename{font-size:11px;font-weight:500;text-shadow:0 1px 3px #000;line-height:1.4;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paper{position:relative;display:grid;place-items:center;width:48px;height:61px;background:#d9f4ff;border-radius:4px 12px 4px 4px;color:#275a77;font-size:13px;font-weight:900;box-shadow:2px 5px 9px #0004;flex-shrink:0}.paper:after{content:'';position:absolute;right:0;top:0;border-style:solid;border-width:0 0 12px 12px;border-color:transparent transparent #83bdd0 transparent}.paper.md{background:#d7efe1;color:#286a50}.paper.md:after{border-bottom-color:#82b9a0}.paper.mini{transform:rotate(-8deg);width:42px;height:53px}.paper.mini.cyan{transform:rotate(9deg)}.desktop-status{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #29485b;background:#11293a;padding:10px 15px;font-size:10px;color:#9cb9ca;min-height:38px}#selected-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sync-status{color:#9ed9c7;white-space:nowrap}.discussion{border-left:1px solid #355369;background:#142235;display:flex;flex-direction:column;min-width:0}.discussion-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 16px;border-bottom:1px solid #2c4257}.discussion-heading h3{font-size:13px;margin:0}.live-dot{width:6px;height:6px;background:#86dcbf;border-radius:50%}#messages{height:357px;flex:1;min-height:230px;max-height:480px;overflow:auto;padding:14px 10px;display:flex;flex-direction:column;gap:13px}.chat-empty{font-size:12px;color:#8fa8bc;text-align:center;padding:35px 14px}.bubble{align-self:flex-start;background:#203e58;border:1px solid #3b5b75;color:#f0f7ff;border-radius:11px 11px 11px 3px;padding:11px;max-width:95%;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.ai{align-self:flex-end;background:#3b2b4c;border-color:#66467b;color:#fff2ff;border-radius:11px 11px 3px 11px}.bubble strong{display:block;color:#9ae6fb;font-size:10px;margin-bottom:5px}.bubble.ai strong{color:#e6c3fc}.bubble button{display:block;background:#ead6f5;color:#392447;font-size:10px;margin-top:10px;padding:7px 9px}.discussion form{margin:0;border-top:1px solid #2d4257;padding:12px}.discussion textarea{font-size:12px;min-height:75px;margin-top:8px}.composer-actions{display:flex;gap:8px;margin-top:8px;justify-content:space-between}.composer-actions button{font-size:11px;padding:9px 11px}#ask-target{font-size:10px;color:#b6c9d7;overflow-wrap:anywhere}.agent-avatar{font-size:25px;width:50px;height:50px;display:grid;place-items:center;background:#2c4759;border-radius:14px;margin:16px 0 8px}.ai-card strong{display:block;font-size:12px}.agent-state{display:inline-block;font-size:10px;color:#bfd1df;border:1px solid #526d7e;border-radius:20px;padding:3px 8px;margin-top:7px}.agent-state.connected{color:#a8edcf;border-color:#467e6e;background:#214b42}.people-list{display:grid;gap:9px;max-height:170px;overflow:auto;margin:15px 0}.person{font-size:11px;display:flex;align-items:center;gap:7px}.person .avatar{width:25px;height:25px;background:#315369;color:#d8f7ff;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.person span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{font-size:13px;color:#ffd89f;margin:18px 0 0;min-height:20px}dialog{background:#142437;border:1px solid #426079;border-radius:18px;padding:25px;color:var(--ink);width:min(520px,calc(100% - 28px));max-height:85dvh;overflow:auto;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#020711b5;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-heading h2{margin:7px 0 18px;overflow-wrap:anywhere}.preview-dialog{width:min(850px,calc(100% - 28px))}.preview-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55dvh;overflow:auto;background:#0b1829;border:1px solid #2b4257;border-radius:10px;padding:22px;color:#e2f1fc;font-size:13px;line-height:1.7}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.invitation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #2c4257;padding:10px 0;font-size:12px}.invitation-row span{overflow-wrap:anywhere}.invitation-row small{font-size:10px}.invitation-row button{font-size:11px}#invite-message,#auth-message{font-size:13px;color:#ffdda8;margin-top:12px}.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}@media(min-width:1500px){.room-interior{grid-template-columns:minmax(0,1fr) 300px}.desktop{min-height:520px}}@media(max-width:1200px){main{padding:24px 20px}.diagram-layout{grid-template-columns:145px minmax(0,1fr) 145px;gap:12px}.flow-card{padding:13px}.flow-card h2{font-size:16px}.room-interior{grid-template-columns:minmax(0,1fr) 225px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.room-top{padding:16px}.room-presence{max-width:150px}}@media(max-width:1000px){.diagram-layout{grid-template-columns:1fr;gap:14px}.rail{padding:0;grid-template-columns:1fr 1fr}.left-rail{grid-row:1}.private-room{grid-row:2}.right-rail{grid-row:3}.flow-card{padding:16px}.flow-card h2{font-size:19px}.flow-card .step-label{display:none}.people-list{display:flex;flex-wrap:wrap;max-height:55px}.flow-card p{margin:5px 0 10px}.flow-card small{margin-top:7px}.flow-card .agent-avatar{float:right;margin:0;width:40px;height:40px;font-size:22px}.ai-card p{max-width:80%}.room-interior{grid-template-columns:minmax(0,1fr) 265px}.desktop{min-height:410px}.auth-layout{gap:35px}.auth-story h1{font-size:46px}.create-room-card{grid-template-columns:1fr 1fr}.create-room-card>div{grid-column:1/-1}.create-room-card label{margin:0}.invite-card{flex-wrap:wrap}}@media(max-width:650px){.site-header{padding:16px}.brand{font-size:26px}.brand small{font-size:8px}.account-bar{gap:2px;font-size:11px}.account-bar>span{display:none}.account-bar button{font-size:11px;padding:8px}.site-header>a.muted{font-size:11px}main{padding:20px 12px}.auth-layout{display:block;margin:8px auto 30px}.auth-story .eyebrow{font-size:8px}.auth-story h1{font-size:37px;margin:12px 0}.auth-story h1 br{display:none}.auth-story p,.story-files{display:none}.auth-card{padding:23px;margin-top:25px}.workspace-heading{margin-bottom:16px;gap:10px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading h1{font-size:23px}.room-badge{font-size:9px;padding:5px 7px}.rail{gap:10px}.flow-card{padding:13px;border-radius:13px}.flow-card h2{font-size:17px}.flow-card h2 span{display:none}.flow-card p{font-size:11px}.flow-card small{font-size:9px}.room-top{padding:15px 13px;gap:10px}.room-top h2{font-size:25px}.room-presence{display:grid;gap:5px;max-width:130px;font-size:9px}.room-interior{grid-template-columns:1fr}.desktop{min-height:350px;padding:18px 12px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:15px 5px}.file-tile .filename{font-size:10px}.discussion{border-left:0;border-top:1px solid #355369}.discussion-heading{padding:12px 15px}#messages{height:220px;max-height:260px;min-height:220px;flex:none;padding:12px 16px}.bubble{max-width:85%;font-size:13px}.discussion form{padding:12px}.discussion textarea{min-height:65px}.desktop-toolbar{padding:10px}.desktop-toolbar b{margin-left:5px}.desktop-status{font-size:9px}.create-room-card{display:block;padding:20px}.create-room-card label{margin:14px 0}.create-room-card button{width:100%}.rooms-view h1{font-size:30px}.invite-card{padding:16px}.invite-card>div{flex-basis:100%}.notice{font-size:12px}dialog{padding:20px}.dialog-actions{flex-wrap:wrap}footer{font-size:10px}}

.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0}.room-presence>span{display:flex;align-items:center;gap:5px}.room-presence .icon{width:13px;height:13px}.agent-avatar .icon{width:29px;height:29px;color:#b5e9f4}.story-files .icon{width:29px;height:29px;color:#b5e9f4}
.agent-divider{border:0;border-top:1px solid #36596c;margin:18px 0}.external-agents{display:grid;gap:8px;margin-top:10px}.external-agent{font-size:11px;border-top:1px solid #325568;padding-top:8px;overflow-wrap:anywhere}.external-agent button{margin-top:6px;width:100%}#agent-prompt{font-family:ui-monospace,monospace;font-size:11px;max-height:320px;min-height:200px}#agent-message,#agent-approval-message{color:#ffdda8;font-size:13px}.request-actions{display:flex;gap:5px;flex-shrink:0}.request-actions button{font-size:11px;padding:7px}.invitation-row{flex-wrap:wrap}#agent-approval-dialog p{font-size:13px}
/* Workspace v3: desktop tools and readable document windows */
.room-top h2{overflow-wrap:anywhere}.readonly-control{display:inline-flex;align-items:center;gap:8px;margin:10px 12px 8px 0;font-size:12px}.readonly-control input{width:18px;height:18px;accent-color:#ad91ff}.desktop{position:relative}.desktop-apps{display:flex;gap:16px;padding:18px}.desktop-apps .file-tile{width:105px}.demo-coin{display:flex;align-items:center;gap:5px;margin:0 18px 18px;padding:8px 12px;width:max-content;max-width:90%;border:1px solid #47614f;border-radius:24px;background:#16251c;font-size:12px}.demo-coin small{color:#a5b6a8;font-size:9px}.desktop-empty{position:static;min-height:100px;padding:12px}.preview-dialog{width:min(1000px,94vw);max-width:94vw}#file-viewer iframe{width:100%;height:65vh;border:0;background:white}#file-viewer img{max-width:100%;max-height:65vh;object-fit:contain}#preview-content{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto}#file-editor{width:100%;min-height:45vh;font-family:monospace}#pending-agent-banner{padding:12px;border:1px solid #c9ae69;border-radius:10px;color:#f1d393;margin-top:12px}#pending-agent-count{border-radius:50%;padding:2px 6px;background:#7953c2}.game-card{padding:16px;border:1px solid #39314b;margin:12px 0;border-radius:12px}.game-card button{margin:4px}.demo-art{padding:70px 30px;text-align:center;font-size:38px;background:radial-gradient(ellipse at top,#845ced,#183b44);border-radius:20px}.person{flex-wrap:wrap}.dialog-actions{flex-wrap:wrap}
@media(max-width:650px){.room-top{flex-wrap:wrap}.room-top h2{font-size:20px}.desktop-toolbar{align-items:flex-start;gap:8px;flex-wrap:wrap}.desktop-apps{padding:12px;gap:8px}.desktop-apps .file-tile{width:90px}.demo-coin{flex-wrap:wrap}.workspace-heading h1{font-size:24px}}