:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--line:#e5e7eb;--muted:#6b7280;--accent:#1f2937;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{color:#111827;background:#f9fafb;margin:0}.page{max-width:1200px;margin:0 auto;padding:24px}.narrow{max-width:380px}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:16px;padding:10px 24px;display:flex}.topbar nav{flex:1;gap:12px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:8px;margin:8px 0;padding:12px}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.muted{color:var(--muted);font-size:.9em}.error{color:#b91c1c}.notice{background:#ecfdf5;border-radius:6px;padding:8px}.pre{white-space:pre-wrap}.snippet{background:#f3f4f6;padding:8px;font-size:12px;display:block;overflow-x:auto}section{margin:24px 0}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}input,select,textarea{font:inherit;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px}label{flex-direction:column;gap:4px;display:flex}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:6px 12px}button.link{color:var(--accent);background:0 0;padding:0;text-decoration:underline}.chip{color:#111827;background:#e5e7eb}.chip.active{background:var(--accent);color:#fff}.inbox{grid-template-columns:320px 1fr;gap:16px;display:grid}.list{flex-direction:column;gap:8px;display:flex}.item{text-align:left;color:inherit;border:1px solid var(--line);background:#fff;flex-direction:column;align-items:flex-start;display:flex}.item.active{border-color:var(--accent)}.preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85em;overflow:hidden}.conversation{flex-direction:column;gap:12px;margin:0;display:flex}.timeline{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:8px;min-height:300px;max-height:60vh;padding:12px;display:flex;overflow-y:auto}.bubble{background:#f3f4f6;border-radius:10px;max-width:70%;padding:6px 10px}.bubble p{white-space:pre-wrap;margin:2px 0 0}.bubble.outbound{background:#e0e7ff;align-self:flex-end}.event{color:var(--muted);align-self:center;margin:0;font-size:.85em}.conversation textarea{flex:1}@media (max-width:760px){.inbox{grid-template-columns:1fr}}