.workspace-bar{position:fixed;inset:0 0 auto;z-index:40;height:64px;padding:0 26px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #2c2c2c;background:#0a0a0af5;font:10px monospace}.workspace-brand{font:bold 20px Arial;margin-right:auto;letter-spacing:-.06em}.workspace-brand span{font:10px monospace;color:#818181;letter-spacing:.06em;margin-left:12px}.workspace-bar>a:not(.workspace-brand){color:#9f9f9f;white-space:nowrap}.workspace-tabs{display:flex;gap:4px}.workspace-tabs button{font:11px monospace;color:#989898;background:none;border:0;padding:10px 12px;cursor:pointer}.workspace-tabs button[aria-pressed=true]{color:#eeeeee;border-bottom:1px solid #eeeeee}.workspace-tabs button:hover{color:white}.room-links{display:none}.agent-chat{position:fixed;right:18px;top:80px;bottom:68px;width:410px;z-index:20;background:#111111f5;border:1px solid #363636;display:flex;flex-direction:column;min-height:0;font:12px/1.5 Arial,sans-serif;box-shadow:0 16px 60px #00000055}.agent-chat[hidden]{display:none}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 20px 9px}.chat-eyebrow{font:9px monospace;letter-spacing:.13em;color:#8d8d8d}.chat-heading h1{font:normal 25px/1.2 Arial;letter-spacing:-.04em;margin:8px 0 0}.agent-chat button{cursor:pointer;font:10px monospace;border:1px solid #424242;color:#d3d3d3;background:none;padding:7px 9px}.agent-chat button:hover{background:#272727;color:white}.agent-chat button:disabled{opacity:.45;cursor:wait}.chat-heading button{border:0;font:24px Arial}.agent-capability{margin:0;padding:0 20px 14px;font:10px/1.6 monospace;color:#979797}.conversation-tools{padding:10px 16px;display:flex;gap:8px;align-items:center;border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c}.conversation-tools label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.conversation-tools select{flex:1;min-width:0;background:#171717;color:#bdbdbd;border:1px solid #3f3f3f;padding:7px;font:10px monospace}#chat-messages{flex:1;overflow:auto;min-height:100px;padding:18px 18px 6px;overscroll-behavior:contain}.chat-empty{color:#989898;padding:28px 4px;line-height:1.8}.chat-empty strong{display:block;font-size:18px;color:#d5d5d5;font-weight:400;margin-bottom:10px}.chat-message{margin-bottom:20px;overflow-wrap:anywhere}.chat-message header{display:flex;justify-content:space-between;color:#7e7e7e;font:9px monospace;margin-bottom:8px}.chat-message[data-role=user] .message-body{background:#232323;border:1px solid #373737;padding:11px 13px;white-space:pre-wrap}.chat-message[data-role=assistant] .message-body{color:#c9c9c9;padding:2px 1px}.chat-message p{margin:5px 0 10px;line-height:1.65}.chat-message .reply-kind{font:9px monospace;letter-spacing:.09em;color:#ededed}.chat-message dl{margin:8px 0}.chat-message dl>div{border-color:#2c2c2c;gap:10px}.chat-message dd{font-size:10px;max-width:240px;overflow-wrap:anywhere}.chat-message ul{padding-left:17px}.chat-message li{margin:7px 0}.chat-message a{color:#e3e3e3;text-decoration:underline;text-underline-offset:3px}.chat-message .tool-detail{border-top:1px solid #343434;margin:12px 0;padding-top:8px;font:10px/1.6 monospace;color:#959595}.tool-detail summary{cursor:pointer}.tool-detail pre{white-space:pre-wrap;max-height:220px;overflow:auto;font:10px/1.5 monospace}.chat-suggestions{display:flex;gap:6px;padding:8px 16px;flex-wrap:wrap}.chat-suggestions button{font-size:9px;color:#acacac}#agent-form{margin:0 16px;border:1px solid #4e4e4e;background:#141414}#agent-input{resize:vertical;min-height:55px;max-height:130px;width:100%;border:0;background:none;color:#e5e5e5;font:12px/1.5 Arial;padding:12px;display:block}.composer-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:0 9px 9px}.composer-actions span{font:9px/1.5 monospace;color:#8d8d8d}.composer-actions button{background:#dedede;color:#0a0a0a;border:0}.chat-footer{display:flex;align-items:center;gap:6px;padding:10px 16px}.chat-footer span{font:8px/1.5 monospace;color:#848484;margin-right:auto}.chat-footer button{border:0;font-size:9px;padding:4px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
body .room-search,body #room-settings,body .system-status{top:80px!important;right:18px;left:auto;bottom:auto!important;width:360px;max-height:calc(100dvh - 150px);background:#111111f5;z-index:20;box-sizing:border-box}body .room-search:not([open]),body #room-settings:not([open]),body .system-status:not([open]){display:none}body:has(#room-settings[open]) .room-search{visibility:visible}body .room-search>summary,body #room-settings>summary,body .system-status>summary{padding:9px 0 14px;border-bottom:1px solid #373737;margin-bottom:13px;background:#111111;letter-spacing:.08em}body .room-search{padding:18px}body .system-status{padding:18px}.room-settings fieldset{margin-top:12px;padding:10px 0}.room-settings label{font-size:10px}.room-settings #voxel-status{font-size:9px}.viewer-bottom{z-index:3}body .viewer-bottom{bottom:20px}.agent-chat input,.agent-chat select,.agent-chat textarea{outline-offset:2px}.agent-chat textarea:focus-visible{outline:1px solid #acacac}
@media(max-width:760px){.workspace-bar{padding:0 14px;gap:10px;height:92px;flex-wrap:wrap;align-content:center}.workspace-brand{font-size:18px}.workspace-brand span{display:none}.workspace-bar>a:not(.workspace-brand){font-size:9px}.workspace-tabs{order:3;width:100%;justify-content:space-between}.workspace-tabs button{padding:8px 10px;font-size:10px}.agent-chat{inset:104px 12px 64px;width:auto}.chat-heading{padding:14px 16px 8px}.chat-heading h1{font-size:22px}.agent-capability{padding:0 16px 10px;font-size:9px}.chat-footer span{max-width:170px}body .room-search,body #room-settings,body .system-status{top:104px!important;left:12px;right:12px;width:auto;max-height:calc(100dvh - 166px)}.conversation-tools{padding:8px 14px}.chat-suggestions{padding:6px 14px}#chat-messages{padding:14px}.chat-message{margin-bottom:15px}}

/* One quiet chrome system. The room has its own clear viewing area beside the dock. */
:root{--room-ink:#e7e7e7;--room-muted:#939393;--room-line:#313131;--room-panel:#121212;--room-dock:392px}
.workspace-bar{height:70px;padding:0 32px;background:#0c0c0c;border-color:#262626;gap:25px;color:var(--room-ink)}
.workspace-brand{font-size:23px;letter-spacing:-.075em}.workspace-brand span{color:#797979;letter-spacing:.13em}
.workspace-tabs{padding:4px;border:1px solid #292929;border-radius:7px;background:#111111;gap:2px}
.workspace-tabs button{border-radius:4px;padding:8px 14px;font-size:10px;transition:color .12s,background .12s}
.workspace-tabs button[aria-pressed=true]{border:0;background:#e3e3e3;color:#111111}
.workspace-tabs button:hover:not([aria-pressed=true]){background:#1e1e1e}
.workspace-bar>a:not(.workspace-brand){font-size:10px;color:#a4a4a4}
.workspace-bar>a:hover{color:white}
body main{padding-top:70px;padding-bottom:48px;height:100dvh}
body .workspace{height:100%;min-height:0}
body .viewer{height:100%;min-height:0;background:radial-gradient(ellipse at 46% 50%,#121212,#090909 74%)}
body.dock-open .viewer{width:calc(100% - var(--room-dock) - 40px)}
.scene-caption{position:fixed;top:104px;left:34px;z-index:4;pointer-events:none}
.scene-caption>span{font:9px monospace;letter-spacing:.13em;color:#878787}
.scene-caption strong{display:block;font:normal clamp(25px,2.6vw,40px)/1.05 Arial;letter-spacing:-.055em;color:#dedede;margin:14px 0}
.scene-caption small{font:8px monospace;letter-spacing:.1em;color:#757575}
.scene-caption-voxels{display:none}.voxels-enabled .scene-caption-preview{display:none}.voxels-enabled .scene-caption-voxels{display:block}
.agent-chat,body .room-search,body #room-settings,body .system-status{right:18px;top:88px!important;width:var(--room-dock);border:1px solid #353535;background:var(--room-panel);border-radius:12px;box-shadow:0 12px 50px #00000033;max-height:calc(100dvh - 152px);overflow:hidden}
.agent-chat{bottom:64px}
body .room-search,body #room-settings,body .system-status{overflow:auto;padding:20px}
.chat-heading{padding:23px 22px 12px}.chat-heading h1{font-size:28px;letter-spacing:-.055em;margin-top:9px;color:#ebebeb}.chat-eyebrow{font-size:8px;letter-spacing:.17em;color:#909090}
.chat-heading button{color:#969696;width:30px;height:30px;padding:0;border-radius:50%}.chat-heading button:hover{background:#262626}
.agent-capability{padding:0 22px 18px;color:#9c9c9c;font-size:9px;line-height:1.7}
.conversation-tools{padding:10px 18px;border-color:#2c2c2c;background:#151515}
.conversation-tools select{background:none;border:0;color:#b1b1b1;font-size:10px;padding:6px 0}
.agent-chat button{border-color:#3f3f3f;border-radius:4px;color:#c8c8c8}.agent-chat button:hover{background:#272727;color:#fafafa}
#chat-messages{padding:20px 21px 8px;scrollbar-width:thin;scrollbar-color:#494949 transparent}
.chat-empty{padding:35px 3px 20px;color:#989898;font-size:12px;line-height:1.8}
.chat-empty::before{content:'⌖';display:block;width:44px;height:44px;border:1px solid #4d4d4d;color:#c2c2c2;border-radius:50%;font:30px/42px monospace;text-align:center;margin-bottom:27px}
.chat-empty strong{font-size:23px;line-height:1.17;letter-spacing:-.04em;color:#e3e3e3;max-width:250px;margin-bottom:15px}
.chat-message{margin-bottom:25px}.chat-message header{font-size:8px;letter-spacing:.07em;color:#868686;margin-bottom:9px}
.chat-message[data-role=user] .message-body{border:1px solid #3e3e3e;background:#252525;border-radius:8px 8px 2px 8px;color:#e6e6e6;padding:11px 13px}
.chat-message[data-role=assistant] .message-body{color:#c8c8c8;font-size:12px;line-height:1.7}
.chat-message .reply-kind{color:#9a9a9a;font-size:8px;letter-spacing:.07em}
.chat-message .tool-detail{border-color:#343434;color:#999999;font-size:9px}.chat-message a{color:#dedede}
.chat-suggestions{padding:9px 18px;gap:7px}.chat-suggestions button{font-size:9px;color:#acacac;background:#1a1a1a;border:1px solid #393939;padding:7px 8px}
#agent-form{margin:0 18px;border:1px solid #696969;border-radius:8px;background:#1b1b1b;box-shadow:0 2px 12px #00000022}
#agent-form:focus-within{border-color:#b9b9b9}#agent-input{font-size:12px;min-height:64px;resize:none;color:#ececec;padding:13px;outline:none}#agent-input::placeholder{color:#8f8f8f}
.composer-actions{padding:0 10px 10px}.composer-actions span{font-size:8px;color:#999999;max-width:200px}.composer-actions button{background:#e5e5e5;color:#1d1d1d;border:0;padding:8px 11px}.composer-actions button:hover{background:#f5f5f5;color:#141414}
.chat-footer{padding:12px 18px;gap:8px}.chat-footer span{color:#868686;font-size:8px}.chat-footer button{font-size:8px;color:#b0b0b0}
body .room-search>summary,body #room-settings>summary,body .system-status>summary{background:var(--room-panel);font-size:11px;color:#dcdcdc;padding:2px 0 17px;border-color:#373737}
.room-settings legend{font:10px monospace;letter-spacing:.04em;color:#d0d0d0}.room-settings fieldset{border-color:#343434;padding-top:12px}.room-settings label,.room-search label{color:#a9a9a9}
.room-settings select,.room-settings input:not([type=checkbox]),.room-search select{background:#1f1f1f;border-color:#484848;border-radius:4px;color:#dfdfdf;padding:8px}
.room-settings input[type=checkbox],.room-search input[type=checkbox]{accent-color:#dadada}
.room-settings .voxel-options{background:transparent}.room-settings p,.room-settings #prefix-help,.room-search #search-status{color:#969696}
.room-search .query-row{border-color:#797979}.room-search .query-row input{padding:13px 0;font-size:13px}.search-result{border-color:#383838;padding:16px 0}.search-result a{font:15px Arial;letter-spacing:-.025em}.search-result button{border-radius:4px;padding:6px 8px}
body .viewer-bottom{left:32px;right:26px;bottom:10px}body .viewer-bottom>span{font-size:8px;max-width:300px;letter-spacing:.02em;color:#888888}.controls{gap:10px}.controls button{font-size:9px!important}
body .awaiting{left:32px;bottom:53px}.awaiting p{font-size:9px;color:#7d7d7d}
/* Keep the requested palette monochrome; warm-grey surfaces, not a green terminal. */
.agent-chat,body .room-search,body #room-settings,body .system-status{filter:none}
@media(max-width:1000px) and (min-width:761px){:root{--room-dock:350px}.workspace-bar{padding:0 20px;gap:14px}.workspace-tabs button{padding:8px 10px}.workspace-brand span{display:none}.scene-caption{left:25px}.scene-caption strong{font-size:29px}}
@media(max-width:760px){.workspace-bar{height:94px;padding:10px 16px;gap:10px;align-content:space-between}.workspace-brand{font-size:20px}.workspace-tabs{padding:2px;width:100%;border-radius:6px}.workspace-tabs button{flex:1;padding:7px 6px;font-size:10px}.workspace-bar>a:not(.workspace-brand){font-size:9px}body main{padding-top:94px;padding-bottom:46px}body.dock-open .viewer{width:100%}.scene-caption{top:125px;left:23px}.scene-caption strong{font-size:30px}.dock-open .scene-caption{display:none}.agent-chat,body .room-search,body #room-settings,body .system-status{top:108px!important;left:12px;right:12px;width:auto;max-height:calc(100dvh - 169px);border-radius:10px}.agent-chat{bottom:61px}.chat-heading{padding:16px 18px 8px}.chat-heading h1{font-size:24px}.agent-capability{padding:0 18px 12px;font-size:9px}.conversation-tools{padding:8px 16px}#chat-messages{padding:16px;min-height:65px}.chat-empty{padding:18px 2px 10px}.chat-empty::before{margin-bottom:18px;width:34px;height:34px;font-size:25px;line-height:32px}.chat-empty strong{font-size:22px}.chat-suggestions{padding:6px 14px}.chat-suggestions button{font-size:8px;padding:6px}#agent-form{margin:0 14px}#agent-input{min-height:50px}.chat-footer{padding:9px 14px}.chat-footer span{max-width:180px}body .viewer-bottom{left:18px;right:18px}body .viewer-bottom>span{max-width:165px;line-height:1.6;font-size:7px}.controls{gap:4px}.dock-open .awaiting{display:none}}
@media(prefers-reduced-motion:reduce){.workspace-tabs button{transition:none}}
/* short viewports: the empty state must fit without scrolling, or the log's stick-to-bottom clips its top */
@media(max-height:900px){.chat-empty{padding-top:6px}.chat-empty::before{display:none}}

/* ── compact and calm: the conversation is the panel; the chrome is one thin row above and one below ────────────── */
:root{--room-dock:348px}
.agent-chat{bottom:18px;max-height:none;display:flex;flex-direction:column}
.chat-heading{display:flex;align-items:center;gap:6px;padding:11px 12px 10px 16px;border-bottom:1px solid #262626}
.chat-heading>div{flex:1;min-width:0}.chat-heading h1{display:none}
.chat-eyebrow{display:block;font:500 15px/1.3 Arial,sans-serif;letter-spacing:-.02em;color:#e7e7e7}
.agent-capability{padding:3px 0 0;margin:0;font-size:9.5px;line-height:1.35;color:#a9a9a9;overflow-wrap:anywhere}   /* it may wrap: "robot not connected" is the part that must never be cut off */
.chat-heading button{flex:none;width:28px;height:28px;font-size:15px;line-height:1;border:0;background:none}
#chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;padding:14px 16px 4px}
.agent-chat>.chat-heading,.agent-chat>.chat-suggestions,.agent-chat>#agent-form,.agent-chat>.chat-state,.agent-chat>.chat-more{flex-shrink:0}
.chat-more[open]{max-height:30%;overflow:auto}
.chat-empty{padding:4px 0 8px;font-size:11.5px;line-height:1.6}.chat-empty::before{display:none}
.chat-empty strong{display:block;font-size:15px;line-height:1.25;letter-spacing:-.02em;max-width:none;margin-bottom:6px}
.chat-message{margin-bottom:16px}.chat-message header{margin-bottom:5px}
.chat-message[data-role=user] .message-body{padding:8px 11px;font-size:12px}
.chat-message[data-role=assistant] .message-body{font-size:11.5px;line-height:1.55}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px 8px}.chat-suggestions button{font-size:9.5px;padding:5px 9px;border-radius:999px}
#agent-form{display:flex;align-items:flex-end;gap:6px;margin:0 12px;padding:4px 4px 4px 10px;border-radius:10px}
#agent-input{flex:1;min-width:0;min-height:0;height:30px;max-height:116px;padding:7px 0;font-size:12.5px;line-height:1.3;border:0;background:none;overflow-y:auto}
#send-agent{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:#e5e5e5;color:#1d1d1d;font-size:13px}
#send-agent:disabled{opacity:.4}
.composer-actions{display:none}
.chat-state{margin:0;padding:5px 16px 0;min-height:14px;font-size:8.5px;letter-spacing:.02em;color:#7f7f7f}
.chat-more{padding:6px 14px 10px}.chat-more>summary{cursor:pointer;list-style:none;font-size:8.5px;letter-spacing:.06em;color:#8a8a8a}
.chat-more>summary::-webkit-details-marker{display:none}.chat-more>summary::after{content:" ▾"}.chat-more[open]>summary::after{content:" ▴"}
.chat-more .conversation-tools{display:flex;align-items:center;gap:6px;padding:8px 0 4px;background:none;border:0}
.chat-more select{flex:1;min-width:0}.chat-more button{font-size:9px;padding:5px 8px}.chat-more span{display:block;font-size:8.5px;color:#7f7f7f}
.chat-footer{display:none}
@media(max-width:760px){.agent-chat{left:12px;right:12px;width:auto;top:108px!important;bottom:12px;max-height:none}}

/* Sender placement makes the exchange readable without a repeated YOU label. */
.chat-message[data-role=user]{max-width:86%;margin-left:auto}
.chat-message[data-role=user] header{justify-content:flex-end}
.chat-message[data-role=user] .message-body{background:#303030;border-color:#4a4a4a;border-radius:12px 12px 3px 12px}
.chat-message[data-role=assistant]{margin-right:18px}
.chat-message[data-role=assistant] header span{font:500 11px Arial,sans-serif;letter-spacing:0;color:#dedede}

/* One primary conversation; occasional tools stay collapsed beneath the composer. */
.chat-suggestions[hidden]{display:none}
.chat-state:empty{display:none}
.chat-more>.agent-capability{margin:10px 0;font-size:9px}
.agent-search{margin:12px 0;border-bottom:1px solid #303030;padding-bottom:12px}
.agent-search>summary{cursor:pointer;font-size:11px;color:#d0d0d0}
.agent-search label{display:block;margin:12px 0 6px;color:#a6a6a6;font-size:10px}
.agent-search .query-row{display:flex;align-items:center;border-bottom:1px solid #777}
.agent-search .query-row input{width:100%;min-width:0;background:none;border:0;color:#eee;font:12px Arial;padding:10px 0}
.agent-search .query-row button{white-space:nowrap}
.agent-search #search-status{font-size:10px;color:#999}
.agent-search #search-status:empty{display:none}
.agent-search .search-result{padding:12px 0;border-top:1px solid #333}
.agent-search .search-result a{font-size:12px}
.agent-search .search-result p,.agent-search .match-tags{font-size:10px;color:#aaa}

/* the wordmark: the landing's own lettering (Katie Roze, traced to vector — /brand-gitirl.svg), same as every other page's bar */
.workspace-brand{display:inline-flex;align-items:center;gap:12px;color:#efece6}
@supports ((-webkit-mask-image:url("")) or (mask-image:url(""))){
  .workspace-brand{font-size:0;letter-spacing:0}
  .workspace-brand::before{content:"";display:block;width:93px;height:39px;background:currentColor;transform:translateY(5px);-webkit-mask:url(/brand-gitirl.svg) left center/contain no-repeat;mask:url(/brand-gitirl.svg) left center/contain no-repeat}
  .workspace-brand span{font:10px ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#797979}
}
.workspace-brand:hover{color:#fff}
@media(max-width:760px){.workspace-brand::before{width:72px;height:30px;transform:translateY(4px)}}