.ai-room-shell{height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:1120px;margin:auto;background:#fff;box-shadow:var(--shadow)}
.ai-room-header{display:flex;gap:24px;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line)}
.ai-room-header>a{color:var(--accent);font-size:12px}.ai-room-header h1{font-size:23px;margin:0}.ai-room-header p{font-size:12px;color:var(--muted);margin:6px 0 0}
.ai-room-header small{display:block;margin-top:6px;color:#8a9690;font-size:10px}
.ai-room-members{margin-left:auto;display:flex}.ai-room-members span,.ai-room-avatar{display:grid;place-items:center;border-radius:50%;font-weight:900;color:#fff}.ai-room-members span{width:38px;height:38px;margin-left:-8px;border:3px solid #fff;font-size:12px}.human{background:#0f3c8b}.codex{background:#171717}.claude{background:#d97745}
.ai-room-log{overflow:auto;padding:30px 8%;background:linear-gradient(180deg,#f8faf9,#fff)}.ai-room-message{display:flex;gap:12px;margin:0 0 24px;max-width:78%}.ai-room-message.user{margin-left:auto;flex-direction:row-reverse}.ai-room-avatar{flex:0 0 38px;height:38px;background:#0f3c8b;font-size:12px}.ai-room-message.codex .ai-room-avatar{background:#171717}.ai-room-message.claude .ai-room-avatar{background:#d97745}
.ai-room-byline{display:flex;gap:10px;align-items:center;margin:0 5px 6px}.ai-room-message.user .ai-room-byline{justify-content:flex-end}.ai-room-byline time{font-size:10px;color:var(--muted)}.ai-room-bubble{padding:13px 16px;border:1px solid var(--line);border-radius:5px 16px 16px;background:#fff;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.ai-room-message.user .ai-room-bubble{background:var(--accent2);border-color:#cdd8ea;border-radius:16px 5px 16px 16px}.ai-room-message.claude .ai-room-bubble{background:#fff8f2;border-color:#f2ded0}
.ai-room-compose{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:16px 28px 22px;border-top:1px solid var(--line);background:#fff}.ai-room-compose label span{margin-bottom:3px}.ai-room-compose textarea{resize:vertical;min-height:68px}.ai-room-compose button{margin-bottom:1px}
@media(max-width:700px){.ai-room-header{align-items:flex-start;padding:18px}.ai-room-header h1{font-size:18px}.ai-room-members{display:none}.ai-room-log{padding:20px 14px}.ai-room-message{max-width:92%}.ai-room-compose{grid-template-columns:1fr;padding:12px}}