Lilith.RazorWebGui (Version 1)

:root{  --bg: #0f1117;  --panel: #1a1d27;  --text: #e8eaef;  --muted: #9aa3b2;  --accent: #7c5cff;  --user: #3dd68c;  --assistant: #f5c542;  --system: #5ec8ff;}*{ box-sizing: border-box; }body{  margin: 0;  font-family: "Segoe UI", system-ui, sans-serif;  background: var(--bg);  color: var(--text);}.container{ max-width: 900px; margin: 0 auto; padding: 1.5rem; }.chat-header h1{ margin: 0 0 .25rem; font-size: 1.5rem; }.meta{ color: var(--muted); margin: 0 0 1rem; }.chat-log{  background: var(--panel);  border-radius: 8px;  padding: 1rem;  min-height: 320px;  max-height: 60vh;  overflow-y: auto;  margin-bottom: 1rem;  font-family: Consolas, "Cascadia Mono", monospace;  font-size: .9rem;  white-space: pre-wrap;}.line{ margin: .35rem 0; }.line .src{ color: var(--muted); margin-right: .5rem; }.line.user .text{ color: var(--user); }.line.assistant .text{ color: var(--assistant); }.line.system .text{ color: var(--system); }.line.warn .text{ color: #ff9f43; }.line.progress .text{ color: var(--muted); font-style: italic; }.chat-form label{ display: block; margin-bottom: .35rem; color: var(--muted); }.chat-form textarea{  width: 100%;  background: var(--panel);  border: 1px solid #2a3142;  color: var(--text);  border-radius: 6px;  padding: .75rem;  resize: vertical;}.chat-form button{  margin-top: .5rem;  background: var(--accent);  color: #fff;  border: 0;  border-radius: 6px;  padding: .55rem 1.25rem;  cursor: pointer;}.hint{ color: var(--muted); font-size: .85rem; }.hint code{ background: var(--panel); padding: .1rem .35rem; border-radius: 4px; }​