.agent-v2{--accent:var(--s-accent,#d6fb78);--line:var(--s-line,#ffffff12);--panel:var(--s-panel,#191b1d);--panel-strong:#111315;--muted:var(--s-soft,#a2a5ab);--text:var(--s-text,#f3f4f5);max-width:1080px;padding-top:clamp(38px,7vw,88px)}
.agent-v2-intro{max-width:820px;margin:0 auto 32px;text-align:center}
.agent-v2-intro h1{margin:12px 0;font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-.045em}
.agent-v2-intro p{max-width:720px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.8}
.agent-v2-form{padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.agent-v2-label{display:block;margin-bottom:12px;font-weight:750;font-size:18px}
.agent-v2-form>textarea,.agent-v2-prompt textarea{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);color:var(--text);padding:18px;font:inherit;line-height:1.65;outline:none}
.agent-v2-form>textarea:focus,.agent-v2-prompt textarea:focus{border-color:var(--accent)}
.agent-v2-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:22px}
.agent-v2-bottom fieldset{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}
.agent-v2-bottom legend{width:100%;padding:0;margin-bottom:9px;color:var(--muted);font-size:13px}
.agent-v2-bottom label{position:relative;cursor:pointer}
.agent-v2-bottom input{position:absolute;opacity:0}
.agent-v2-bottom label span{display:block;padding:11px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.agent-v2-bottom input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--text)}
.agent-v2-bottom input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.agent-v2-note,.agent-v2-status{color:var(--muted);font-size:13px;line-height:1.6}
.agent-v2-note{margin:18px 0 0}.agent-v2-status{min-height:28px;margin:16px 4px}
.agent-v2-card{padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.agent-v2-card>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.agent-v2-card h2{font-size:clamp(25px,3vw,36px);margin:12px 0 8px}.agent-v2-card header p{color:var(--muted);line-height:1.7;margin:0}
.agent-v2-model-advice{margin-top:24px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.agent-v2-model-advice h3{margin:0 0 6px;font-size:14px}.agent-v2-model-advice p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.agent-v2-badge,.agent-v2-kind{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:13px;font-weight:700;white-space:nowrap}
.agent-v2-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;margin:28px 0}
.agent-v2-columns h3,.agent-v2-shots h3{font-size:16px;margin:0 0 12px}
.agent-v2-columns ul{padding-left:19px;color:var(--muted);line-height:1.9;margin:0}
.agent-v2-columns ol{list-style:none;padding:0;margin:0}.agent-v2-columns ol li{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.agent-v2-columns ol span{color:var(--muted);font-size:14px;line-height:1.6}
.agent-v2-shots{display:grid;gap:10px;margin:24px 0}.agent-v2-shots>article{padding:16px;border:1px solid var(--line);border-radius:14px}.agent-v2-shots p{color:var(--muted);line-height:1.6;margin:9px 0 0}
.agent-v2-prompt{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:16px}.agent-v2-prompt summary{cursor:pointer;font-weight:700}.agent-v2-prompt textarea{margin:16px 0;min-height:130px}
.agent-v2-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line)}.agent-v2-card>footer>span{color:var(--muted);font-size:13px;line-height:1.5}
.agent-v2 .s-button:disabled{opacity:.55;cursor:wait}
@media(max-width:680px){.agent-v2-bottom,.agent-v2-card>header,.agent-v2-card>footer{align-items:stretch;flex-direction:column}.agent-v2-bottom fieldset{display:grid;grid-template-columns:1fr 1fr}.agent-v2-bottom label:last-child{grid-column:1/-1}.agent-v2-bottom label span{text-align:center}.agent-v2-bottom>.s-button{width:100%;justify-content:center}.agent-v2-columns{grid-template-columns:1fr;gap:22px}.agent-v2-kind{align-self:flex-start}}

.agent-v2-sessionbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:24px 0}.agent-v2-sessionbar label{display:grid;gap:8px;min-width:0;flex:1}.agent-v2-sessionbar select{padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);width:100%}.agent-v2-history article{margin:12px 0 24px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.agent-v2-history article>span{font-size:12px;color:var(--accent)}.agent-v2-history p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.agent-v2-history details p{color:var(--muted);font-size:14px}.agent-v2-history summary{cursor:pointer}.agent-v2-history .s-button{margin-top:10px}@media(max-width:520px){.agent-v2-sessionbar{flex-direction:column;align-items:stretch}}
