.agent-split.is-open{grid-template-columns:minmax(0,calc(100% - var(--browser-share) - 6px)) 6px minmax(0,var(--browser-share));gap:0;align-items:stretch}.split-browser{padding:0;border-radius:14px;display:flex;flex-direction:column;background:var(--surface-soft);min-height:640px}.split-panel-controls{height:38px;min-height:38px;margin:0;padding:0 10px;border-bottom:1px solid var(--line);gap:4px;flex-wrap:nowrap}.split-panel-controls>span{color:var(--muted);font-size:12px;flex:1}.split-panel-controls>.icon-btn{width:30px;height:30px;min-height:30px;min-width:30px;padding:5px;margin:0}.split-panel-controls svg{width:16px;height:16px}.browser-resize-handle{cursor:col-resize;touch-action:none;position:relative}.browser-resize-handle:hover,.browser-resize-handle:focus-visible{background:var(--accent);outline:none}.browser-resizing{cursor:col-resize;user-select:none}.browser-resizing .browser-viewport{pointer-events:none}.agent-split.is-maximized{display:block}.agent-split.is-maximized>.split-chat,.agent-split.is-maximized>[data-browser-resize]{display:none}.browser-workspace{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--surface-soft);position:relative}.browser-chrome{background:var(--surface);position:relative;border-bottom:1px solid var(--line);z-index:3}.browser-tabbar{display:flex;align-items:center;gap:2px;padding:5px 8px 0;min-height:40px}.browser-workspace .browser-tabs{flex:1;display:flex;gap:3px;margin:0;overflow-x:auto;scrollbar-width:thin;min-width:0}.browser-workspace .browser-tab-item{display:flex;flex:1 1 150px;min-width:95px;max-width:230px;background:transparent;border:1px solid transparent;border-radius:9px 9px 0 0;overflow:hidden;padding:0 3px;position:relative}.browser-workspace .browser-tab-item.active{background:var(--surface-soft);border-color:var(--line);border-bottom-color:transparent}.browser-tab{display:flex;align-items:center;gap:7px;padding:9px 5px;color:var(--muted);font-size:11px;min-width:0;flex:1;border:0;background:transparent;text-align:left;min-height:34px}.browser-tab>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-tab-item.active .browser-tab{color:var(--ink)}.browser-tab-symbol{flex-shrink:0}.browser-tab-symbol svg{width:13px;height:13px}.browser-tab-close{width:24px;min-width:24px;min-height:24px;align-self:center;padding:0;background:transparent;color:var(--muted);border:0;border-radius:5px;font-size:17px}.browser-tab-close:hover,.browser-icon:hover{background:var(--hover);color:var(--ink)}.browser-navigation{display:flex;align-items:center;gap:2px;padding:6px 8px}.browser-workspace .browser-icon{display:grid;place-items:center;min-width:30px;width:30px;min-height:30px;height:30px;padding:5px;border:0;border-radius:7px;background:transparent;color:var(--muted);flex-shrink:0}.browser-icon svg{width:17px;height:17px}.browser-icon:disabled{opacity:.35;cursor:default}.browser-workspace #browser-url-form{display:flex;align-items:center;gap:4px;min-width:0;flex:1;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;padding:0 4px;height:34px;margin:0 5px}.browser-workspace #browser-url-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.browser-workspace #browser-url-form input{width:0;flex:1;min-width:0;background:transparent;border:0;box-shadow:none;padding:5px;font-size:12px;min-height:30px;color:var(--ink)}.browser-address-icon svg{width:14px;height:14px;color:var(--muted);margin-left:5px}.browser-options{position:absolute;top:100%;right:8px;width:min(340px,calc(100% - 16px));max-height:65vh;overflow:auto;background:var(--surface);color:var(--ink);padding:16px;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 50px #0007;z-index:10;box-sizing:border-box}.browser-options[hidden]{display:none}.browser-options label{display:block;margin:0 0 12px;font-size:12px}.browser-options select{display:block;width:100%;margin-top:5px;min-height:36px;font-size:12px}.browser-options p{font-size:11px;color:var(--muted);line-height:1.6}.browser-options .browser-input{margin:0 0 12px}.browser-options .browser-input:empty{display:none}.browser-options .browser-input form{display:flex;gap:6px;min-width:0}.browser-options .browser-input input{width:0;flex:1;min-width:0}.browser-key-buttons{display:flex;gap:5px;margin:6px 0}.browser-sharing-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 12px;border-bottom:1px solid var(--line);min-height:34px;box-sizing:border-box;font-size:11px}.browser-mode-badge{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-share-button{padding:2px 6px;background:transparent;border:0;color:var(--accent);font-size:11px;white-space:nowrap;min-height:22px}.browser-notices{max-height:210px;overflow:auto;font-size:12px}.browser-notices .hint{margin:8px;padding:12px;font-size:12px}.browser-asset-notice{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;padding:8px 12px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.browser-asset-notice .text-btn{font-size:11px;min-height:24px}.browser-viewport{position:relative;flex:1;min-height:360px;overflow:auto;background:#fff;overscroll-behavior:contain;outline:none}.browser-workspace .browser-image{display:block;width:calc(100% * var(--browser-zoom,1));min-width:100%;height:auto;aspect-ratio:auto;border:0;border-radius:0;background:white;object-fit:contain;vertical-align:top;cursor:default}.browser-workspace .browser-image[hidden]{display:none}.browser-workspace .browser-view-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--line);max-height:none!important;overflow:visible!important}.browser-workspace .browser-view-grid:has(.browser-secondary){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.browser-secondary{background:var(--surface-soft)}.browser-secondary>button{width:100%;text-align:left;border:0;border-radius:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:30px;text-align:center;background:var(--surface-soft);color:var(--muted);box-sizing:border-box;height:100%}.browser-empty[hidden]{display:none}.browser-empty>span{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.browser-empty svg{width:36px;height:36px}.browser-empty h3{font-size:18px;color:var(--ink);margin:18px 0 7px}.browser-empty p{font-size:12px;margin:0 0 10px}.browser-empty small{font-size:11px}.browser-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);padding:5px 10px;font-size:10px;min-height:27px;border-top:1px solid var(--line);background:var(--surface)}#browser-status{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}#browser-tab-count{white-space:nowrap}.browser-workspace.is-loading .browser-navigation::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);animation:browser-progress 1s ease-in-out infinite}@keyframes browser-progress{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:900px){.agent-split.is-open{display:block}.browser-resize-handle{display:none}.split-browser{padding:0;min-height:calc(var(--mobile-viewport,100dvh) - 210px)}.browser-viewport{min-height:300px}.browser-empty{min-height:300px}.browser-tabbar{padding-left:5px}.browser-navigation{padding:5px;gap:0}.browser-workspace .browser-icon{min-width:32px;width:32px;min-height:36px;height:36px}.browser-workspace #browser-url-form input{font-size:16px!important}.browser-address-icon{display:none}.browser-workspace .browser-tab-item{min-width:100px}.browser-share-button{min-height:32px}.browser-tab-close{min-width:32px;min-height:32px}.browser-sharing-bar{padding:4px 8px}.browser-workspace .browser-view-grid:has(.browser-secondary){grid-template-columns:minmax(0,1fr)}.browser-notices{max-height:180px}.browser-options{max-height:60vh}.browser-options select{font-size:16px!important}.browser-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.browser-workspace.is-loading .browser-navigation::after{animation:none}}
.browser-workspace .browser-viewport{background:var(--surface-soft)}
/* One workspace header, followed by the page; no duplicate title/tool strips. */
.split-toolbar{display:none}.browser-window-controls{display:flex;gap:1px;flex-shrink:0}.split-browser{min-height:0;border-radius:0}.split-toggle{order:2;flex-shrink:0}.chat-head .composer-gear{order:3}.chat-head>[data-action=archive]{order:4}.chat-project-link{background:transparent;border:0;color:inherit;padding:0;min-height:0;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.chat-project-link:hover{color:var(--accent)}
.agent-split .chat-head{padding:10px 16px;min-height:58px;box-sizing:border-box;gap:8px;flex-wrap:nowrap}.agent-split .chat-head>div:first-of-type{flex:1;min-width:0}.agent-split .chat-head h3{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-split .chat-title-line{min-width:0}.agent-split .chat-head small{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-split .chat-head .chat-avatar{width:30px;height:30px}.agent-split .chat-head .icon-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:6px}.agent-split .chat-head .icon-btn svg{width:18px;height:18px}
.codex-layout .content:has(#page>.agent-split){height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:0;max-width:none}.codex-layout .content:has(#page>.agent-split)>.topbar{display:none}.codex-layout #page:has(>.agent-split){flex:1;min-height:0;display:flex;flex-direction:column}.codex-layout #page>.agent-split{flex:1;min-height:0;overflow:hidden}.codex-layout #page>.agent-split>.split-chat{display:flex;flex-direction:column;min-height:0}.codex-layout #page>.agent-split .chat-layout{flex:1;min-height:0;height:100%;border:0;border-radius:0}.codex-layout #page>.agent-split .chat-panel{height:100%;max-height:none;min-height:0;overflow:hidden}.codex-layout #page>.agent-split .chat-messages{flex:1;height:auto;min-height:0;max-height:none;overflow:auto}.codex-layout #page>.agent-split .chat-compose{flex:none}.codex-layout #page>.agent-split .split-browser{min-height:0;height:100%;border-block:0;border-right:0}.codex-layout #page>.agent-split .browser-viewport{min-height:0}.codex-layout #page>.agent-split .browser-empty{min-height:0}
@media(max-width:900px){.agent-split .chat-head .icon-btn{min-width:40px;min-height:40px;width:40px;height:40px}.codex-layout .content:has(#page>.agent-split){height:calc(var(--mobile-viewport,100dvh) - 66px - env(safe-area-inset-bottom))}.keyboard-open .codex-layout .content:has(#page>.agent-split){height:var(--mobile-viewport,100dvh)}.codex-layout .content:has(#page>.agent-split)>.topbar{display:flex;min-height:46px;height:46px;margin:0;padding:0 10px;border-bottom:0;position:static}.codex-layout #page>.agent-split{display:flex;flex-direction:column}.codex-layout #page>.agent-split>.split-chat{flex:1}.codex-layout #page:has(>.agent-split.is-open)>.split-toolbar{display:flex;flex:none;margin:0;padding:0 10px 4px;background:var(--bg);position:static}.split-mobile-tabs{display:flex;gap:6px}.split-mobile-tabs[hidden]{display:none}.split-mobile-tabs .btn{font-size:11px;min-height:36px;padding:6px 10px}.agent-split .chat-head{padding:6px 10px;min-height:54px}.agent-split .chat-head .chat-avatar{display:none}.codex-layout #page>.agent-split.is-open[data-mobile-view=browser] .split-browser{position:static;flex:1;height:auto;inset:auto;max-height:none;min-height:0;border:0}.browser-tabbar{min-height:38px}.browser-window-controls .browser-icon{min-width:28px;width:28px}.codex-layout #page>.agent-split.is-open[data-mobile-view=browser]>.split-chat{display:none}.codex-layout #page>.agent-split .chat-title-line .chat-status{font-size:9px}}
@media(max-width:900px){body:has(.agent-split.is-open[data-mobile-view=browser]) .split-toolbar{position:fixed;top:60px;left:10px;right:10px;padding:5px 0;background:var(--bg);z-index:36;margin:0;gap:5px;flex-wrap:nowrap}body:has(.agent-split.is-open[data-mobile-view=browser]) .split-toolbar .btn{font-size:11px;padding:6px 8px;min-height:36px}.agent-split.is-open[data-mobile-view=browser] .split-browser{position:fixed;inset:108px 10px 72px;z-index:35;min-height:0;max-height:none}.agent-split.is-open[data-mobile-view=browser] .browser-viewport{min-height:0}.agent-split.is-open[data-mobile-view=browser] .browser-empty{min-height:0}.agent-split.is-maximized[data-mobile-view=chat]>.split-chat{display:block}.agent-split.is-open[data-mobile-view=browser] .browser-options{max-height:calc(var(--mobile-viewport,100dvh) - 300px)}}

.codex-layout #page>.agent-split.is-maximized>.split-chat{display:none}
@media(max-width:900px){.codex-layout #page>.agent-split.is-maximized[data-mobile-view=chat]>.split-chat{display:flex}}

.split-browser{position:relative}.split-browser>.browser-window-controls{position:absolute;right:6px;top:5px;z-index:4}.split-browser .browser-tabbar{padding-right:72px}
@media(max-width:900px){.split-toolbar:has(.split-mobile-tabs:not([hidden])){display:flex}}
.codex-layout #page>.agent-split>.split-chat{height:100%}
.browser-window-controls>.browser-icon{display:grid;place-items:center;min-width:30px;width:30px;min-height:30px;height:30px;padding:5px;background:transparent;color:var(--muted);border:0;border-radius:5px;cursor:pointer}.browser-window-controls svg{width:17px;height:17px}
.permission-card{margin:8px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink);font-size:12px;line-height:1.5;min-width:0}.permission-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.permission-label>span{font-size:15px}.permission-card .permission-title{margin:8px 0 12px;font-weight:650;font-size:13px;color:var(--ink)}.permission-sources{display:flex;align-items:baseline;gap:18px;margin:0 0 10px;min-width:0}.permission-sources>span{color:var(--muted);flex-shrink:0}.permission-sources>div{display:grid;gap:4px;min-width:0}.permission-sources a{color:var(--accent);overflow-wrap:anywhere;text-decoration:none}.permission-sources a:hover{text-decoration:underline}.permission-card .permission-description,.permission-card .permission-scope{margin:6px 0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.permission-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.permission-choice{min-height:30px;padding:5px 12px;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);border-radius:999px;font-size:11px;cursor:pointer}.permission-choice.at-start{margin-right:auto}.permission-choice.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.permission-choice:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent)}.permission-choice:focus-visible,.permission-sources a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.permission-choice:disabled{opacity:.5;cursor:wait}.browser-notices:has(.permission-card){max-height:min(330px,50%);flex-shrink:0}
@media(max-width:900px){.permission-card{padding:12px;margin:6px}.permission-sources{gap:12px}.permission-actions{gap:6px}.permission-choice{min-height:44px;font-size:11px;padding:7px 9px}.permission-choice.at-start{margin-right:auto}.browser-notices:has(.permission-card){max-height:48%}}

.permission-scope summary{cursor:pointer;color:var(--muted);min-height:24px;display:list-item}.permission-scope p{margin:6px 0}.permission-scope summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}