*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#1a1d27;--bg3:#22263a;--border:#ffffff14;--border2:#ffffff24;--text:#e8eaf0;--text2:#8b90a8;--text3:#555a72;--purple:#7c6fe0;--purple2:#5a4fb8;--green:#1d9e75;--red:#d85a30;--amber:#ba7517;--mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans)}.app{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sidebar-head{border-bottom:1px solid var(--border);flex-shrink:0;padding:18px 16px 14px}.logo{text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:2px;font-size:11px}.logo-name{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:600}.logo-name span{color:var(--purple)}.sidebar-body{flex-direction:column;flex:1;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:6px;font-size:10px;font-weight:600}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text2);font-size:11px}.field input,.field select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--mono);border-radius:6px;outline:none;width:100%;padding:7px 9px;font-size:11px;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--purple)}.field input::placeholder{color:var(--text3)}.connect-btn{background:var(--purple);color:#fff;cursor:pointer;font-family:var(--sans);border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s}.connect-btn:hover{background:var(--purple2)}.connect-btn:disabled{opacity:.4;cursor:not-allowed}.status{background:var(--bg3);border:1px solid var(--border);color:var(--text3);text-align:center;border-radius:5px;padding:5px 9px;font-size:11px}.status.connected{color:var(--green);border-color:var(--green)}.status.error{color:var(--red);border-color:var(--red)}.divider{background:var(--border);height:1px;margin:2px 0}.cap-list{flex-direction:column;gap:3px;display:flex}.cap-item{font-size:11px;font-family:var(--mono);color:var(--text3);border:1px solid var(--border);background:var(--bg3);border-radius:5px;padding:5px 8px;line-height:1.4}.cap-item.live{color:var(--purple);border-color:#7c6fe04d}.cap-item.live-sparql{color:var(--green);border-color:#1d9e754d}.cap-name{font-weight:600}.cap-ops{color:var(--text3);margin-top:1px;font-size:10px}.cap-item.live .cap-ops{color:#7c6fe080}.cap-item.live-sparql .cap-ops{color:#1d9e7580}.main{grid-template-rows:200px 1fr;display:grid;overflow:hidden}.trace{border-bottom:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.trace-head{background:var(--bg2);border-bottom:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:10px;font-weight:600;display:flex}.trace-dot{background:var(--text3);border-radius:50%;width:6px;height:6px}.trace-dot.active{background:var(--green);animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.trace-body{flex:1;padding:8px 12px;overflow-y:auto}.trace-line{font-size:11px;font-family:var(--mono);align-items:flex-start;gap:10px;line-height:1.65;display:flex}.trace-ts{color:var(--text3);flex-shrink:0;min-width:44px}.trace-msg{word-break:break-all;color:var(--text2);flex:1}.trace-line.step .trace-msg{color:var(--text)}.trace-line.http .trace-msg{color:var(--purple)}.trace-line.sparql .trace-msg,.trace-line.success .trace-msg{color:var(--green)}.trace-line.error .trace-msg{color:var(--red)}.trace-line.warn .trace-msg{color:var(--amber)}.trace-line.think .trace-msg{color:var(--amber);font-style:italic}.chat{flex-direction:column;display:flex;overflow:hidden}.messages{flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.empty{color:var(--text3);flex:1;justify-content:center;align-items:center;font-size:14px;font-style:italic;display:flex}.msg-row{align-items:flex-start;gap:10px;max-width:780px;display:flex}.msg-row.user{flex-direction:row-reverse;align-self:flex-end}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.avatar.user{background:var(--purple);color:#fff}.avatar.agent{background:var(--bg3);border:1px solid var(--border2);color:var(--text2)}.bubble{white-space:pre-wrap;border-radius:12px;max-width:calc(100% - 40px);padding:10px 14px;font-size:13px;line-height:1.6}.bubble.user{background:var(--purple);color:#fff;border-bottom-right-radius:3px}.bubble.agent{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:3px}.bubble.thinking{color:var(--text3);font-style:italic}.input-row{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:8px;outline:none;flex:1;padding:9px 13px;font-size:13px;transition:border-color .15s}.chat-input:focus{border-color:var(--purple)}.chat-input::placeholder{color:var(--text3)}.chat-input:disabled{opacity:.4}.send-btn{background:var(--purple);color:#fff;cursor:pointer;font-family:var(--sans);white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:500;transition:background .15s}.send-btn:hover{background:var(--purple2)}.send-btn:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}[hidden]{display:none!important}.how-link{color:var(--text3);margin-top:8px;font-size:11px;text-decoration:none;transition:color .15s;display:inline-block}.how-link:hover{color:var(--purple)}.connect-fields{flex-direction:column;gap:8px;display:flex}.connect-btn.secondary{border:1px solid var(--border2);color:var(--text2);background:0 0;margin-top:-6px}.connect-btn.secondary:hover{background:var(--bg3)}.connect-btn.secondary.accent{color:var(--purple);border-color:#7c6fe066}.cap-empty{font-size:11px;font-family:var(--mono);color:var(--text3);background:0 0;border:none;padding:5px 8px;font-style:italic;line-height:1.4}.secret{display:flex;position:relative}.secret input{padding-right:46px}.masked{-webkit-text-security:disc;text-security:disc}.masked::placeholder{-webkit-text-security:none;text-security:none}.reveal{color:var(--text3);cursor:pointer;font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;border-radius:0 6px 6px 0;padding:0 9px;font-size:10px;transition:color .15s;position:absolute;top:1px;bottom:1px;right:1px}.reveal:hover{color:var(--purple)}.reveal:focus-visible{outline:1px solid var(--purple);outline-offset:-1px}.trace-head{cursor:pointer;text-align:left;width:100%;font-family:var(--sans);appearance:none}.trace-head:hover{color:var(--text2)}.trace-head:focus-visible{outline:1px solid var(--purple);outline-offset:-2px}.trace-title{flex:1}.trace-count{color:var(--text3);letter-spacing:0;text-transform:none;font-weight:600}.trace-chevron{font-size:9px;transition:transform .15s}.main.trace-collapsed{grid-template-rows:auto 1fr}.main.trace-collapsed .trace-body{display:none}.main.trace-collapsed .trace-chevron{transform:rotate(-90deg)}.input-row{align-items:flex-end}.chat-input{resize:none;min-height:0;max-height:200px;line-height:1.5;display:block;overflow-y:auto}.bubble.agent{white-space:normal}.bubble.agent.thinking{white-space:pre-wrap}.bubble.agent>:first-child{margin-top:0}.bubble.agent>:last-child{margin-bottom:0}.bubble.agent p{margin:0 0 8px}.bubble.agent h1,.bubble.agent h2,.bubble.agent h3{margin:12px 0 6px;font-weight:600;line-height:1.3}.bubble.agent h1{font-size:16px}.bubble.agent h2{font-size:15px}.bubble.agent h3{font-size:14px}.bubble.agent ul,.bubble.agent ol{margin:0 0 8px;padding-left:20px}.bubble.agent li{margin:2px 0}.bubble.agent a{color:var(--purple);text-decoration:underline}.bubble.agent a:hover{color:var(--text)}.bubble.agent blockquote{border-left:2px solid var(--border2);color:var(--text2);margin:0 0 8px;padding:2px 10px}.bubble.agent code{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 4px;font-size:12px}.bubble.agent pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:0 0 8px;padding:10px 12px;overflow-x:auto}.bubble.agent pre code{background:0 0;border:none;padding:0;line-height:1.5}.bubble.agent table{border-collapse:collapse;width:max-content;max-width:100%;margin:0 0 8px;font-size:12px;display:block;overflow-x:auto}.bubble.agent th,.bubble.agent td{border:1px solid var(--border2);padding:5px 9px}.bubble.agent th{background:var(--bg3);font-weight:600}.bubble.agent [align=left]{text-align:left}.bubble.agent [align=center]{text-align:center}.bubble.agent [align=right]{text-align:right}