:root{--bg:#0b1018;--side:#101722;--panel:#141d2a;--card:#192434;--border:#28374a;--text:#e9eef7;--muted:#93a4b8;--accent:#8caefa;--green:#59c69a;--red:#ef777e;--gray:#8390a3;--shadow:0 16px 55px #0005}body.light{--bg:#f5f7fb;--side:#fff;--panel:#fff;--card:#f1f5fa;--border:#dce3ee;--text:#17263a;--muted:#62758a;--accent:#3868d7;--shadow:0 16px 50px #17263a18}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{height:100dvh;display:grid}.rail,.sidebar{background:var(--side);padding:24px 16px;overflow:auto}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column}.rail{border-left:1px solid var(--border)}.logo{font-weight:750;letter-spacing:-.5px;font-size:17px;padding:2px 10px 20px}.logo span{color:var(--accent)}.workspace{border:1px solid var(--border);border-radius:11px;background:var(--panel);padding:12px;width:100%;text-align:left;display:flex;justify-content:space-between}.label{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;margin:27px 10px 10px}.label,.nav{color:var(--muted)}.nav{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:9px;margin:2px 0}.nav.active,.nav:hover{background:var(--card);color:var(--text)}.nav.active{box-shadow:inset 3px 0 var(--accent)}.nav .count{margin-left:auto;font-size:11px}.sidebarfoot{margin-top:auto;color:var(--muted);font-size:11px;padding:18px 9px 0;border-top:1px solid var(--border)}.main{flex-direction:column;min-width:0;position:relative}.main,.top{display:flex}.top{min-height:75px;align-items:center;justify-content:space-between;padding:15px 30px;border-bottom:1px solid var(--border);gap:12px}.crumb{color:var(--muted);font-size:11px}.top h1{margin:3px 0 0;font-size:21px;font-weight:650;letter-spacing:-.6px}.actions{display:flex;gap:8px}.btn{border:1px solid var(--border);background:var(--panel);border-radius:9px;padding:9px 12px}.btn:hover,.primary{border-color:var(--accent)}.primary{background:var(--accent);color:#081426;font-weight:700}.view{flex:1 1;overflow:auto;padding:26px 34px;animation:fade .22s ease}.view.chat{display:flex;flex-direction:column;padding:0}.chatlog{flex:1 1;overflow:auto;max-width:850px;width:100%;margin:auto;padding:25px 22px}.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;min-height:100%}.empty h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:0}.empty p{color:var(--muted);margin:0}.composerArea{padding:0 28px 25px;transition:all .3s ease}.chat.isempty .composerArea{transform:translateY(-16vh)}.composer{max-width:820px;margin:auto;border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:12px;box-shadow:var(--shadow)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}.chip{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:3px 9px;font-size:11px}.row{display:flex;align-items:end;gap:10px}textarea{flex:1 1;background:transparent;border:0;color:var(--text);resize:none;min-height:52px;max-height:140px;padding:12px 7px;outline:0}textarea::placeholder{color:var(--muted)}.circle{width:36px;height:36px;border-radius:10px;background:var(--card);border:1px solid var(--border);font-size:20px}.send{background:var(--accent);color:#07111e;border:0}.picker{position:absolute;bottom:120px;left:max(35px,calc((100% - 820px)/2));width:290px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:10px;z-index:5;animation:rise .2s ease}.pickitem{display:flex;width:100%;justify-content:space-between;text-align:left;border:0;background:transparent;padding:11px;border-radius:8px}.pickitem:hover{background:var(--card)}.pickitem small{display:block;color:var(--muted)}.message{max-width:760px;margin:18px auto 25px;display:flex;gap:13px}.avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#314766;color:#eaf0ff;flex-shrink:0;font-weight:650}.bubble{white-space:pre-wrap;margin-top:5px}.bubble,.rating{color:var(--muted)}.rating{display:flex;gap:5px;margin-top:10px;align-items:center;font-size:11px}.rating button{background:transparent;border:1px solid var(--border);border-radius:5px;padding:2px 7px}.rating button.sel{background:var(--accent);color:#081426}.tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:12px}.tab{border:0;background:transparent;padding:9px 14px;border-radius:8px;color:var(--muted)}.tab.active{background:var(--card);color:var(--text)}.intro{color:var(--muted);margin:-8px 0 22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:18px;text-align:left;transition:transform .2s,border-color .2s;min-height:146px}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{margin:0 0 7px;font-size:15px}.card p{margin:0 0 14px;color:var(--muted);font-size:12px}.cardtop{display:flex;justify-content:space-between;margin-bottom:13px}.cardtop,.status{align-items:center}.status{font-size:11px;display:inline-flex;gap:7px;color:var(--muted)}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gray)}.status.connected:before{background:var(--green)}.status.disconnected:before{background:var(--red)}.status.inactive:before{background:var(--gray)}.tag{font-size:10px;border:1px solid var(--border);padding:3px 7px;border-radius:6px;color:var(--muted)}.rail h3{font-size:16px;margin:6px 0 22px}.metric{border:1px solid var(--border);border-radius:12px;padding:15px;margin:12px 0}.metric strong{display:block;font-size:25px;margin:5px 0}.small{font-size:11px}.event,.small{color:var(--muted)}.event{border-left:2px solid var(--border);padding:4px 0 15px 12px;margin:10px 0;font-size:12px}.event strong{color:var(--text);display:block}.overlay{position:fixed;inset:0;background:#0008;z-index:20;display:flex;justify-content:flex-end;animation:fade .2s}.drawer{width:min(560px,100vw);height:100%;overflow:auto;background:var(--side);padding:27px 30px;box-shadow:var(--shadow);animation:slide .24s ease}.drawerhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.drawer h2{margin:3px 0;font-size:23px}.drawer h3{font-size:13px;letter-spacing:.3px;margin:26px 0 12px}.field{display:block;margin:12px 0;color:var(--muted);font-size:12px}.field input,.field select,.field textarea{display:block;width:100%;margin-top:6px;background:var(--panel);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:10px;min-height:40px}.field textarea{height:85px}.fields2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:10px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:9px;margin:7px 0}.check small{margin-left:auto;color:var(--muted)}.drawerfoot{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.hidden{display:none!important}.hint{background:var(--card);border-radius:10px;padding:12px;color:var(--muted);font-size:12px;margin:12px 0}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.node{border:1px solid var(--border);padding:15px;border-radius:10px;background:var(--panel)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translateX(30px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1150px){.app{grid-template-columns:230px 1fr}.rail{display:none}}@media(max-width:700px){.app{grid-template-columns:68px 1fr}.sidebar{padding:15px 7px}.logo{font-size:0}.logo:before{content:"◈";font-size:24px}.label,.nav .count,.nav .txt,.sidebarfoot,.workspace{display:none}.nav{justify-content:center}.top{padding:12px}.view{padding:18px}.composerArea{padding:0 10px 15px}.picker{left:15px}.actions .optional{display:none}.fields2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.app{position:relative;grid-template-columns:252px minmax(0,1fr) 290px;transition:grid-template-columns .34s cubic-bezier(.22,1,.36,1)}.rail{min-width:0;overflow-x:hidden;opacity:1;transform:translateX(0);transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .25s ease,padding .34s ease;will-change:transform}.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 26px;padding-bottom:17px;border-bottom:1px solid var(--border)}.rail-kicker{text-transform:uppercase;letter-spacing:1.6px}.rail-title{font-size:20px;font-weight:650;letter-spacing:-.5px;margin-top:4px}.rail-close{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--card);font-size:26px;line-height:1;transition:background .2s,transform .2s}.rail-close:hover{background:var(--border);transform:translateX(2px)}.rail-reopen{position:relative;right:auto;top:auto;z-index:3;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:9px;background:var(--panel);box-shadow:var(--shadow);padding:9px 12px;transform:translateX(8px);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease}.rail-reopen span:first-child{font-size:18px;line-height:14px}.rail-reopen{white-space:nowrap}.actions{align-items:center}.rail-collapsed{grid-template-columns:252px minmax(0,1fr) 0}.rail-collapsed .rail{transform:translateX(100%);opacity:0;padding-left:0;padding-right:0;pointer-events:none;border-left:0}.rail-collapsed .rail-reopen{transform:translateX(0);opacity:1;pointer-events:auto;transition-delay:.1s}@media(max-width:1150px){.app{grid-template-columns:230px minmax(0,1fr) 0}.rail{transform:translateX(100%);opacity:0;pointer-events:none;padding-left:0;padding-right:0}.app:not(.rail-collapsed) .rail,.rail-reopen{transform:translateX(0);opacity:1;pointer-events:auto}.app:not(.rail-collapsed) .rail{position:absolute;right:0;top:0;bottom:0;width:290px;z-index:4;padding:24px 16px;box-shadow:var(--shadow)}.app:not(.rail-collapsed) .rail-reopen{opacity:0;pointer-events:none}.rail-collapsed{grid-template-columns:230px minmax(0,1fr) 0}}@media(max-width:700px){.app,.rail-collapsed{grid-template-columns:68px minmax(0,1fr) 0}}@media(prefers-reduced-motion:reduce){.app,.rail,.rail-close,.rail-reopen{transition:none!important}}.app:not(.rail-collapsed) .top{padding-right:10px}.app.rail-collapsed .top{padding-right:30px}.top{transition:padding-right .34s cubic-bezier(.22,1,.36,1)}@media(max-width:700px){.app.rail-collapsed .top{padding-right:12px}}.nav-chat-row{display:flex;align-items:center;gap:4px;margin-right:7px}.nav-chat-row>.nav{flex:1 1;min-width:0;margin-right:0}.new-chat-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.new-chat-icon:focus-visible,.new-chat-icon:hover{background:var(--card);border-color:var(--border);color:var(--text);transform:scale(1.04)}@media(max-width:700px){.nav-chat-row{flex-direction:column;margin-right:0}.new-chat-icon{flex-basis:32px}}@media(prefers-reduced-motion:reduce){.new-chat-icon{transition:none}}.sidebar-tools{margin-top:auto;padding:14px 5px 0;border-top:1px solid var(--border)}.sidebar-tools+.sidebarfoot{margin-top:0;border-top:0;padding-top:10px}.appearance-switch{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;transition:background .2s,color .2s,border-color .2s}.appearance-switch:hover{background:var(--card);border-color:var(--border);color:var(--text)}.appearance-icon{font-size:18px;line-height:1}.appearance-label{flex:1 1;white-space:nowrap;font-size:13px}.appearance-track{width:37px;height:21px;flex:0 0 37px;border-radius:99px;background:var(--border);padding:3px;transition:background .2s}.appearance-knob{display:block;width:15px;height:15px;border-radius:50%;background:var(--accent);transform:translateX(16px);transition:transform .2s}body.light .appearance-knob{transform:translateX(0)}body.light .appearance-icon{color:var(--accent)}@media(max-width:700px){.sidebar-tools{padding:12px 0 0}.appearance-switch{justify-content:center;padding:9px 0}.appearance-label,.appearance-track,.sidebar-tools+.sidebarfoot{display:none}}@media(prefers-reduced-motion:reduce){.appearance-knob,.appearance-switch,.appearance-track{transition:none}}.logo{display:flex;align-items:center;gap:10px}.logo .agent-mark{width:29px;height:29px;flex:0 0 29px;color:var(--accent)}.brand-text{min-width:0}.welcome-mark{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 18px;border-radius:22px;background:var(--card);border:1px solid var(--border);box-shadow:0 8px 35px rgba(0,0,0,.07)}.welcome-mark .agent-mark{width:49px;height:49px;color:var(--accent)}@media(max-width:700px){.logo .brand-text{display:none}.logo{justify-content:center}}.brand-choices{padding:8px 7px 15px;border-bottom:1px solid var(--border);margin-bottom:9px}.brand-choices-title{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.brand-buttons{display:flex;gap:5px}.brand-option{border:1px solid var(--border);background:var(--panel);padding:6px 8px;border-radius:8px;font-size:11px;flex:1 1;white-space:nowrap}.brand-option.selected{border-color:var(--accent);background:var(--card);color:var(--text);font-weight:700}.brand-symbol{display:inline-grid;place-items:center;width:100%;height:100%}.brand-symbol img{width:100%;height:100%;display:block;object-fit:contain}.logo .brand-symbol{width:42px;height:42px;flex:0 0 42px}.welcome-mark .brand-symbol{width:78px;height:78px}.welcome-mark{width:116px;height:116px;border:0;background:transparent;box-shadow:none;overflow:visible}.welcome-mark .brand-symbol{width:108px;height:108px}.logo .brand-symbol{width:40px;height:40px;flex:0 0 40px}@media(max-width:700px){.brand-choices{display:none}}.logo:before{content:none}.app{overflow:hidden}.main{min-height:0}@media (max-width:1150px){.app:not(.rail-collapsed) .rail{display:block;width:min(290px,100%)}}@media (max-width:700px){.chat.isempty .composerArea{transform:none}.picker{width:min(290px,calc(100% - 25px))}}