/* R10 visual polish: calm reading column with a light, anchored composer. */
.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}
.demo-home .main-content{background:radial-gradient(circle at 50% 0,#12202a 0,#0a1017 42%)}
.conversation-header{min-height:62px;padding:13px clamp(20px,4vw,48px);border-bottom-color:#172632;background:rgba(10,16,23,.76)}
.conversation-header h1{font-size:15px;letter-spacing:.01em}.conversation-header .project-context{display:block;margin-top:2px;color:#718696;font-size:10px}.conversation-header .eyebrow{display:none}.demo-status{font-size:9px;color:#78aaa8;letter-spacing:.08em}.advanced-button{padding:5px 8px;border-color:#263d4c;background:transparent;color:#718898;font-size:10px}.advanced-button:hover,.advanced-button:focus-visible{border-color:#4b7d86;color:#c8e6e2}
.messages,.mission-intent,.mission-progress,.codex-conversation,.mission-actions{width:min(740px,calc(100% - 40px))}.messages{padding:34px 0 42px}.empty-welcome{padding-top:clamp(70px,15vh,150px)}.message{padding:20px 0;border-bottom:0}.message+.message{padding-top:25px}.message p{max-width:680px;color:#d3dfe5;font-size:14px}.message-label{font-size:9px;color:#789aa6}.message pre{max-width:690px;border-color:#1d3543;border-radius:8px;background:#0a131b}
.composer{position:sticky;bottom:14px;z-index:5;width:min(740px,calc(100% - 40px));margin:0 auto 14px;padding:12px 13px 9px;border:1px solid #29404d;border-radius:16px;background:rgba(17,29,39,.94);box-shadow:0 12px 35px #0005;backdrop-filter:blur(10px)}.composer textarea{min-height:42px;max-height:140px;font-size:14px}.composer textarea::placeholder{color:#708897}.composer-row{margin-top:9px}.composer-left{gap:7px}.composer-icon{width:30px;height:30px;border-radius:50%;border-color:#365363;background:#142531;color:#a5d8d2;font-size:18px;line-height:1}.profile-select{padding:4px 7px;border:0;background:transparent;border-radius:8px}.profile-select select{background:transparent;color:#aec8ca;font-size:11px;cursor:pointer}.handoff-link{padding:4px 2px;color:#789ba8;font-size:10px}.send{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #3d7375;border-radius:50%;background:#1e5558;color:#c7eeea;font-size:17px;line-height:1}.send:disabled{border-color:#29484d;background:#172d32;color:#607c80;cursor:not-allowed;opacity:.8}.composer-note{margin-top:7px;color:#58717e;font-size:8px}.plus-menu{bottom:39px;border-color:#294554;border-radius:10px;background:#13232e}.plus-menu button{padding:9px;font-size:11px}
.mission-intent{margin-top:30px}.mission-actions{margin-bottom:8px}.mission-actions+.composer{margin-top:0}
.demo-home .sidebar{background:#0b141d;border-right-color:#1a2c38}.sidebar-brand{margin-bottom:26px}.new-conversation{border-color:#28565d;background:#102b32}.recent-label{color:#59727e}.sidebar-foot{border-top-color:#1a2c38}.more-toggle{color:#9bb0bb}.more-toggle:hover{color:#d7e5e8}
.sidebar{overflow-x:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:flex-start;min-height:34px}.brand-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.brand-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.brand-toggle .brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);border-radius:9px;color:var(--cyan);font-weight:800;font-size:20px}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .secondary-nav{display:block}.sidebar-collapsed .sidebar-brand{margin-left:0;margin-right:0}.sidebar-collapsed .brand-toggle{flex:0 0 34px}
@media(min-width:761px){.demo-home #qcodex .composer{margin-top:0}.demo-home #qcodex .codex-conversation{min-height:100px}.demo-home #qcoder .composer{margin-top:0}}
@media(max-width:760px){.messages,.composer,.mission-intent,.mission-progress,.codex-conversation,.mission-actions,.mission-drawer{width:calc(100% - 28px)}.composer{bottom:8px}.handoff-link{display:none}}

/* R10-R1 geometry/control order: the reading column and composer share one stable axis. */
.demo-home .view.active{min-width:0;min-height:0}
.demo-home #qcoder .conversation-body,.demo-home #qcodex .codex-conversation{min-width:0}
.demo-home #qcoder .messages,.demo-home #qcoder .composer,.demo-home #qcodex .codex-conversation,.demo-home #qcodex .composer{width:min(820px,calc(100% - 48px));margin-inline:auto}
.demo-home #qcoder .composer,.demo-home #qcodex .composer{flex:0 0 auto;position:sticky;bottom:14px;margin-top:0;margin-bottom:14px;align-self:center}
.composer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.composer-left,.composer-right{display:flex;align-items:center;gap:7px;min-width:0}
.composer-right{margin-left:auto}
.handoff-link{display:inline-flex;align-items:center;height:30px;padding:0 9px;border:1px solid #2f4b58;border-radius:7px;background:#14232d;color:#9cb9c0;font-size:10px;line-height:1;white-space:nowrap}
.handoff-link:hover,.handoff-link:focus-visible{border-color:#47757a;background:#192d37;color:#c8e6e2}
.profile-select{height:30px;padding:0 7px;border:1px solid #2f4b58;background:#14232d;color:#9cb9c0;white-space:nowrap}
.profile-select{width:132px;overflow:hidden}
.profile-select select{width:100%;min-width:0;font-size:11px}
.send{flex:0 0 32px}
.send:not(:disabled){border-color:#62c9c0;background:#27918e;color:#fff;box-shadow:0 0 0 2px #27918e33}
.qchat-pending .send{border-color:#d2ad62;background:#80672f;color:#fff;cursor:wait}
@media(max-width:760px){.demo-home #qcoder .messages,.demo-home #qcoder .composer,.demo-home #qcodex .codex-conversation,.demo-home #qcodex .composer{width:calc(100% - 28px)}.handoff-link{display:inline-flex}}