:root{color-scheme:light;--bg:#f6f7f9;--panel:#ffffff;--panel-soft:#f2f5f7;--ink:#172026;--muted:#61707c;--line:#dbe2e8;--accent:#0b766d;--accent-strong:#075e57;--warn:#a45d12;--blue:#315a8f;--rose:#9a4058;--shadow:0 18px 50px rgb(23 32 38/9%)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.rooms-app{display:grid;grid-template-columns:280px 84px 280px minmax(0,1fr);min-height:100vh}.resource-sidebar,.rooms-sidebar,.workspace-rail{border-right:1px solid var(--line);background:var(--panel)}.rooms-sidebar{display:flex;flex-direction:column;gap:18px;padding:22px}.brand-block span,.panel-header span,.room-summary span,.topbar span{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand-block h1,.panel-header h2,.room-summary h2{margin:6px 0;letter-spacing:0}.brand-block h1{font-size:34px}.brand-block p,.mini-card p,.panel-header p,.room-summary p,.timeline p{color:var(--muted);line-height:1.5}.create-box{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.create-box small,.room-summary small{color:var(--muted);font-size:12px;line-height:1.4}.runtime-details{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.runtime-details div{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:#fff}.runtime-details dt{color:var(--muted);font-size:12px}.runtime-details dd{margin:0;font-size:12px;font-weight:700}.runtime-notice{display:grid;grid-gap:6px;gap:6px;margin:12px 0;border:1px solid #c7d2fe;border-radius:8px;padding:10px;color:#1e1b4b;background:#eef2ff}.runtime-notice span{color:#3730a3;font-size:12px;line-height:1.45}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--ink);background:#fff}textarea{min-height:96px;resize:vertical}button{border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:var(--ink);background:#fff}.room-list button.selected,button.active,button:hover{border-color:rgb(11 118 109/55%);background:#e8f5f2}button:disabled{cursor:not-allowed;color:#8b98a3;background:#eef2f5}.room-list{display:grid;grid-gap:10px;gap:10px;overflow:auto}.room-list button{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;min-height:78px;text-align:left}.room-list small,.room-list strong{display:block}.room-list small{margin-top:5px;color:var(--muted)}.status-pill{flex:0 0 auto;border-radius:999px;padding:4px 8px;color:var(--warn);background:#fff3e1;font-size:12px;font-weight:700}.status-pill.running{color:var(--accent-strong);background:#dff4ee}.workspace-rail{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px 12px}.workspace-rail button{display:grid;place-items:center;grid-gap:5px;gap:5px;min-height:62px}.workspace-rail button span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--ink);font-weight:800}.workspace-rail small{color:var(--muted);font-size:11px}.resource-sidebar{display:flex;flex-direction:column;gap:16px;background:#fbfcfd}.summary-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.access-panel,.resource-group{border-top:1px solid var(--line);padding-top:14px}.access-panel{display:grid;grid-gap:10px;gap:10px}.team-context-panel{background:#fff}.personal-byo-panel,.team-context-panel{border:1px solid var(--line);border-radius:8px;padding:12px}.personal-byo-panel{background:#f9fbfa}.personal-byo-form,.personal-byo-list{display:grid;grid-gap:8px;gap:8px}.personal-byo-row{display:grid;grid-gap:2px;gap:2px;border-top:1px solid var(--line);padding-top:8px}.personal-byo-row strong{font-size:13px}.error-copy,.personal-byo-row span{color:var(--muted);font-size:12px}.error-copy{color:var(--rose)}.access-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-panel label,.access-panel-header span{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.access-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.capability-list{display:grid;grid-gap:6px;gap:6px;margin:0}.capability-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.capability-list dd,.capability-list dt{margin:0;color:var(--muted);font-size:13px}.capability-list dd{color:var(--ink);font-weight:700}.conflict-panel h3,.lane h3,.mini-card h3,.resource-group h3{margin:0 0 8px;font-size:15px}.resource-group p{margin:8px 0;color:var(--muted);font-size:14px}.workspace-document{padding:22px}.topbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.topbar div{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel)}.topbar strong{display:block;overflow-wrap:anywhere;margin-top:5px;font-size:13px}.topbar-error{border-color:#e4b9b9!important;background:#fff8f8!important}.dev-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);grid-gap:14px;gap:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfcfd}.dev-panel label{display:block;margin-bottom:7px;color:var(--muted);font-size:13px;font-weight:700}.dev-actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}.dev-panel p{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px}.rooms-launch-panel{display:grid;grid-gap:6px;gap:6px}.rooms-launch-panel span{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.rooms-launch-panel strong{font-size:15px}.rooms-launch-panel p{grid-column:auto;line-height:1.4}.rooms-launch-panel a{width:-moz-fit-content;width:fit-content;color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.collaboration-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.collaboration-preview div{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.collaboration-preview strong{display:block;margin-bottom:6px;color:var(--accent-strong)}.panel{border:1px solid var(--line);border-radius:8px;padding:22px;background:var(--panel);box-shadow:var(--shadow)}.canvas-grid,.editor-layout,.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);grid-gap:16px;gap:16px}.browser-frame,.code-preview,.conflict-panel,.file-tree,.lane,.mini-card,.presence-stack,.timeline{border:1px solid var(--line);border-radius:8px;background:#fff}.browser-frame{overflow:hidden;min-height:420px}.browser-bar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px;background:var(--panel-soft)}.browser-bar span{width:12px;height:12px;border-radius:50%;background:var(--rose);box-shadow:20px 0 0 #d8902f,40px 0 0 var(--accent)}.browser-bar strong{flex:1 1;min-width:0;margin-left:34px;overflow-wrap:anywhere;color:var(--muted);font-size:13px}.browser-frame iframe{display:block;width:100%;min-height:368px;border:0;background:#fff}.browser-preview-layout{display:grid;grid-gap:14px;gap:14px}.preview-empty{display:grid;place-items:center;min-height:368px;padding:24px;text-align:center;background:#f7faf8}.preview-empty strong{display:block;margin-bottom:8px;font-size:22px}.preview-status{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--panel-soft)}.mini-actions{display:flex;flex-wrap:wrap;gap:8px}.mini-actions button{flex:1 1 120px}.browser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.browser-viewport{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.browser-viewport footer,.browser-viewport header{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--panel-soft)}.browser-viewport footer,.browser-viewport header small,.browser-viewport header span{color:var(--muted);font-size:12px}.browser-viewport header strong{display:block;margin-top:3px}.browser-viewport iframe{display:block;width:100%;min-height:220px;border:0;background:#fff}.error-text{color:#a33939}.preview-surface{display:grid;place-items:center;min-height:368px;padding:24px;color:#fff;background:linear-gradient(135deg,rgb(11 118 109/82%),rgb(49 90 143/84%)),repeating-linear-gradient(45deg,#eff4f4 0 12px,#e3eaec 12px 24px)}.preview-surface div{max-width:520px}.preview-surface strong{display:block;font-size:32px}.code-preview,.conflict-panel,.presence-stack,.timeline{padding:14px}.presence-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--blue);font-weight:800}.stack{display:grid;align-content:start;grid-gap:10px;gap:10px}.wide-button{width:100%;text-align:left}.cards{display:grid;grid-gap:14px;gap:14px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three,.kanban{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;grid-gap:14px;gap:14px}.provider-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.agent-notice{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--panel-soft)}.agent-layout{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);grid-gap:16px;gap:16px}.agent-create,.agent-parallel-lanes,.agent-session-list,.agent-sidebar,.agent-transcript,.prompt-composer,.transcript-list{display:grid;align-content:start;grid-gap:10px;gap:10px}.agent-sidebar{border-right:1px solid var(--line);padding-right:16px}.agent-parallel-lanes{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-parallel-lanes button{display:grid;grid-gap:4px;gap:4px;text-align:left}.agent-parallel-lanes button.selected{border-color:var(--accent);background:#eef8f4}.agent-parallel-lanes span{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase}.agent-parallel-lanes small{color:var(--muted);font-size:12px}.agent-session-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;width:100%;text-align:left}.agent-session-list small,.agent-session-list strong{display:block}.agent-event small,.agent-event-header time,.agent-session-list small,.agent-session-summary p,.file-change span,.prompt-composer small{color:var(--muted);font-size:12px;line-height:1.4}.agent-event,.agent-session-summary{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.agent-session-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);grid-gap:14px;gap:14px}.agent-event-header span,.agent-session-summary span{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.agent-event h3,.agent-session-summary h3{margin:5px 0 6px}.agent-usage-grid,.agent-usage-inline{display:grid;grid-gap:8px;gap:8px;margin:0}.agent-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-usage-inline{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.agent-usage-grid div,.agent-usage-inline div{border:1px solid var(--line);border-radius:7px;padding:8px;background:var(--panel-soft)}.agent-usage-grid dd,.agent-usage-grid dt,.agent-usage-inline dd,.agent-usage-inline dt{margin:0;font-size:12px}.agent-usage-grid dd,.agent-usage-inline dd{margin-top:3px;color:var(--ink);font-weight:800}.agent-event-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.agent-event p{margin:10px 0;color:var(--ink);line-height:1.5}.agent-event.user_message{border-left:4px solid var(--blue)}.agent-event.assistant_message{border-left:4px solid var(--accent)}.agent-event.error{border-left:4px solid #a33939}.agent-command,.file-change pre{overflow:auto;margin:10px 0 0;border-radius:7px;padding:10px;color:#d8e5e1;background:#182124;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.file-change-list{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.file-change{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel-soft)}.file-change div{display:flex;justify-content:space-between;gap:10px}.agent-empty{border:1px dashed var(--line);border-radius:8px;padding:24px;color:var(--muted);text-align:center}.prompt-composer{position:-webkit-sticky;position:sticky;bottom:12px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;box-shadow:var(--shadow)}.prompt-composer div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lane,.mini-card{padding:16px}.mini-card strong{color:var(--accent-strong)}.editor-layout{grid-template-columns:220px minmax(0,1fr) 260px}.file-tree{display:grid;align-content:start;grid-gap:8px;gap:8px;padding:10px}.file-tree button{overflow-wrap:anywhere;text-align:left}.code-preview{overflow:auto;min-height:280px;margin:0;color:#d8e5e1;background:#182124;font-family:SFMono-Regular,Consolas,monospace}@media (max-width:1180px){.rooms-app{grid-template-columns:250px 76px minmax(0,1fr)}.resource-sidebar{display:none}}@media (max-width:820px){.rooms-app{grid-template-columns:1fr}.resource-sidebar,.rooms-sidebar,.workspace-rail{border-right:0;border-bottom:1px solid var(--line)}.workspace-rail{flex-direction:row;overflow-x:auto}.workspace-rail button{min-width:76px}.agent-layout,.agent-parallel-lanes,.agent-session-summary,.browser-grid,.canvas-grid,.cards.three,.cards.two,.collaboration-preview,.dev-panel,.editor-layout,.kanban,.split,.topbar{grid-template-columns:1fr}.agent-sidebar{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:14px}.agent-usage-grid,.agent-usage-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--bg:#f4efe6;--panel:#fffaf1;--panel-soft:#ede7dc;--ink:#151917;--muted:#6b716f;--line:#ded5c6;--accent:#1f8a73;--accent-strong:#126350;--terminal:#101513;--terminal-2:#17211d;--terminal-line:#2a3832;--terminal-text:#e5efe8;--terminal-muted:#8fa198;--shadow:none}body{background:radial-gradient(circle at 80% 0,rgb(31 138 115/10%),transparent 28rem),linear-gradient(180deg,#faf6ee,#f1ebdf);font-family:IBM Plex Sans,Aptos,Helvetica Neue,Arial,sans-serif}.rooms-app{grid-template-areas:"rooms rail workspace inspector";grid-template-columns:300px 72px minmax(680px,1fr) 340px;height:100vh;min-height:0;overflow:hidden}.rooms-sidebar{grid-area:rooms;gap:20px;padding:24px;background:rgb(255 250 241/88%)}.workspace-rail{grid-area:rail;padding:18px 10px;background:#f8f1e6}.resource-sidebar{grid-area:inspector;overflow:auto;padding:20px;background:rgb(255 250 241/78%)}.workspace-document{grid-area:workspace;display:flex;min-width:0;min-height:0;flex-direction:column;gap:14px;overflow:auto;padding:20px 22px 28px}.access-panel label,.access-panel-header span,.brand-block span,.panel-header span,.room-summary span,.rooms-launch-panel span,.topbar span{color:var(--accent-strong);letter-spacing:.08em}.brand-block h1{margin:8px 0 14px;font-size:54px;line-height:.9;letter-spacing:-.065em}.brand-block p{max-width:13.5rem;font-size:16px}.create-box{gap:12px;border:1px solid rgb(21 25 23/10%);border-radius:18px;padding:16px;background:rgb(255 255 255/46%)}button,input,select,textarea{border-radius:12px}button{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}.room-list button{min-height:86px;border:1px solid transparent;border-radius:18px;padding:16px 18px;background:transparent}.room-list button.selected{border-color:rgb(31 138 115/35%);background:#e7f2ed}.room-list strong{font-size:17px;line-height:1.05}.status-pill{padding:5px 10px;font-size:11px}.workspace-rail button{min-height:58px;border-color:transparent;border-radius:16px;background:transparent}.workspace-rail button.active{border-color:rgb(31 138 115/32%);background:#e5f0eb}.workspace-rail button span{width:34px;height:34px;background:var(--terminal);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.room-summary h2{font-size:30px;line-height:1.02;letter-spacing:-.05em}.access-panel,.personal-byo-panel,.runtime-details div,.team-context-panel{border-color:rgb(21 25 23/10%);background:rgb(255 255 255/40%)}.access-panel p,.personal-byo-panel p,.team-context-panel p{font-size:12px}.topbar{order:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgb(255 250 241/80%)}.topbar div{border:0;border-right:1px solid var(--line);border-radius:0;padding:12px 14px;background:transparent}.topbar div:last-child{border-right:0}.topbar strong{margin-top:4px;font-size:12px;line-height:1.25}.topbar-secondary strong{color:var(--muted);font-weight:650}.topbar-error{grid-column:1/-1;border-top:1px solid #edc1b8!important;border-right:0!important;color:#752d20;background:#fff1ec!important}.panel{order:1;border:0;border-radius:24px;padding:0;background:transparent}.panel-header{margin-bottom:18px}.panel-header h2{max-width:780px;margin:6px 0 8px;font-size:clamp(34px,4vw,64px);line-height:.95;letter-spacing:-.07em}.panel-header p{max-width:680px;font-size:17px}.shell-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:16px;gap:16px}.terminal-surface{overflow:hidden;min-height:500px;border:1px solid #23332d;border-radius:24px;color:var(--terminal-text);background:linear-gradient(180deg,rgb(255 255 255/4%),transparent 35%),var(--terminal);box-shadow:0 24px 80px rgb(16 21 19/20%)}.terminal-tabs{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--terminal-line);padding:14px 16px;background:var(--terminal-2)}.terminal-output,.terminal-output p,.terminal-tabs span,.terminal-tabs strong{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.terminal-tabs span{flex:1 1;color:var(--terminal-muted)}.terminal-tabs strong{color:#9be7bd;font-size:12px;text-transform:uppercase}.terminal-tabs button{border-color:rgb(155 231 189/24%);color:#d7f5e1;background:rgb(155 231 189/8%)}.terminal-output{display:grid;align-content:end;min-height:442px;padding:28px;font-size:15px;line-height:1.72}.terminal-output p{margin:0 0 10px}.terminal-output span{color:#9be7bd;margin-right:10px}.terminal-muted{color:var(--terminal-muted)}.live-room-map{display:grid;grid-gap:12px;gap:12px}.live-room-map div{display:grid;align-content:space-between;min-height:112px;border:1px solid rgb(21 25 23/10%);border-radius:20px;padding:16px;background:rgb(255 250 241/70%)}.live-room-map strong{font-size:18px}.live-room-map span{color:var(--muted);font-size:13px}.presence-strip{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.presence-strip span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(21 25 23/10%);border-radius:999px;padding:8px 12px;color:var(--muted);background:rgb(255 250 241/70%);font-size:13px}.presence-strip b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;color:#fff;background:var(--terminal);font-size:12px}.dev-panel{order:3;grid-template-columns:minmax(280px,.8fr) minmax(260px,.9fr) auto;align-items:start;margin:0;border:1px solid rgb(21 25 23/10%);border-radius:20px;padding:16px;background:rgb(255 250 241/74%)}.dev-panel.connected{border-color:rgb(31 138 115/28%);background:#edf7f1}.dev-panel.needs-auth{border-color:rgb(164 93 18/22%)}.rooms-launch-panel strong{font-size:18px}.rooms-launch-panel a{margin-top:4px;border-bottom:1px solid}.developer-token-field label{color:var(--muted)}.advanced-actions{min-width:170px}.advanced-actions summary{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted);background:rgb(255 255 255/46%);font-weight:700}.advanced-actions[open]{grid-column:1/-1}.advanced-actions[open] summary{width:-moz-fit-content;width:fit-content;margin-bottom:12px}.dev-actions{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr))}.collaboration-preview{grid-column:1/-1}@media (max-width:1320px){.rooms-app{grid-template-areas:"rooms rail workspace";grid-template-columns:280px 68px minmax(0,1fr)}.resource-sidebar{display:none}}@media (max-width:900px){.rooms-app{display:block;height:auto;overflow:visible}.rooms-sidebar,.workspace-document,.workspace-rail{border-right:0}.workspace-document{overflow:visible}.dev-panel,.shell-stage,.topbar{grid-template-columns:1fr}.topbar div{border-right:0;border-bottom:1px solid var(--line)}.terminal-surface{min-height:420px}}.rooms-launch-panel em{color:var(--muted);font-size:12px;font-style:normal}