/* Additive AI experience area; existing reference layout and login are preserved. */
#app[data-page=lab] .agent-hub{margin-top:55px;padding-top:32px;border-top:1px solid #d8c49c}#app .agent-filters{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}#app .agent-filters button{border:1px solid #e1d7c7;border-radius:4px;padding:7px 17px;background:#fbf9f3;font-size:13px}#app .agent-filters button.active{color:#fff;background:#164b56;border-color:#164b56}#app .agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#app .agent-card{border:1px solid #ded4c3;background:linear-gradient(135deg,#fffefa,#f7f3e9);padding:24px;position:relative;border-radius:5px;transition:transform .25s,box-shadow .25s,border-color .25s}#app .agent-card:hover{transform:translateY(-3px);border-color:#b99a60;box-shadow:0 9px 28px #16434b12}#app .agent-card h3{font-size:22px;margin:13px 0 9px}#app .agent-card p{color:#6c7c81;font-size:13px;min-height:46px}#app .agent-mark{display:inline-flex;border:1px solid #e5d8bf;border-radius:50%;padding:10px;color:#93703a}#app .agent-mark .icon{width:25px;height:25px}#app .agent-meta{font-size:11px;color:#7a8e8c;float:right;padding-top:14px}#app .agent-open{display:flex;justify-content:space-between;color:#346571;border-top:1px solid #e4dccd;padding-top:15px;margin-top:16px;font-size:13px}#app .agent-footnote{margin-top:20px;color:#788685}
#app[data-page=agent] .page-hero{padding:106px 0 32px}#app[data-page=agent] .page-hero h1{font-size:39px}#app[data-page=agent] .agent-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}#app[data-page=agent] .agent-rail{border:1px solid #e2d8c5;border-radius:5px;background:#f8f4e9;padding:22px}#app .agent-rail label{display:block;margin:25px 0 10px;font-size:13px}#app .agent-rail h3{font-size:23px;margin:30px 0 13px}#app .agent-rail p{font-size:13px;color:#6c7d82}#app .agent-example{margin:20px 0;padding:10px 15px;background:#f4e0b9;border:1px solid #dbc18d;border-radius:4px;font-size:12px}#app .agent-console{min-width:0;background:#fffefa;border:1px solid #d6d8cf;border-radius:7px;overflow:hidden}#app .agent-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #e5dfd2;background:#f7f6ef;gap:10px;font-size:14px}#app .agent-toolbar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4c9e91;margin-right:8px;box-shadow:0 0 0 4px #4c9e9112}#app .agent-messages{height:440px;overflow:auto;padding:24px;scroll-behavior:smooth}#app .agent-welcome{text-align:center;padding:65px 20px;color:#74888d}#app .agent-welcome .icon{margin:0 auto 25px;color:#a2824e;width:45px;height:45px}#app .agent-welcome h3{font-size:25px;color:#234855;margin-bottom:15px}#app .agent-bubble{max-width:94%;padding:16px 20px;background:#f4f3eb;border:1px solid #e2dfd1;border-radius:7px;margin:0 0 20px;font-size:14px;overflow-wrap:anywhere}#app .agent-bubble>span{font-size:11px;color:#778b88;display:block;margin-bottom:10px}#app .agent-bubble.user{margin-left:auto;background:#e7f1ed;border-color:#c8ded5}#app .agent-bubble.user p{white-space:pre-wrap}#app .agent-bubble.assistant h3{font-size:20px;margin:15px 0}#app .agent-bubble.assistant p{margin:8px 0}#app .agent-bubble table{border-collapse:collapse;width:100%;font-size:12px}#app .agent-bubble td{border:1px solid #d5d9cc;padding:8px;white-space:normal}#app .agent-bubble .scroll-table{overflow:auto}#app #agentForm{padding:18px 22px;border-top:1px solid #e2dfd3}#app #agentForm>label{display:block;font-size:12px;color:#7c8988;margin-bottom:8px}#app #agentInput{min-height:90px;resize:vertical;background:#fffdf8}#app .agent-compose-actions{display:flex;align-items:center;gap:15px;margin-top:12px}#app #agentStatus{margin-right:auto;color:#788a86;font-size:11px}#app #agentSend{min-width:105px}#app #agentStop[hidden]{display:none}
@media(max-width:850px){#app .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app[data-page=agent] .agent-workspace{grid-template-columns:200px minmax(0,1fr);gap:16px}#app .agent-rail{padding:18px!important}}@media(max-width:650px){#app .agent-grid{grid-template-columns:1fr}#app[data-page=agent] .page-hero{padding:164px 0 30px}#app[data-page=agent] .page-hero h1{font-size:30px}#app[data-page=agent] .agent-workspace{grid-template-columns:1fr}#app .agent-rail h3,#app .agent-rail p,#app .agent-rail .agent-example{display:none}#app .agent-rail label{margin-top:10px}#app .agent-messages{height:430px;padding:15px}#app .agent-toolbar{padding:13px;font-size:12px}#app #agentForm{padding:15px}#app .agent-compose-actions{gap:8px;flex-wrap:wrap}#app #agentStatus{flex-basis:100%}#app .agent-bubble{max-width:100%;padding:14px}#app[data-page=lab] .agent-hub{margin-top:35px}}@media(prefers-reduced-motion:reduce){#app .agent-card{transition:none}#app .agent-card:hover{transform:none}}