/* Макет окна Codex (из postimly.ru/club, codex-preview.css), без привязки к #mcp */
.codex-demo{margin:0;min-width:0}.codex-preview{--cx-ink:#353638;--cx-muted:#949599;--cx-line:#ececee;border:1px solid #dedee1;border-radius:16px;overflow:hidden;background:#ededee;color:var(--cx-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5;box-shadow:0 8px 28px #24252b08;isolation:isolate}.codex-preview svg{display:block;width:15px;height:15px;flex-shrink:0}.codex-titlebar{height:40px;display:grid;grid-template-columns:194px minmax(0,1fr);align-items:center}.codex-window-nav{display:flex;align-items:center;gap:16px;padding:0 12px}.codex-traffic{display:flex;gap:5px}.codex-traffic i{width:8px;height:8px;border-radius:50%;background:#ff6057}.codex-traffic i:nth-child(2){background:#ffbd2e}.codex-traffic i:nth-child(3){background:#28c840}.codex-history{display:flex;gap:12px;color:#a3a3a6}.codex-history svg{width:12px;height:12px}.codex-window-title{display:flex;align-items:center;gap:9px;min-width:0;padding:0 12px;border-left:1px solid #dedee1;line-height:1.4;font-size:12px;font-weight:550}.codex-window-title>span:not(.codex-window-tools){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.codex-window-tools{display:flex;margin-left:auto;gap:12px;color:#939498}.codex-window-tools svg{width:13px;height:13px}.codex-layout{display:grid;grid-template-columns:32px 162px minmax(0,1fr);min-height:650px}.codex-icon-rail{display:flex;flex-direction:column;align-items:center;gap:17px;padding:9px 4px 12px;color:#929398}.codex-icon-rail>span{position:relative;display:grid;place-items:center;width:25px;height:25px;border-radius:8px}.codex-icon-rail>span.is-active{background:#dedee0;color:#1e1f20}.codex-icon-rail>span.is-active:after{content:"";position:absolute;right:3px;top:2px;width:5px;height:5px;background:#4387ef;border-radius:50%}.codex-icon-rail hr{width:20px;height:1px;border:0;background:#d9d9db;margin:0}.codex-icon-rail .codex-avatar{background:#18b69e;color:#fff;font-size:8px;border-radius:50%;margin-top:auto;width:22px;height:22px}.codex-sidebar{min-width:0;padding:12px 7px 20px;background:#fafafa;border-right:1px solid #eaeaec;border-top-left-radius:13px}.codex-sidebar-heading{display:flex;align-items:center;gap:5px;padding:0 7px 17px}.codex-sidebar-heading strong{font-size:16px;line-height:1.2;font-weight:650}.codex-sidebar-heading>svg{width:11px;height:11px;color:#929398}.codex-sidebar-heading>span{display:flex;gap:11px;margin-left:auto;color:#8d8e92}.codex-sidebar-heading>span svg{width:12px;height:12px}.codex-new-chat{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 7px;color:#535458}.codex-preview .codex-sidebar-label{display:flex;align-items:center;gap:4px;margin:21px 7px 10px!important;color:#9c9da1!important;font-size:11px!important;line-height:1.4!important}.codex-sidebar-label svg{width:10px;height:10px}.codex-project{display:flex;align-items:center;gap:7px;padding:7px;font-size:12px}.codex-selected,.codex-thread{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px 7px 7px 23px;border-radius:8px;font-size:11px;line-height:1.5}.codex-selected{background:#eaeaec}.codex-selected>span,.codex-thread>span{min-width:0}.codex-selected svg,.codex-thread svg{height:10px;width:10px;color:#999a9e}.codex-thread>i{height:5px;width:5px;background:#4489ee;border-radius:50%;flex-shrink:0}.codex-chat{min-width:0;display:flex;flex-direction:column;padding:19px 23px 16px;background:#fff;border-top-left-radius:13px;border-top-right-radius:13px}.codex-conversation{flex:1}.codex-user-message{background:#f4f4f4;color:#3b3b3e;border-radius:15px;padding:11px 14px;margin:0 0 22px 32px;font-size:13px;line-height:1.6}.codex-preview p{font:inherit;font-size:13px;line-height:1.65;max-width:none;margin:0 0 14px;color:#3b3b3e}.codex-preview p strong{font-weight:600;color:#292a2d}.codex-tool-call{display:flex;align-items:center;gap:6px;color:#98999d;font-size:10px;line-height:1.5;margin:0 0 13px}.codex-tool-call>svg{width:10px;height:10px}.codex-tool-call img{border-radius:4px}.codex-tool-call>span:not(.codex-tool-count){min-width:0}.codex-tool-count{margin-left:auto;font-size:9px;color:#a0a0a4}.codex-reference-strip{display:flex;gap:8px;margin:0 0 16px}.codex-reference-strip img{display:block;width:45px;height:60px;object-fit:contain;border:1px solid #e8e8eb;border-radius:5px}.codex-deliverables{display:grid;gap:8px;margin:20px 0 10px}.codex-deliverables>div{display:flex;align-items:center;gap:9px;border:1px solid #e9e9ed;border-radius:10px;padding:11px 10px;min-width:0}.codex-file-icon{display:grid;place-items:center;width:32px;height:36px;background:#f6f6f7;border-radius:9px;color:#98999d;flex-shrink:0}.codex-file-icon svg{width:18px;height:18px}.codex-deliverables>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}.codex-deliverables strong{font-size:12px;line-height:1.4;font-weight:600;color:#303135}.codex-deliverables>div>div>span{font-size:11px;color:#929398;line-height:1.4}.codex-open-label{display:flex;align-items:center;gap:5px;border:1px solid #e7e7eb;border-radius:8px;margin-left:auto;padding:4px 6px;white-space:nowrap;color:#606165;font-size:10px;line-height:1.2}.codex-open-label svg{width:9px;height:9px}.codex-response-tools{display:flex;align-items:center;gap:10px;margin:10px 1px 23px;color:#a2a3a6}.codex-response-tools svg{width:12px;height:12px}.codex-response-tools>span{font-size:10px;margin-left:1px}.codex-composer{border:1px solid #e9e9ed;border-radius:20px;padding:13px 13px 10px;box-shadow:0 3px 12px #292a3509;min-width:0;margin-top:8px}.codex-composer>span{display:block;min-height:43px;color:#77787c;font-size:12px;line-height:1.5}.codex-composer-toolbar{display:flex;align-items:center;gap:9px}.codex-composer-mode{display:flex;align-items:center;gap:7px;font-size:9px;color:#a0a0a4;min-width:0}.codex-composer-mode>svg:first-child{color:#3d3e42}.codex-composer-mode>svg{width:13px;height:13px}.codex-model{display:flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap;font-size:9px;color:#45464a}.codex-model>span{color:#a0a1a4}.codex-model svg{width:9px;height:9px;color:#999a9e}.codex-composer-toolbar>svg{height:13px;width:13px;color:#45464a}.codex-send{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#050506;color:#fff;flex-shrink:0}.codex-send svg{width:13px;height:13px}.codex-demo figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0;text-align:center}@media(max-width:1100px) and (min-width:761px){.codex-titlebar{grid-template-columns:158px minmax(0,1fr)}.codex-layout{grid-template-columns:28px 130px minmax(0,1fr)}.codex-window-nav{gap:11px;padding-left:10px}.codex-history{gap:7px}.codex-sidebar{padding-left:4px;padding-right:4px}.codex-sidebar-heading{padding-left:5px;padding-right:5px}.codex-sidebar-heading>span{gap:5px}.codex-sidebar-heading strong{font-size:14px}.codex-project,.codex-new-chat{font-size:11px}.codex-thread,.codex-selected{font-size:10px;padding-left:14px}.codex-chat{padding:17px 14px 14px}.codex-composer-mode>span{display:none}.codex-open-label{display:none}}@media(max-width:760px){.codex-preview{border-radius:13px}.codex-titlebar{grid-template-columns:36px minmax(0,1fr);height:37px}.codex-window-nav{padding:0 7px}.codex-traffic{gap:3px}.codex-traffic i{width:5px;height:5px}.codex-history{display:none}.codex-window-title{font-size:11px;padding-left:8px;border-left:0}.codex-window-tools{gap:7px}.codex-window-tools svg{width:11px;height:11px}.codex-layout{grid-template-columns:28px minmax(0,1fr);min-height:0}.codex-sidebar{display:none}.codex-icon-rail{gap:14px;padding-left:2px;padding-right:2px}.codex-icon-rail>span{width:23px;height:23px}.codex-icon-rail svg{height:14px;width:14px}.codex-chat{padding:17px 15px 14px;border-top-left-radius:12px}.codex-user-message{margin-left:15px;font-size:13px;padding:10px 11px}.codex-composer-mode>span{display:none}.codex-open-label{display:none}.codex-deliverables strong{font-size:12px}.codex-deliverables>div>div>span{font-size:10px}.codex-model{font-size:9px}.codex-model>span{display:none}.codex-composer-toolbar{gap:8px}.codex-composer{padding:12px 10px 9px;border-radius:18px}.codex-demo figcaption{text-wrap:balance}}@media(max-width:370px){.codex-chat{padding-left:11px;padding-right:11px}.codex-window-title{gap:6px;font-size:10px}.codex-window-title>svg{width:13px;height:13px}.codex-window-tools>svg:last-child{display:none}.codex-user-message{margin-left:7px}.codex-tool-call{font-size:9px;gap:4px}.codex-tool-call img{width:14px;height:14px}.codex-file-icon{width:27px;height:32px}.codex-deliverables>div{padding:9px 8px;gap:7px}.codex-deliverables strong{font-size:11px}.codex-composer-toolbar{gap:6px}.codex-composer-mode{gap:5px}}