/* Project conversation mode; retain the workbench warm-paper palette. */
body.agent-mode .app-shell{grid-template-columns:256px minmax(0,1fr)}
body.agent-mode .sidebar,body.agent-mode .companion,body.agent-mode #skills-stage-bar,body.agent-mode #control-guide,body.agent-mode .stage-meta{display:none!important}
body.agent-mode .stage{grid-column:2;grid-row:2;padding:0;overflow:hidden;min-height:0}
body.agent-mode .topbar{grid-column:1/-1}
.agent-projects{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0;padding:24px 16px;gap:16px;overflow:hidden}
.agent-projects header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.agent-projects header small{font-size:12px;color:#8d755f}.agent-projects h2{font-size:20px;margin:8px 0 0;font-weight:600}
.agent-projects button{font:inherit;cursor:pointer;border:1px solid #e4d8ca;border-radius:8px;background:#faf7f2;color:#594533;padding:8px 12px}
.agent-projects header button{font-size:20px}.agent-search{display:block;font-size:12px;color:#8d755f}.agent-search span{display:block;margin-bottom:8px}.agent-search input{width:100%;min-width:0;font:inherit;padding:8px 12px;border:1px solid #e4d8ca;border-radius:8px;background:#fffdfa;color:#51463a}
#agent-project-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}
#agent-project-list button{display:block;flex-shrink:0;width:100%;text-align:left;border-color:transparent;background:transparent;padding:12px}
#agent-project-list button.active{background:#eee2d4;border-color:#ddc6af}#agent-project-list b{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}#agent-project-list small{display:block;margin-top:8px;color:#8d755f;font-size:12px}
.agent-projects footer{font-size:12px;line-height:1.5;color:#8d755f}.agent-projects footer button{display:block;margin-top:12px;width:100%}
body.agent-mode .agent-stage{display:flex;height:100%;min-height:0;padding:24px 32px;background:#faf7f2;overflow:hidden}
.agent-head{align-items:center;flex-shrink:0;padding-bottom:16px;gap:16px}.agent-head h1{font-size:20px;line-height:1.4;font-weight:600;margin:8px 0;overflow-wrap:anywhere}.agent-head p{font-size:12px;line-height:1.5}.agent-kicker{font-size:12px;letter-spacing:0;color:#8d755f}
.agent-model{flex-shrink:0;display:block;font-size:12px;color:#8d755f;max-width:240px}.agent-model select{display:block;width:100%;font:inherit;color:#594533;background:#fffdfa;border:1px solid #e4d8ca;border-radius:8px;padding:8px;margin-top:8px}
.agent-run-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;font-size:12px;padding:12px 0;color:#8d755f}.agent-run-panel b{color:#76543c;font-weight:600}.agent-run-panel p{margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere;max-height:72px;overflow:auto}.agent-run-panel button{flex-shrink:0}
.agent-messages{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:16px 0;scrollbar-gutter:stable}
.agent-message{max-width:760px;border:0;background:transparent;border-radius:0;margin:0 auto 24px;padding:0;font-size:14px;line-height:1.75}.agent-message.user{width:fit-content;max-width:85%;margin:0 0 24px auto;padding:12px 16px;background:#eee2d4;border-radius:16px}.agent-message small{font-size:12px;margin-bottom:8px}.agent-message button{margin-top:12px}
.agent-welcome{max-width:480px;margin:32px auto;color:#8d755f;line-height:1.75}.agent-welcome>span{display:grid;place-items:center;width:48px;height:48px;background:#eee2d4;border-radius:16px;color:#76543c;font-size:24px}.agent-welcome h2{font-size:24px;line-height:1.5;font-weight:600;color:#594533}.agent-welcome p{font-size:14px}
.agent-suggestions{flex-shrink:0;margin:8px 0 12px;gap:8px}.agent-suggestions button{padding:8px 12px;font-size:12px;border-radius:8px;background:transparent}
.agent-form{flex-shrink:0;gap:12px}.agent-form textarea{min-height:80px;max-height:160px;font-size:14px;padding:12px 16px;border-radius:16px}.agent-form button{flex-shrink:0}
.agent-confirm{flex-shrink:0;max-height:220px;overflow:auto;padding:16px;gap:12px;margin:12px 0 0;background:#eee2d4;border-radius:16px}.agent-confirm>div{flex:1;min-width:200px}.agent-confirm b{font-size:14px}.agent-confirm p{font-size:12px;margin:8px 0 0;line-height:1.6}.agent-status{flex-shrink:0;line-height:1.5;font-size:12px;margin:8px 0 0}
.agent-empty{font-size:14px;color:#8d755f;line-height:1.5}
.agent-stage button:not(.primary-button),.agent-run-panel button{font:inherit;font-size:12px;color:#76543c;background:#fffdfa;border:1px solid #ddcbb8;border-radius:8px;padding:8px 12px;cursor:pointer}
.agent-stage button:hover,.agent-projects button:hover{background:#eee2d4}.agent-stage button:active,.agent-projects button:active{transform:translateY(1px)}
.agent-stage :focus-visible,.agent-projects :focus-visible{outline:2px solid #8f6b50;outline-offset:2px}.agent-stage button:disabled,.agent-projects button:disabled{opacity:.55;cursor:default}
@media(max-width:900px){body.agent-mode .app-shell{grid-template-columns:200px minmax(0,1fr)}body.agent-mode .agent-stage{padding:16px}.agent-head{flex-wrap:wrap}.agent-model{max-width:100%;width:100%}.agent-model select{margin-top:4px}.agent-projects{padding:16px 12px}.agent-message.user{max-width:95%}}
@media(max-width:620px){body.agent-mode .app-shell{grid-template-columns:144px minmax(0,1fr);gap:8px}.agent-projects{padding:12px 8px}.agent-projects h2{font-size:16px}#agent-project-list button{padding:8px}.agent-search span,.agent-projects footer{display:none}body.agent-mode .agent-stage{padding:12px}.agent-head h1{font-size:16px}.agent-kicker{display:none}.agent-suggestions{max-height:80px;overflow:auto}.agent-message{font-size:14px}.agent-run-panel{gap:8px}.agent-form{flex-wrap:wrap}.agent-form textarea{flex-basis:100%}}

#agent-latest{flex-shrink:0;align-self:center;margin:0 0 8px}

body.agent-mode .agent-stage:has(.agent-confirm:not(.hidden)){overflow:auto}
#agent-earlier{margin-bottom:24px}
#agent-messages,.agent-message{user-select:text;-webkit-user-select:text;}
.agent-chat-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0;padding:8px 0;font-size:12px;}
.chat-image-previews{display:flex;gap:8px;flex-shrink:0;}
.chat-image-previews img{width:64px;height:64px;object-fit:contain;}
.chat-image-previews span{display:flex;align-items:center;gap:8px;}
.chat-message-image{display:block;max-width:100%;max-height:320px;object-fit:contain;margin-top:8px;}