:root{color-scheme:dark;--bg: #090f17;--sidebar: #070c14;--surface: #0e1621;--surface-2: #111c29;--surface-active: #192739;--border: #33475d;--border-strong: #526982;--text: #ebf1f8;--muted: #91add0;--faded: #6f85a0;--blue: #63a8ff;--green: #70dd8c;--yellow: #e4c15b;--red: #f88484;--mono: "SFMono-Regular", "Roboto Mono", "Menlo", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono)}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 70% 0%,rgba(44,77,112,.08),transparent 34%),var(--bg)}.sidebar{background:var(--sidebar);border-right:1px solid var(--border-strong);display:flex;flex:0 0 282px;flex-direction:column;min-height:100vh;padding:32px 18px 22px}.brand{align-items:center;display:flex;font-size:32px;font-weight:700;gap:12px;letter-spacing:-.05em;margin:4px 12px 48px}.brand .icon{color:var(--text);height:34px;width:34px}.side-mode{color:var(--muted);font-size:12px;letter-spacing:.1em;margin:-28px 14px 28px;text-transform:uppercase}.nav{display:grid;gap:7px}.nav-item{align-items:center;background:transparent;border:0;border-left:3px solid transparent;border-radius:4px;color:var(--text);display:flex;font-size:15px;font-weight:500;gap:16px;height:54px;padding:0 16px;text-align:left;text-transform:uppercase}.nav-item:hover,.nav-item.selected{background:var(--surface-active)}.nav-item.selected{border-left-color:var(--blue)}.icon{color:currentColor;fill:none;flex:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:22px}.nav-item .icon,h2 .icon{color:var(--muted)}.side-footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;margin:auto 8px 0;padding:40px 10px 12px}.connected{align-items:center;display:flex;gap:11px;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{background:var(--green);border-radius:50%;display:inline-block;flex:none;height:10px;width:10px}.token-label{color:var(--text);margin-bottom:11px}.token-value{color:var(--faded);margin-bottom:18px}.token-value.warning{color:var(--yellow)}.side-logout{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:12px;margin-bottom:38px;min-height:38px;width:100%}.side-logout:hover{border-color:var(--border-strong);color:var(--text)}.mode-label{color:var(--muted)}.main-area{flex:1;min-width:0}.login-shell{align-items:center;background:radial-gradient(circle at 50% 0%,rgba(70,113,170,.11),transparent 40%),var(--bg);display:flex;justify-content:center;min-height:100vh;padding:28px}.login-card{background:var(--surface);border:1px solid var(--border-strong);max-width:490px;padding:38px;width:100%}.login-brand{margin:0 0 24px}.login-mode{margin:-14px 0 34px 47px}.login-card h1{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.login-copy{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 28px}.login-form{display:grid;gap:18px}.login-submit,.local-bypass{width:100%}.login-error{border:1px solid rgba(248,132,132,.35);color:var(--red);font-size:12px;line-height:1.5;margin:0;padding:11px 12px}.login-divider{border-top:1px solid var(--border);color:var(--faded);font-size:11px;letter-spacing:.1em;margin:28px 0 15px;padding-top:21px;text-transform:uppercase}.login-warning{color:var(--yellow);font-size:12px;line-height:1.65;margin:0 0 15px}.login-warning code{color:var(--text)}.page{min-height:100vh;padding:38px 42px 86px;position:relative}.page-header{margin-bottom:32px}.page-header h1{align-items:center;display:flex;font-size:28px;gap:14px;letter-spacing:-.04em;margin:0 0 10px}.page-header h1 .icon{color:var(--text);height:28px;width:28px}.page-header p{color:var(--muted);font-size:15px;margin:0}.connection-pill{align-items:center;border:1px solid var(--border);border-radius:5px;color:var(--green);display:flex;font-size:14px;gap:14px;padding:15px 20px;position:absolute;right:42px;top:38px}.connection-pill.loading{color:var(--yellow)}.connection-pill.offline,.connection-pill.offline .dot{color:var(--red)}.connection-pill.offline .dot{background:var(--red)}.search-bar{align-items:center;background:#0c141f;border:1px solid var(--border-strong);border-radius:5px;display:flex;gap:18px;height:62px;margin:0 0 26px;padding:0 17px}.search-bar .icon{color:var(--muted)}.search-bar input{background:none;border:0;color:var(--muted);flex:1;font-size:18px;outline:0}.search-bar input::placeholder{color:var(--muted)}.shortcut{background:var(--sidebar);border-radius:4px;color:var(--muted);font-size:13px;padding:6px 9px}.panel{background:#0b121d52;border:1px solid var(--border);min-width:0;padding:20px 23px}.panel.accent{border-color:#376495}.panel h2{align-items:center;color:var(--text);display:flex;font-size:17px;font-weight:500;gap:13px;margin:0 0 22px;text-transform:uppercase}.split-panels{display:grid;gap:20px;grid-template-columns:1fr 1.12fr;margin-bottom:22px}.health-result{color:var(--yellow);font-size:17px;margin:30px 0 12px;text-transform:capitalize}.health-result.online{color:var(--green)}.health-result.offline{color:var(--red)}.muted{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.metrics{display:flex;justify-content:space-around;margin:20px 0 4px}.metric{align-items:center;border-right:1px solid var(--border);display:flex;flex:1;flex-direction:column;gap:10px}.metric:last-child{border:0}.metric strong{font-size:29px;font-weight:500}.metric span{color:var(--muted);font-size:13px}.metric.green strong{color:var(--green)}.metric.yellow strong{color:var(--yellow)}.metric.blue strong{color:var(--blue)}.home-grid{display:grid;gap:20px;grid-template-columns:minmax(430px,1.58fr) minmax(280px,1fr)}.table{display:grid;width:100%}.tr{align-items:center;background:transparent;border:0;border-bottom:1px solid #253445;color:var(--text);display:grid;font-size:13px;grid-template-columns:minmax(130px,1.3fr) minmax(130px,1fr) 86px;min-height:52px;padding:0 8px;text-align:left}.compact .tr{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 74px}.tr:not(.head):hover,.tr.selected{background:#4a76a426}.tr.head{color:var(--muted);font-size:12px;text-transform:uppercase}.resource{align-items:center;display:flex;gap:11px}.resource .icon{color:var(--blue);height:18px;width:18px}.link,.text-action{color:var(--blue)}.text-action{align-items:center;background:transparent;border:0;display:flex;gap:10px;margin-top:14px;padding:7px}.text-action .icon{height:16px;width:16px}.action-card{align-items:center;background:transparent;border:1px solid var(--border);display:flex;gap:19px;margin-bottom:12px;min-height:84px;padding:16px;text-align:left;width:100%}.action-card:hover{background:var(--surface);border-color:var(--border-strong)}.action-card>.icon:first-child{color:var(--blue);height:30px;width:30px}.action-card>.icon:last-child{height:16px;margin-left:auto;width:16px}.action-card span{display:grid;gap:6px}.action-card strong{font-size:14px;font-weight:500}.action-card small{color:var(--muted);font-size:12px;line-height:1.55}.empty{color:var(--faded);font-size:13px;padding:30px 9px}.explore-layout{display:grid;gap:20px;grid-template-columns:minmax(235px,310px) minmax(540px,1fr)}.resource-panels{display:grid;gap:20px}.inline-form{display:flex;gap:10px;margin-bottom:20px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:4px;min-height:44px;outline:0;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}input:disabled,button:disabled{cursor:not-allowed;opacity:.45}.inline-form input{flex:1;min-width:0}.primary,.secondary{border-radius:4px;font-size:13px;min-height:43px;padding:0 16px}.primary{background:var(--blue);border:1px solid var(--blue);color:#07111d;font-weight:600}.secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text)}.primary:hover{background:#83baff}.secondary:hover{background:var(--surface-active)}.resource-list{display:grid;gap:6px}.resource-list button{background:transparent;border:1px solid transparent;display:grid;gap:6px;padding:12px;text-align:left}.resource-list button:hover,.resource-list button.selected{background:var(--surface-active);border-color:var(--border)}.resource-list strong{font-size:14px;font-weight:500}.resource-list small{color:var(--faded);font-size:11px}.toolbar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.toolbar select{min-width:225px}.toolbar .inline-form{margin:0 0 0 auto}.memory-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.memory-grid .wide{grid-column:1 / -1}.representation{color:var(--muted);font-family:var(--mono);font-size:13px;line-height:1.7;margin:0;max-height:315px;min-height:170px;overflow:auto;white-space:pre-wrap}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{border:1px solid var(--border);color:var(--muted);font-size:12px;padding:7px 10px}.stack-form{display:grid;gap:12px}.stack-form textarea{min-height:88px;resize:vertical}.answer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1.7;margin-top:18px;min-height:82px;padding-top:18px}.two-forms{display:grid;gap:12px;grid-template-columns:1fr 1fr}.conclusion-list{display:grid;gap:0}.conclusion{border-bottom:1px solid #253445;padding:14px 8px;position:relative}.conclusion p{font-size:13px;line-height:1.55;margin:0 95px 8px 0}.conclusion span{color:var(--faded);font-size:11px}.danger-link{background:transparent;border:0;color:var(--red);font-size:12px;position:absolute;right:8px;top:16px}.session-grid{display:grid;gap:20px;grid-template-columns:minmax(420px,1.42fr) minmax(280px,.9fr)}.messages-panel{display:flex;flex-direction:column;height:calc(100vh - 245px);min-height:600px}.message-log{flex:1;overflow:auto}.message-row{border-bottom:1px solid #253445;padding:13px 0}.message-row div{display:flex;font-size:13px;justify-content:space-between}.message-row strong{color:var(--blue);font-weight:500}.message-row time{color:var(--faded);font-size:11px}.message-row p{color:var(--text);font-size:13px;line-height:1.6;margin:8px 0 0}.composer{border-top:1px solid var(--border);display:grid;gap:10px;margin-top:12px;padding-top:16px}.composer textarea{min-height:70px;resize:vertical}.composer-actions{display:flex;justify-content:space-between}.upload{align-items:center;border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;font-size:12px;padding:0 15px}.upload input{display:none}.context-stack{display:grid;gap:20px}.summary{border-bottom:1px solid #253445;margin-bottom:14px;padding-bottom:14px}.summary strong{color:var(--blue);font-size:12px;text-transform:uppercase}.summary p{color:var(--muted);font-size:12px;line-height:1.65;margin:9px 0 0}.preset-strip{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.playground-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.request-editor{display:grid;gap:12px}.request-line{display:grid;gap:9px;grid-template-columns:128px 1fr}.request-editor textarea{min-height:290px;resize:vertical}.json-output{color:var(--muted);font-size:13px;line-height:1.65;margin:0;max-height:445px;overflow:auto;white-space:pre-wrap}.narrow{max-width:840px}.settings-form{display:grid;gap:18px}.field{display:grid;gap:9px}.field>span{color:var(--muted);font-size:12px;text-transform:uppercase}.field textarea{min-height:112px;resize:vertical}.form-actions{display:flex;gap:12px}.security-note{border-top:1px solid var(--border);margin-top:22px;padding-top:16px}.token-output{margin-top:20px;min-height:115px;resize:vertical;width:100%}.spaced{margin:20px 0}.webhook-list{display:grid}.webhook-list article{align-items:center;border-bottom:1px solid #253445;display:flex;gap:12px;padding:15px 0}.webhook-list article div{display:grid;flex:1;gap:7px}.webhook-list strong{font-size:13px}.webhook-list small{color:var(--faded);font-size:11px}.page-footer{border-top:1px solid var(--border);bottom:0;color:var(--muted);font-size:12px;left:0;padding:18px 42px;position:absolute;right:0}.page-footer span{border:1px solid var(--border);border-radius:4px;margin-left:10px;padding:3px 6px}.page-footer strong{color:var(--muted);float:right;font-weight:400}.notice{background:var(--surface-2);border:1px solid var(--green);bottom:24px;color:var(--green);font-size:13px;padding:15px 18px;position:fixed;right:24px;z-index:30}.notice.error{border-color:var(--red);color:var(--red)}@media(max-width:1100px){.sidebar{flex-basis:76px;padding:22px 10px}.brand span,.side-mode,.nav-item:not(.selected):after,.nav-item{font-size:0}.brand{margin:4px auto 26px}.nav-item{justify-content:center;padding:0}.side-footer{display:none}.home-grid,.split-panels,.memory-grid,.session-grid,.playground-grid,.explore-layout{grid-template-columns:1fr}.messages-panel{height:auto}}@media(max-width:700px){.app-shell{display:block}.sidebar{border-bottom:1px solid var(--border);border-right:0;min-height:0;padding:12px}.brand{justify-content:center}.nav{display:flex;overflow-x:auto}.nav-item{flex:0 0 54px}.page{padding:24px 16px 74px}.connection-pill{margin-bottom:18px;position:static}.toolbar,.two-forms{align-items:stretch;display:grid;grid-template-columns:1fr}.toolbar select{min-width:0}}