:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243047;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172238;--muted: #616f85;--border: #e5eaf1;--accent: #5075db;--accent-soft: #edf2ff;--green: #178976;--shadow: 0 3px 18px #17223804}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,input,select{transition:background .15s,border-color .15s,box-shadow .15s}:focus-visible{outline:3px solid #829ff3;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.25}h1{font-size:clamp(25px,2.6vw,34px);letter-spacing:-.9px;margin-bottom:10px}h2{font-size:16px;margin-bottom:6px;letter-spacing:-.25px}h3{font-size:14px;margin-bottom:6px}p{margin-bottom:12px}small,.small{font-size:12px}.muted,time{color:var(--muted)}.mono,.code-value,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1.8px;margin-bottom:10px}.button,.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:transparent;border:1px solid transparent;font-weight:550}.button{padding:9px 13px;font-size:12px;white-space:nowrap}.button.subtle{background:#fff;border-color:var(--border)}.button.subtle:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#f0f3f9;border-color:#cdd6e7}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 10px #5075db20}.button.primary:hover:not(:disabled){background:#3f62c5}.icon-button{width:34px;height:34px;flex-shrink:0;color:var(--muted)}.text-button{color:var(--accent);font-size:12px;padding:4px 0;text-align:left}.text-button:hover{text-decoration:underline}input,select{min-width:0;border:1px solid #dce3ee;background:#fff;color:var(--ink);padding:10px 12px;border-radius:8px}input::placeholder{color:#98a3b5}.search-field{display:flex;gap:10px;align-items:center;padding:0 11px;border:1px solid var(--border);background:#fafbfd;border-radius:8px;color:#8996aa}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #5075db10}.search-field input{width:100%;border:0;padding:10px 0;background:transparent;outline:none;box-shadow:none;font-size:12px}.search-field.compact{max-width:300px;flex:1}.brand{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:750;letter-spacing:-.45px}.brand small{display:block;font-size:8px;font-weight:600;color:#8491a9;letter-spacing:1.65px;margin-top:1px}.brand-mark{background:var(--accent);width:37px;height:37px;border-radius:11px;color:#fff;display:grid;grid-auto-flow:column;place-content:center;font-size:24px;letter-spacing:-1.5px}.brand-mark>span{color:#a8dfc7}.sidebar{overflow-y:auto;position:fixed;inset:0 auto 0 0;width:238px;padding:27px 18px 16px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30}.sidebar .brand{margin:0 8px 30px}.workspace-tag{display:flex;align-items:center;gap:10px;padding:11px 10px;background:#f7f9fc;border:1px solid var(--border);border-radius:9px;font-size:11px;font-weight:650;margin-bottom:27px}.workspace-tag small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.workspace-icon{display:grid;place-items:center;width:28px;height:28px;background:#fff;border-radius:7px;border:1px solid var(--border);color:var(--accent)}.nav-label{margin:0 12px 9px;font-size:9px;letter-spacing:1.4px;color:#9aa5b7;font-weight:700}.sidebar nav{display:grid;gap:5px;margin-bottom:24px}.sidebar nav button{border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;color:#66748b;font-size:12px;font-weight:550}.sidebar nav button span{flex:1}.sidebar nav button:hover{background:#f6f8fc}.sidebar nav button.active{color:#476ad1;background:var(--accent-soft)}.sidebar-bottom{margin-top:auto}.live-card{display:flex;align-items:center;gap:9px;padding:15px 12px;background:#f8fafc;border:1px solid var(--border);border-radius:9px;font-size:11px}.live-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;background:#a6b0c0}.status-dot.live{background:#22a78d;box-shadow:0 0 0 3px #22a78d12}.status-dot.stale,.status-dot.gap,.status-dot.connecting,.status-dot.disabled{background:#d6a13a}.status-dot.offline{background:#c56773}.operator{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding-top:18px;margin-top:17px}.operator>div{flex:1;min-width:0}.operator strong{display:block;font-size:11px;overflow-wrap:anywhere}.operator small{font-size:9px;color:var(--muted)}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf1f8;color:#536a91;font-size:10px;font-weight:650;flex-shrink:0}.workspace-main{margin-left:238px}.topbar{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffffed;border-bottom:1px solid var(--border)}.breadcrumbs{font-size:11px;color:#8692a4}.breadcrumbs span{margin:0 10px;color:#c2cad8}.breadcrumbs strong{color:#52617b;font-weight:550}.topbar-right{display:flex;align-items:center;gap:18px}.live-pill{display:flex;align-items:center;gap:7px;color:#69768c;font-size:10px}.main-content{max-width:1800px;padding:30px 32px 18px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 26px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.server-indicator{white-space:nowrap;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:#fff;border-radius:11px;margin-bottom:25px;box-shadow:var(--shadow)}.overview-strip>div{display:flex;align-items:center;gap:13px;padding:19px 20px;position:relative}.overview-strip>div+div:before{content:"";position:absolute;left:0;height:35px;border-left:1px solid var(--border)}.overview-strip svg{color:#8097c4;width:21px}.overview-strip span{font-size:10px;color:var(--muted)}.overview-strip strong{display:block;font-size:14px;color:#384963;font-weight:650;margin-top:3px}.overview-strip strong small{font-size:10px;font-weight:400;color:var(--muted)}.panel{border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 8px}.panel-heading h2{margin-bottom:8px}.panel-heading p{color:var(--muted);font-size:11px;max-width:700px;margin:0}.panel-heading>svg{color:#a4b1c7}.agent-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);align-items:start;gap:22px}.agent-layout.has-selection{grid-template-columns:minmax(280px,.64fr) minmax(0,1.5fr)}.agent-filters{padding:16px 22px;border-bottom:1px solid var(--border)}.filter-row{display:flex;gap:7px;margin:9px 0}.filter-row select{flex:1;width:50%;font-size:10px;padding:7px;color:#61718b;background:#fcfdff}.agent-filters>small{font-size:9px}.agent-list{max-height:650px;overflow-y:auto}.agent-item{background:#fff;border:0;border-bottom:1px solid #f0f3f8;border-left:3px solid transparent;width:100%;display:flex;align-items:center;padding:18px 15px;gap:10px;text-align:left}.agent-item:hover{background:#f9faff}.agent-item.selected{background:#f1f5ff;border-left-color:var(--accent)}.agent-avatar{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0;background:#edf2fc;color:#637eaf;font-size:10px;font-weight:650}.agent-avatar.large{width:46px;height:46px;border-radius:13px}.agent-copy{min-width:0;flex:1}.agent-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;color:#34435e}.agent-copy>span{font-size:10px;color:#8792a6;display:block;margin-top:4px}.agent-copy small{font-size:9px;color:#9ba6b7}.dot-separator{margin:0 5px;color:#adb8c9}.agent-state{display:flex;gap:9px;align-items:center;color:#a8b5c9}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:3px 7px;background:#eef8f4;color:#438773;font-size:9px;font-weight:550}.badge.terminal{background:#f1f3f7;color:#7e8b9f}.agent-item.terminal,.agent-detail.terminal .detail-heading,.overview-panel .agent-item.terminal{opacity:.72;background:#f7f8fb}.agent-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 16px;margin:0 18px 16px}.agent-facts dt{font-size:10px;color:var(--muted)}.agent-facts dd{margin:2px 0 0}.overview-group{padding:0 18px 16px}.overview-group h3{margin:20px 0 12px;font-size:13px}.overview-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;border-bottom:1px solid #f0f3f8;background:#fff;padding:10px 0;text-align:left}.overview-row:disabled{opacity:.7;cursor:default}.loading,.empty,.unknown,.error{margin:12px 18px;color:var(--muted)}.error{color:#9b3a3a}.pagination{border-top:1px solid var(--border);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination>div{display:flex;gap:5px}.pagination .small{font-size:10px}.welcome-panel{text-align:center;padding:65px 35px 54px;min-height:460px}.welcome-illustration{display:grid;place-items:center;margin:0 auto 27px;width:108px;height:108px;border:1px solid #e6ecf9;border-radius:28px;color:#7691d0;background:radial-gradient(circle at 30% 20%,#fff,#eef3fd);box-shadow:0 12px 45px #607cd00b;transform:rotate(-4deg)}.welcome-panel h2{font-size:24px}.welcome-panel>p{max-width:320px;margin:13px auto 26px;color:var(--muted);font-size:12px}.welcome-options{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;font-size:10px;color:#8090aa}.welcome-options span{display:flex;gap:6px;align-items:center}.welcome-options svg{width:14px}.agent-detail{display:flex;flex-direction:column;gap:22px;min-width:0}.detail-heading{margin-bottom:0}.detail-title{display:flex;align-items:center;gap:13px;padding:22px}.detail-title>div{flex:1;min-width:0}.detail-title h2{font-size:17px;overflow-wrap:anywhere}.detail-title .mono{overflow-wrap:anywhere;display:block;font-size:10px}.detail-title .eyebrow{margin-bottom:6px;font-size:8px}.detail-heading>details,.detail-heading>p{margin:0 22px 15px}.detail-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:0 14px;border-top:1px solid var(--border)}.detail-tabs button{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#7b879c;padding:13px 9px;border:0;border-bottom:2px solid transparent;background:transparent}.detail-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.detail-tabs button:hover{background:#f7f9fd}.data-panel{margin-bottom:0}.main-content>.data-panel+.data-panel{margin-top:22px}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px 18px}.operator-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}.panel-toolbar>span{font-size:10px}.record-list{max-height:740px;overflow:auto;padding:0 22px}.record{padding:17px 0;border-top:1px solid #edf0f5;overflow-wrap:anywhere}.record-top{display:flex;gap:8px;align-items:center;margin-bottom:9px;flex-wrap:wrap}.record-top h3{margin:0;font-size:12px;font-weight:600}.record-top time{margin-left:auto;font-size:9px}.record-symbol{display:grid;place-items:center;width:25px;height:25px;background:#f0f4fb;color:#7e94bc;border-radius:7px}.record-failed .record-symbol{background:#fff0f0;color:#c2656b}.record-preview{font-size:12px;color:#536079;white-space:pre-wrap;margin:8px 0 12px;max-height:320px;overflow:auto}.record-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:9px}.record-links>.small,.record-links .text-button{font-size:10px}summary{font-size:10px;color:#8895aa;cursor:pointer;padding:4px 0}summary:hover{color:var(--accent)}.record-fields{margin:10px 0 2px;background:#f8fafc;border:1px solid #edf1f6;border-radius:7px;padding:8px 12px}.record-fields>div{display:grid;grid-template-columns:minmax(95px,.4fr) minmax(0,1fr);gap:13px;padding:7px 0;border-bottom:1px solid #edf1f6}.record-fields>div:last-child{border:0}.record-fields dt{color:#7b89a0;font-size:10px;overflow-wrap:anywhere}.record-fields dd{margin:0;font-size:11px;color:#43526c;overflow-wrap:anywhere;white-space:pre-wrap;max-height:280px;overflow:auto}.record-fields .code-value{font-size:10px}.usage-summary{display:grid;grid-template-columns:repeat(2,1fr);margin:0 22px 17px;gap:9px}.usage-summary>div{border:1px solid var(--border);border-radius:8px;padding:12px}.usage-summary span{display:block;font-size:10px;color:var(--muted)}.usage-summary strong{display:block;font-size:18px;font-weight:650;color:#4c638e;margin:6px 0 2px}.usage-summary small{font-size:9px;color:#97a3b6}.usage-row{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:10px;color:#8090a7;margin:11px 0}.usage-row b{color:#53657f;font-weight:500}.error-banner,.connection-banner{display:flex;gap:10px;align-items:center;background:#fff7f6;border:1px solid #f3deda;color:#b06662;padding:12px 15px;border-radius:8px;font-size:11px;margin-bottom:18px;overflow-wrap:anywhere}.error-banner small{display:block;font-size:10px;margin-top:4px}.error-banner button,.connection-banner button{margin-left:auto;flex-shrink:0}.panel>.error-banner{margin-left:20px;margin-right:20px}.connection-banner{background:#fffbf0;border-color:#ede5cf;color:#9a854f}.connection-banner strong{display:block;font-size:11px}.connection-banner span{font-size:10px}.truncation-note{padding:8px 10px;background:#fffaed;border:1px solid #eee4c9;border-radius:6px;color:#947b3b;font-size:10px;margin-bottom:10px}.stale{opacity:.68}.empty-state{padding:38px 24px;text-align:center;color:#8e9bb0}.empty-state>svg{margin-bottom:16px;color:#a1b2cf}.empty-state h3{color:#718098;font-size:14px}.empty-state p{font-size:11px;max-width:370px;margin:9px auto 0}.skeleton-list{padding:15px 22px}.skeleton{height:55px;border-radius:8px;margin-bottom:13px;background:linear-gradient(110deg,#f4f6fa 30%,#fafbfe 48%,#f4f6fa 65%);background-size:300% 100%;animation:shimmer 1.8s infinite}.spinning{animation:spin 1s linear infinite}@keyframes shimmer{to{background-position-x:-150%}}@keyframes spin{to{transform:rotate(360deg)}}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;border-top:1px solid var(--border);padding-top:17px;color:#9ba7b9;font-size:9px}.extension-card{display:flex;align-items:center;gap:14px;background:#fafbff;border:1px solid var(--border);border-radius:9px;margin:16px 22px 22px;padding:18px;width:calc(100% - 44px);text-align:left}.extension-card>span:nth-child(2){flex:1}.extension-card strong,.extension-card small{display:block}.extension-card small{font-size:10px;color:var(--muted);margin-top:4px}.extension-card:hover{border-color:var(--accent)}.text-dialog{width:min(800px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;padding:0;color:var(--ink);box-shadow:0 20px 100px #132a4640}.text-dialog::backdrop{background:#16294370;backdrop-filter:blur(3px)}.text-dialog>p,.text-dialog>pre,.text-dialog>.error-banner{margin:14px 22px}.response-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;font-size:12px}.skip-link{position:fixed;top:-60px;left:250px;z-index:100;background:#fff;padding:12px;border:2px solid var(--accent)}.skip-link:focus{top:10px}.mobile-menu,.nav-scrim{display:none}.login-layout{display:grid;min-height:100dvh;grid-template-columns:1fr 1fr}.login-story{padding:45px 8%;background:#111f36;color:#f0f4ff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;pointer-events:none;width:550px;height:550px;right:-270px;bottom:-200px;border:1px solid #334866;border-radius:50%;box-shadow:0 0 0 60px #ffffff02,0 0 0 120px #ffffff02}.login-story .brand{position:relative}.login-intro{margin:auto 0;padding:80px 0;position:relative}.login-intro .eyebrow{color:#90adeb;font-size:10px}.login-intro h1{font-size:clamp(34px,3.4vw,53px);line-height:1.2;letter-spacing:-1.8px;color:#f1f5ff;margin:22px 0}.login-intro h1>span{color:#9fb9f2}.login-intro>p{color:#a0aec5;font-size:14px;max-width:350px;line-height:1.8}.login-features{display:grid;gap:17px;margin-top:40px;color:#b8c6dd;font-size:12px}.login-features span{display:flex;gap:12px;align-items:center}.login-features svg{color:#7f9dd9;width:17px}.login-foot{color:#6f829e;font-size:10px;letter-spacing:.5px}.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbfd;padding:50px 35px;position:relative}.login-card{width:100%;max-width:355px}.login-lock{display:grid;place-items:center;width:54px;height:54px;border:1px solid #dce6fc;background:#edf2ff;color:#637fc8;border-radius:15px;margin-bottom:29px}.login-card h2{font-size:25px;letter-spacing:-.6px}.login-card>p{color:#8996aa;font-size:12px;margin:15px 0 28px}.login-card label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.login-card input{width:100%;padding:13px;font-size:12px;background:#fff}.login-card .error-banner{margin-top:14px}.login-submit{width:100%;padding:13px;margin-top:20px;justify-content:space-between}.security-note{display:flex;gap:8px;color:#9da8ba;font-size:10px;margin-top:23px;align-items:flex-start}.login-caption{position:absolute;bottom:26px;font-size:10px;color:#a4aebe}@media(min-width:1650px){.agent-layout.has-selection{grid-template-columns:375px minmax(0,1fr)}}@media(max-width:1250px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.workspace-main{margin-left:210px}.main-content{padding:24px 22px}.topbar{padding:0 22px}.agent-layout,.agent-layout.has-selection{grid-template-columns:300px minmax(0,1fr);gap:16px}.overview-strip>div{padding:17px 13px;gap:8px}.overview-strip strong{font-size:12px}.server-indicator{display:none}.panel-toolbar{flex-wrap:wrap;gap:8px}.agent-state{flex-direction:column}}@media(max-width:1050px){.agent-layout,.agent-layout.has-selection{grid-template-columns:1fr}.agent-list{max-height:285px}.overview-strip{grid-template-columns:repeat(2,1fr)}.overview-strip>div:nth-child(3),.overview-strip>div:nth-child(4){border-top:1px solid var(--border)}.overview-strip>div:nth-child(3):before{display:none}.agent-state{flex-direction:row}.agent-item{padding-top:13px;padding-bottom:13px}.welcome-panel{min-height:330px;padding:38px}.workspace-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media(max-width:720px){.sidebar{width:238px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.workspace-main{margin-left:0}.mobile-menu{display:inline-flex}.nav-scrim{display:block;position:fixed;inset:0;background:#17283f60;border:0;z-index:29}.topbar{padding:0 14px;height:60px}.breadcrumbs{display:none}.topbar-right{margin-left:auto;gap:12px}.main-content{padding:23px 14px 15px}.page-heading{margin-bottom:20px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:9px}.connection-banner{flex-wrap:wrap}.connection-banner>div{flex:1;min-width:200px}.connection-banner button{margin-left:28px}.login-layout{grid-template-columns:1fr}.login-story{padding:26px;min-height:235px}.login-intro{padding:30px 0 6px}.login-intro h1{font-size:32px;margin:10px 0}.login-intro>p,.login-features,.login-foot,.login-intro .eyebrow{display:none}.login-main{padding:35px 25px 75px}.login-card h2{font-size:23px}.login-lock{display:none}.skip-link{left:12px}.record-fields>div{grid-template-columns:1fr;gap:3px}.detail-title{padding:17px}.detail-tabs{padding:0 7px}.detail-tabs button{font-size:10px;padding:12px 7px}.panel-heading{padding-left:17px;padding-right:17px}.pagination{flex-wrap:wrap}.panel-toolbar,.record-list{padding-left:17px;padding-right:17px}}.action-form{display:grid;gap:14px;padding:0 22px 22px}.action-form label{display:grid;gap:6px;font-size:12px}.action-form textarea{min-height:100px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:10px;width:100%}.action-form .confirmation{display:flex;align-items:flex-start;gap:9px}.action-form .confirmation input{margin-top:4px}.button.danger{color:#a13a49;border-color:#e4b5bc;background:#fff5f6}.action-receipt{border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.extension-nav-title{display:block;padding:8px 13px 4px;color:var(--muted);font-size:11px;font-weight:650}.sidebar{overflow-y:auto}.activity-panel{padding:22px}.activity-heading,.activity-operation{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.activity-heading strong{font-size:13px}.activity-heading>.muted{flex-basis:100%;margin-left:16px}.activity-operation{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.activity-result{margin:12px 0 0}.provisional-text{width:100%}.provisional-text summary{color:var(--warning);font-size:12px}.provisional-text pre{margin:8px 0;padding:12px;background:var(--surface-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font:inherit}.conversation-switch{padding:16px 22px 8px;display:flex;flex-wrap:wrap;gap:8px}.conversation-list{display:grid;gap:16px;padding:16px 22px}.conversation-message{padding:16px;border:1px solid var(--border);border-radius:2px 16px 16px;background:var(--surface-muted);margin-right:8%;min-width:0}.conversation-message.outgoing{margin-right:0;margin-left:8%;border-radius:16px 2px 16px 16px;background:var(--accent-soft)}.conversation-message.internal{border-style:dashed;background:var(--surface)}.conversation-message>header,.conversation-message>footer,.response-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.conversation-message>header{font-size:12px}.conversation-message>header time{font-size:11px}.message-body{font:inherit;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;max-height:500px;overflow:auto}.conversation-message details{margin-top:8px}.conversation-message summary{color:var(--muted);font-size:11px;cursor:pointer}.conversation-message>p{margin:8px 0 0}.conversation-note{padding:8px 22px 20px;font-size:12px;color:var(--muted);margin:0}.response-links{justify-content:flex-start;margin-top:8px}.conversation-dialog{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto}.context-workspace{display:grid;gap:16px}.context-heading,.context-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.context-heading{padding:22px 22px 12px}.context-heading h2,.context-card-title h3{margin-bottom:8px}.context-heading p{max-width:760px;color:var(--muted);margin-bottom:0}.context-state{padding:14px 20px;color:var(--muted)}.context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px 22px 22px}.context-card{min-width:0;border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--surface)}.context-invocation{grid-column:1 / -1;border-top:3px solid var(--accent-strong, var(--accent))}.snapshot-badge{border-color:var(--accent);color:var(--text);background:var(--surface-muted)}.invocation-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:14px;margin:14px 0}.invocation-controls label{display:grid;gap:6px;color:var(--muted);font-size:12px}.invocation-controls select{min-height:40px;width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);background:var(--surface-muted)}.context-tabs{display:flex;flex-wrap:wrap;gap:6px}.context-tabs button{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--muted);background:var(--surface-muted);cursor:pointer}.context-tabs button:hover,.context-tabs button:focus-visible,.context-tabs button.active{border-color:var(--accent);color:var(--text);background:var(--surface)}.context-tabs button:disabled{cursor:not-allowed;opacity:.55}.invocation-snapshot-body{border-top:1px solid var(--border);padding-top:12px}.invocation-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:12px}.invocation-meta code{color:var(--text)}.raw-secondary{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.raw-secondary summary{color:var(--muted);cursor:pointer}.raw-secondary pre{max-height:360px;overflow:auto;margin:10px 0 0;border-radius:8px;padding:12px;color:var(--text);background:var(--surface-muted);font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.snapshot-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.snapshot-section summary{color:var(--text);cursor:pointer;font-weight:650}.snapshot-section ul{margin:8px 0 0;padding-left:20px}.snapshot-section li{margin:4px 0;overflow-wrap:anywhere;white-space:pre-wrap}.snapshot-instructions{max-height:280px;overflow:auto;margin:10px 0 0;padding:10px;border-radius:8px;background:var(--surface-muted);white-space:pre-wrap;overflow-wrap:anywhere}.call-args{display:block;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.compact-empty{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--border)}.context-server-summary{border-top:3px solid var(--warning)}.context-projection{border-top:3px solid var(--accent)}.context-note{margin:14px 0;color:var(--muted)}.context-facts{display:grid;gap:8px;margin:0}.context-facts>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:12px;border-top:1px solid var(--border);padding-top:8px}.context-facts dt,.context-identity span,.context-sizes span{color:var(--muted);font-size:12px}.context-facts dd{min-width:0;margin:0;overflow-wrap:anywhere}.context-block{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.context-block ul{margin:8px 0 0;padding-left:20px}.context-block li{overflow-wrap:anywhere;margin:4px 0}.context-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.context-identity div{display:grid;gap:2px;min-width:0}.context-identity strong{overflow-wrap:anywhere}.context-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.context-sizes div{display:flex;justify-content:space-between;gap:8px;border-radius:8px;padding:8px 10px;background:var(--surface-muted)}.context-sizes strong.unknown{color:var(--warning)}@media(max-width:900px){.context-grid{grid-template-columns:1fr}}@media(max-width:720px){.context-heading,.context-grid{padding-left:12px;padding-right:12px}.context-heading{gap:8px}.context-heading p{font-size:12px}.context-card{padding:14px}.context-facts>div{grid-template-columns:1fr;gap:2px}.context-identity,.context-sizes,.invocation-controls{grid-template-columns:1fr}.context-tabs{display:grid;grid-template-columns:1fr 1fr}.context-tabs button{width:100%}}@media(max-width:720px){.conversation-list{padding:12px}.conversation-message{margin-right:3%;padding:13px}.conversation-message.outgoing{margin-left:3%}}:root{color-scheme:light;--surface: #fff;--surface-muted: #f6f8fc;--surface-hover: #edf1f8;--page: #f5f7fa;--ink: #172238;--muted: #58677e;--accent: #3e60be;--accent-soft: #edf2ff;--green: #177560;--positive-soft: #eef8f4;--negative: #a13a49;--negative-soft: #fff5f6;--negative-border: #e4b5bc;--warning: #755b1d;--warning-soft: #fffaed;--warning-border: #e4d6ae}:root[data-theme=dark]{color-scheme:dark;--surface: #172233;--surface-muted: #1c2a3e;--surface-hover: #253650;--page: #101827;--ink: #e5ecf7;--muted: #a8b6cb;--border: #314158;--accent: #a0baff;--accent-soft: #263956;--green: #7ddbc0;--positive-soft: #193b35;--negative: #ffb0ba;--negative-soft: #3d2531;--negative-border: #744554;--warning: #e7c782;--warning-soft: #362f23;--warning-border: #68563a;--shadow: 0 3px 18px #00000015}:root{background:var(--page);color:var(--ink)}.sidebar,.panel,.overview-strip,.agent-item,.workspace-icon,.text-dialog,.skip-link,.button.subtle,input,select,.login-card input,.action-form textarea{background:var(--surface);color:var(--ink);border-color:var(--border)}.topbar{background:var(--surface)}.workspace-tag,.live-card,.record-fields,.search-field,.filter-row select,.extension-card,.login-main{background:var(--surface-muted);color:var(--muted)}.record,.record-fields,.record-fields>div{border-color:var(--border)}.agent-copy strong,.breadcrumbs strong,.overview-strip strong,.record-preview,.record-fields dd,.usage-row b{color:var(--ink)}.brand small,.nav-label,.sidebar nav button,.breadcrumbs,.live-pill,.agent-copy>span,.agent-copy small,.welcome-options,.detail-tabs button,summary,.record-fields dt,.usage-summary small,.usage-row,.empty-state,.empty-state h3,.workspace-footer,.login-card>p,.security-note,.login-caption,input::placeholder{color:var(--muted)}.sidebar nav button.active,.detail-tabs button.active,.usage-summary strong{color:var(--accent)}.live-pill.live{color:var(--green)}.agent-item.selected{background:var(--accent-soft)}.button.subtle:hover:not(:disabled),.icon-button:hover:not(:disabled),.sidebar nav button:hover,.agent-item:hover,.detail-tabs button:hover{background:var(--surface-hover);border-color:var(--border)}.avatar,.agent-avatar,.record-symbol,.login-lock{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}.badge{background:var(--positive-soft);color:var(--green)}.badge.terminal{background:var(--surface-muted);color:var(--muted)}.error-banner,.record-failed .record-symbol,.button.danger{background:var(--negative-soft);color:var(--negative);border-color:var(--negative-border)}.connection-banner,.truncation-note{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-border)}.button.primary,.brand-mark{background:#4669ca;color:#fff}.welcome-illustration{background:radial-gradient(circle at 30% 20%,var(--surface),var(--accent-soft));border-color:var(--border)}.skeleton{background:linear-gradient(110deg,var(--surface-muted) 30%,var(--surface) 48%,var(--surface-muted) 65%);background-size:300% 100%}.stale{opacity:1}.theme-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.theme-control select{padding:7px;max-width:125px;font-size:12px}.login-main>.theme-control{position:absolute;top:16px;right:20px}.panel-source{padding:4px 22px 16px;overflow-wrap:anywhere}.panel-source code{display:block;color:var(--muted);margin-top:6px;font-size:11px}.agent-copy strong,.agent-copy>span,.agent-copy small,.agent-filters>small,.badge,.detail-tabs button,.record-top time,.record-links>.small,.record-links .text-button,summary,.record-fields dt,.record-fields dd,.record-fields .code-value,.usage-summary small,.usage-row,.panel-heading p,.truncation-note{font-size:12px}.record-preview{font-size:14px;line-height:1.7}.detail-tabs button,.icon-button{min-height:40px}@media(max-width:720px){.theme-control>span{display:none}.theme-control select{max-width:106px}.topbar-right{gap:7px}.topbar-right>.button>span{display:none}.login-main{padding-top:70px}.icon-button{min-width:40px}}