.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;gap:.5rem}.app__logo{font-size:1rem;font-weight:600;color:var(--accent-hover);letter-spacing:.02em}.app__main{flex:1;overflow:hidden;display:flex;flex-direction:column}.app__footer{flex-shrink:0;border-top:1px solid var(--border)}.app__unconfigured{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.9375rem}.conversation{display:flex;flex-direction:column;height:100%;overflow:hidden}.conversation__status-bar{display:flex;align-items:center;gap:.5rem;padding:.4rem 1.25rem;border-bottom:1px solid var(--border);font-size:.8125rem;flex-shrink:0;background:var(--bg-surface)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--live{background:#22c55e;box-shadow:0 0 6px #22c55e80}.status-dot--offline{background:var(--text-muted)}.status-text{color:var(--text-muted)}.status-text--error{color:#f87171}.live-indicator{font-size:.75rem;font-weight:500;margin-right:auto}.live-indicator--on{color:#4ade80}.live-indicator--off{color:var(--text-muted)}.conversation__messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.conversation__empty{color:var(--text-muted);text-align:center;padding:3rem 0;font-size:.9375rem}.bubble{max-width:780px;width:100%}.bubble--agent{background:var(--agent);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem}.bubble--human{background:var(--human);border:1px solid #1a4a2a;border-radius:var(--radius);padding:.875rem 1rem;margin-left:auto}.bubble--system-wrapper{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;gap:.5rem}.bubble--system{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:var(--system);border:1px solid var(--system-border);border-radius:999px;font-size:.8125rem;color:#d97706;width:100%}.bubble--system--expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.bubble--system--expandable:hover{border-color:#d97706;background:#fbbf241a}.bubble__chevron{font-size:.625rem;opacity:.7;margin-left:auto}.bubble__context-panel{width:100%;background:var(--bg-surface);border:1px solid var(--system-border);border-radius:var(--radius);padding:.75rem 1rem}.bubble__transition-icon{font-size:.875rem;opacity:.7}.bubble__transition-text{opacity:.9;font-family:var(--font-mono)}.bubble__actor-pill-wrapper{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.bubble__actor-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .65rem;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.03em;width:fit-content}.bubble__actor-pill--expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.bubble__actor-avatar{width:1.25rem;height:1.25rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid currentColor}.bubble__actor-pill--expandable:hover{opacity:.75}.bubble__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.bubble__actor{font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.bubble__body{font-size:.9375rem;line-height:1.65;word-break:break-word}.jsonforms-block{border:1px solid var(--border);border-radius:8px;padding:1rem;margin:.75em 0;background:#0000004d}.chat-input{padding:.75rem 1.25rem 1rem;background:var(--bg-surface)}.chat-input__error{font-size:.8125rem;color:#f87171;margin-bottom:.5rem;padding:.4rem .75rem;background:#f8717114;border-radius:6px}.chat-input__row{display:flex;gap:.625rem;align-items:flex-end}.chat-input__textarea{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.9375rem;line-height:1.5;padding:.625rem .875rem;resize:none;min-height:44px;max-height:180px;overflow-y:auto;transition:border-color .15s;field-sizing:content}.chat-input__textarea:focus{outline:none;border-color:var(--accent)}.chat-input__textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input__send{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;height:44px;width:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s}.chat-input__send:hover:not(:disabled){background:var(--accent-hover)}.chat-input__send:disabled{opacity:.4;cursor:not-allowed}.chat-input__hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem;text-align:center}.settings__toggle{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:.3rem .6rem;line-height:1;transition:color .15s,border-color .15s}.settings__toggle:hover{color:var(--text);border-color:var(--accent)}.settings__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings__panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:2rem;width:min(520px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:1rem}.settings__title{font-size:1.125rem;font-weight:600}.settings__hint{font-size:.875rem;color:var(--text-muted);line-height:1.5}.settings__hint code{background:#ffffff14;padding:.1em .35em;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.settings__field{display:flex;flex-direction:column;gap:.375rem}.settings__label{font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.settings__input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9375rem;padding:.5rem .75rem;transition:border-color .15s}.settings__input:focus{outline:none;border-color:var(--accent)}.settings__actions{display:flex;gap:.75rem;margin-top:.5rem}.settings__save{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.6rem 1.25rem;transition:background-color .15s}.settings__save:hover:not(:disabled){background:var(--accent-hover)}.settings__save:disabled{opacity:.4;cursor:not-allowed}.settings__cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9375rem;padding:.6rem 1.25rem;transition:color .15s,border-color .15s}.settings__cancel:hover{color:var(--text);border-color:var(--text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-surface: #1a1d27;--bg-input: #12151f;--border: #2a2d3a;--text: #e2e8f0;--text-muted: #6b7280;--accent: #6366f1;--accent-hover: #818cf8;--agent: #1e293b;--human: #0f2d1a;--system: #1c1a0d;--system-border: #4a4010;--radius: 12px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.message-content p{margin-bottom:.75em}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3{margin:1em 0 .5em;font-weight:600}.message-content ul,.message-content ol{padding-left:1.5em;margin-bottom:.75em}.message-content li{margin-bottom:.25em}.message-content code{background:#ffffff14;padding:.15em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.875em}.message-content pre{background:#0006;border:1px solid var(--border);border-radius:8px;padding:1em;overflow-x:auto;margin:.75em 0}.message-content pre code{background:none;padding:0}.message-content blockquote{border-left:3px solid var(--accent);padding-left:1em;color:var(--text-muted);margin:.75em 0}.message-content table{border-collapse:collapse;width:100%;margin:.75em 0}.message-content th,.message-content td{border:1px solid var(--border);padding:.4em .75em;text-align:left}.message-content th{background:#ffffff0d}.streaming-cursor:after{content:"▋";animation:blink 1s step-end infinite;color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}