#stage{width:1031px;height:749px}
body{background:#fff}
.studio{display:none}
.screen{left:40px;top:40px;width:951px;height:669px;border-radius:60px;background:#fff}
.status,.home{display:none}
.panes{width:867px;height:669px;grid-template-columns:1fr 1fr;gap:1px;background:#eee;padding-left:0}
.panes[data-view=codex],.panes[data-view=mirror]{grid-template-columns:1fr}
.panes[data-view=codex]>.mirror,.panes[data-view=mirror]>.codex{display:none}
.figma-rail{position:absolute;right:24px;top:0;width:48px;height:669px;display:block}
.duo-status{position:absolute;top:24px;left:0;width:48px;height:86px;object-fit:contain;background:#fff}
.figma-rail button{position:absolute;left:0;width:48px;height:48px;background:transparent;border-radius:24px;border:0;padding:0}
.figma-rail button:hover{background:#ffffff28}
.figma-rail #add{top:597px;bottom:auto;right:auto;left:0;width:48px;height:48px;background:#000;color:#fff;border:0;font-size:28px;box-shadow:none;display:grid;place-items:center}
.figma-rail #add:hover{background:#222}
.figma-rail #add svg{width:26px;height:26px;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.figma-rail button:focus-visible{outline:2px solid #007aff;outline-offset:1px}
.codex .appbar{height:72px}.codex .conversation{font-size:15px;padding:14px 20px 20px}
.codex .answer{font-size:16px}.codex .bubble{font-size:15px}
.codex .bubble{width:fit-content;margin-left:auto;margin-right:0;padding:10px 14px}
.codex .composer-wrap{padding-right:20px;padding-left:20px}
.codex .appbar,.mirror .appbar{padding-left:20px;padding-right:20px}
.mirror .feed{padding-left:20px;padding-right:20px}
.codex .task-actions{display:flex;width:104px;height:48px;border-radius:26px}
.codex .task-actions #new,.codex .task-actions #task-more{display:grid;place-items:center;width:52px;height:48px;padding:0}
.codex .task-actions svg{width:24px;height:24px;stroke-width:2.1}
.codex #tasks{width:48px;height:48px}
.codex #tasks svg{width:29px;height:29px;stroke-width:2.5}
.codex #tasks,.codex .task-actions{background:linear-gradient(145deg,#ffffffed,#ffffffb8);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 5px 20px #0000000a;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.reply-actions{display:flex;align-items:center;gap:8px;margin:12px 0 24px;color:#68686b}
.reply-actions button{width:28px;height:32px;padding:3px;display:grid;place-items:center;border-radius:6px}
.reply-actions svg{width:20px;height:20px;stroke-width:2}
.reply-actions button:hover{background:#f1f1f2}
.reply-actions button[aria-pressed=true]{color:#007aff;background:#edf5ff}
.reply-actions time{font-size:12px;line-height:20px;margin-left:3px}