.agent-view{padding-block:54px 96px;min-height:calc(100svh - 222px)}
.agent-heading,.agent-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:96px}
.agent-heading{align-items:end}
.agent-heading h1{font-size:68px;line-height:1.12;letter-spacing:-.04em;margin:0 0 23px}
.agent-intro{font-size:16px;line-height:1.85;margin:0;color:var(--muted)}
.agent-access{min-width:0;padding-bottom:4px}
.agent-connection{display:flex;align-items:center;gap:9px;font-size:11px;color:#a3a89c;margin:0 0 17px}
.agent-connection::before{content:'';width:5px;height:5px;border-radius:50%;background:#899080;flex:none}
.agent-connection[data-state=connected]::before{background:var(--yellow)}
.agent-view .agent-login{width:100%;gap:18px;padding-inline:19px;font-size:12px;min-height:56px;white-space:nowrap}
.agent-login svg{width:17px;height:17px}
.agent-access-note{font-size:11px;line-height:1.8;margin:13px 0 0;max-width:38ch;color:#a3a89c}
.agent-auth-notice{font-size:11px;line-height:1.85;margin:14px 0 0;color:#e0c478;max-width:44ch}
.agent-auth-link{display:inline-flex;align-items:center;gap:14px;margin-top:12px}
.agent-auth-link svg{width:16px;height:16px}
.agent-pairing-code{display:block;font:17px/1.8 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--paper);margin-top:14px;overflow-wrap:anywhere}
.agent-auth-qr{margin-top:18px}
.agent-auth-qr img{display:block;width:180px;max-width:100%;height:auto}
.agent-workspace{margin-top:61px;align-items:start}
.agent-conversation{min-width:0}
.agent-service-status{font-size:11px;line-height:1.85;color:#c3b171;max-width:72ch;margin:0 0 39px}
.agent-start h2{font-size:25px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}
.agent-start>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.agent-shortcuts{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:5px;margin-top:25px;margin-bottom:33px;max-width:610px}
.agent-shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:9px 0;background:none;border:0;text-align:left;font-size:13px;font-weight:500;color:#c7cdbd;transition:color .18s}
.agent-shortcuts button svg{width:14px;height:14px;color:#909d7c;transition:transform .18s,color .18s}
.agent-shortcuts button:hover{color:var(--yellow)}
.agent-shortcuts button:hover svg{color:var(--yellow);transform:translate(2px,-2px)}
.agent-shortcuts button:active svg{transform:translate(0,0)}
.agent-view .agent-composer{margin:0}
.agent-composer label{display:block;color:#cbd2bf;font-size:12px;font-weight:500;line-height:1.7;margin-bottom:13px}
.agent-composer textarea{display:block;width:100%;min-height:113px;max-height:330px;resize:vertical;border:0;border-bottom:1px solid #414934;border-radius:0;background:transparent;color:var(--paper);font:15px/1.8 var(--body);padding:0 0 16px;caret-color:var(--yellow);transition:border-color .18s}
.agent-composer textarea::placeholder{color:#929b87;opacity:1}
.agent-composer textarea:hover{border-bottom-color:#69754f}
.agent-composer textarea:focus{border-bottom-color:var(--yellow);outline:2px solid var(--yellow);outline-offset:7px}
.agent-composer textarea:disabled{cursor:not-allowed;opacity:.5}
.agent-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:21px}
.agent-composer-footer p{font-size:10px;line-height:1.8;max-width:39ch;color:#a3a89c;margin:0}
.agent-view .agent-send{min-height:47px;font-size:12px;gap:24px;padding:12px 17px;flex:none}
.agent-send svg{width:16px;height:16px}
.agent-view button:disabled{cursor:not-allowed;transform:none}
.agent-view button[aria-busy=true]{cursor:progress}
.agent-guidance{padding-top:0;max-width:310px}
.agent-guidance h2{font-size:29px;line-height:1.3;letter-spacing:-.03em;margin:0 0 22px}
.agent-guidance p{font-size:12px;line-height:1.95;color:#a3a89c;margin:0 0 20px;max-width:42ch}
.agent-guidance .agent-guidance-note{color:#bdc6ad;font-size:11px;line-height:1.9;margin-top:30px}
.agent-reply-log:empty{display:none}
.agent-reply-log{display:flex;flex-direction:column;gap:30px;margin-block:35px 37px;overflow-wrap:anywhere}
.agent-message{font-size:14px;line-height:1.9;max-width:72ch;white-space:pre-wrap;color:#dce2cf}
.agent-message[data-author=user]{color:#b1bba2;margin-left:35px}
.agent-message-label{display:block;font-size:10px;line-height:1.6;color:#98a387;margin-bottom:9px}
.agent-error{font-size:12px;line-height:1.85;color:#edba95;margin-top:20px;max-width:65ch}
.agent-review{margin-top:46px}
.agent-review h2{font-size:25px;line-height:1.35;letter-spacing:-.025em;margin-bottom:21px}
.agent-review-content{font-size:13px;line-height:1.9;color:#c4cfb3;overflow-wrap:anywhere}
.agent-review-content dl{margin:0}
.agent-review-content dl>div{display:flex;justify-content:space-between;gap:35px;margin-block:13px}
.agent-review-content dt{color:#a3a89c}
.agent-review-content dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.agent-review-actions{display:flex;align-items:center;gap:30px;margin-top:27px}
.agent-view a:focus-visible,.agent-view button:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}
@media(prefers-reduced-motion:reduce){.agent-view *{transition:none!important}}