*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 3%,#292053 0%,#080c17 53%);color:#eff1ff;font:15px system-ui,Segoe UI,sans-serif;min-height:100vh}a{color:#b9afff;text-decoration:none}.bar{padding:16px clamp(20px,4vw,70px);display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ffffff20;background:#080e1bba}.brand{font-weight:800;font-size:21px;color:white}.brand b{color:#a69aff}.symbol{color:#9c82ff}.tag,.label{font-size:11px;letter-spacing:.14em;font-weight:800;color:#a4aafc}.shell{max-width:1330px;min-height:78vh;margin:36px auto;padding:0 20px;display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px}.sidebar,.main{background:#10182bc9;border:1px solid #ffffff22;border-radius:22px;padding:25px}.sidebar h2{margin:12px 0}.sidebar p,.main p,.note{color:#afb9d5;line-height:1.65}.agent{display:block;margin:13px 0;width:100%;text-align:left;background:#151e35;color:#d5dafa;border:1px solid #ffffff20;border-radius:12px;padding:14px;cursor:pointer}.agent.active{border-color:#9e8cff;background:#29264d}.note{font-size:12px}.navlink{display:block;margin-top:30px}.hero h1{font-size:clamp(29px,3.6vw,53px);letter-spacing:-.055em;margin:12px 0}.hero em{font-style:normal;color:#b7a9ff}.tabs{display:flex;gap:10px;border-bottom:1px solid #ffffff20;padding-bottom:14px;margin:23px 0}.tabs button{background:#ffffff0f;color:#cbd2e8;border:1px solid #ffffff20;border-radius:10px;padding:11px 18px;cursor:pointer}.tabs button.selected{background:#a392ff;color:#0e1126;font-weight:800}.messages{min-height:145px;max-height:380px;overflow-y:auto;display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:5px}.bubble{padding:15px 19px;border-radius:17px;background:#1d2942;border:1px solid #ffffff15;max-width:88%;white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}.bubble.human{margin-left:auto;background:#413b73}.bubble.bot{border-color:#9a8df04a}label{display:block;color:#a9b7dd;font-size:11px;letter-spacing:.13em;font-weight:750;margin:18px 0 9px}textarea{width:100%;min-height:88px;resize:vertical;border-radius:13px;border:1px solid #576180;background:#0a1021;color:white;padding:16px;font:inherit}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.controls span{font-size:12px;color:#97a4c4}button{font:inherit}#submit{border:0;border-radius:12px;padding:13px 19px;cursor:pointer;color:#101326;background:linear-gradient(120deg,#85c4ff,#b29bff);font-weight:800}#submit:disabled{opacity:.5;cursor:wait}.policy{margin-top:24px;background:#10293a77;border:1px solid #54b5ac65;border-radius:15px;padding:16px 19px}.policy p{margin:8px 0 0}footer{padding:20px;text-align:center;font-size:12px;color:#8695b4}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{padding:18px}.main{padding:19px}.bar{gap:10px}.tag{order:3;width:100%}}
.liveOptions{border:1px solid #a999ff49;border-radius:15px;padding:14px 18px;margin:22px 0 10px;background:#10162b}.switchline{display:flex;align-items:center;gap:12px;margin:10px 0;color:#e2e4ff;letter-spacing:0;font-size:13px;cursor:pointer}.switchline input{width:17px;height:17px;accent-color:#a58aff}.liveOptions p{font-size:12px;margin:7px 0;color:#adbad9}.chatActions{display:flex;gap:8px;flex-wrap:wrap}.chatActions button{padding:8px 12px;border:1px solid #8a7ce255;background:#171e32;color:#dcd9ff;border-radius:8px;cursor:pointer}.modeNote{font-size:12px;color:#adbad9}.hero p{max-width:840px}

.historyPicker{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.historyPicker select{min-width:170px;max-width:100%;flex:1;background:#080e21;color:#edf0ff;border:1px solid #7a80af;border-radius:8px;padding:9px}.historyPicker button{background:#1c2842;border:1px solid #7a80af;border-radius:9px;color:#e6eaff;padding:9px 13px;cursor:pointer}

/* M3 workbench — panel switching preserves existing M2 chat behaviors */
.m3Panel{display:grid;gap:15px;margin:18px 0}.m3Panel[hidden]{display:none!important}
.m3Title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.m3Title h2{font-size:26px;letter-spacing:-.04em;margin:8px 0}.m3Title p{margin:0;max-width:650px}
.m3Card{background:#0d1528;border:1px solid #ffffff25;border-radius:17px;padding:20px}.m3Card h3{margin:8px 0 12px}
.m3Row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}.m3Row>div:first-child{flex:1;min-width:150px}.m3Row select,.m3Row input[type=text]{background:#090e21;color:#edf1ff;border:1px solid #687497;border-radius:10px;padding:12px;max-width:100%;flex:1;font:inherit}
.m3Check{flex:2;min-width:230px}.m3Check label{letter-spacing:0;font-weight:500;font-size:13px;margin:7px 0}.m3Check input{accent-color:#ab9bff}
.m3Btn{background:linear-gradient(120deg,#8ac7fb,#b3a1ff);border:none;border-radius:10px;padding:12px 16px;color:#10142a;font-weight:800;cursor:pointer}
.m3Btn.secondary{background:#202b4b;color:#dee3ff;border:1px solid #ffffff35}.m3Btn:disabled{opacity:.55;cursor:wait}.m3Badge{color:#b7ebd5;border:1px solid #76ddbd69;font-weight:700;border-radius:30px;padding:7px 11px;font-size:11px;white-space:nowrap}
.m3Tiny{font-size:12px!important;max-width:500px}.m3Steps{padding-left:24px;margin:15px 0}.m3Steps li{padding:14px;border:1px solid #ffffff25;border-radius:12px;margin:12px 0;line-height:1.6;background:#151d35}
.m3Steps strong{display:inline-block;margin-right:8px;font-size:11px;padding:4px 8px;border-radius:25px;background:#8e7de32e}.m3Steps .BLOCKED strong{color:#ffb6b6}.m3Steps .REQUIRES_FUTURE_APPROVAL strong{color:#f7d196}.m3Steps .DRAFT_ONLY strong{color:#bfeccf}
.m3FactsResults{display:grid;gap:10px;margin-top:14px}.m3Fact{border:1px solid #667e9e44;border-radius:10px;padding:13px;background:#ffffff07}.m3Fact b{color:#b9adff;text-transform:uppercase;font-size:11px}.m3Fact p{margin:7px 0 0}.m3Card details summary{cursor:pointer}
@media(max-width:760px){.m3Title{display:block}.m3Row{align-items:stretch}.m3Row select,.m3Row input[type=text],.m3Btn{width:100%}}

#messages[hidden], .liveOptions[hidden], #promptForm[hidden], #modeNotice[hidden]{display:none!important}

@media(max-width:760px){
 .tabs{flex-wrap:wrap}
 .tabs button{flex:1 1 120px;min-height:44px}
 .m3Title .m3Badge{display:block;width:max-content;max-width:100%;margin:15px 0 0}
 .m3Title p{margin-bottom:8px}
}