:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e7e9ee;--text-dim: #9aa1b0;--primary: #6c8dff;--primary-text: #0b0d12;--error: #ff6b6b;--radius: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;max-width:760px;margin:0 auto;padding:0 16px}.app__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 12px;border-bottom:1px solid var(--border)}.app__header h1{font-size:18px;margin:0 0 4px}.app__subtitle{margin:0;color:var(--text-dim);font-size:13px;max-width:520px}.debug-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.banner{padding:10px 14px;border-radius:var(--radius);margin:12px 0;font-size:13px}.banner--error{background:#ff6b6b1f;color:var(--error);border:1px solid rgba(255,107,107,.35)}.chat{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;padding:10px 14px;border-radius:var(--radius);font-size:14px;line-height:1.5;white-space:pre-wrap}.bubble--user{align-self:flex-end;background:var(--primary);color:var(--primary-text)}.bubble--agent{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.bubble--status{align-self:flex-start;color:var(--text-dim);font-style:italic;font-size:13px;padding:4px 14px}.bubble--error{align-self:flex-start;display:flex;align-items:flex-start;gap:8px;background:#fff7ed;border:1px solid #fcd34d;color:#92400e}.bubble__warn{flex-shrink:0;line-height:1.4}.composer{display:flex;gap:8px;padding:14px 0 20px;border-top:1px solid var(--border)}.composer input{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius);font-size:14px}.composer input:focus{outline:none;border-color:var(--primary)}.composer button{border:none;border-radius:var(--radius);padding:10px 16px;font-size:14px;cursor:pointer;background:var(--primary);color:var(--primary-text);font-weight:600}.composer button:disabled{opacity:.4;cursor:not-allowed}.composer button.btn--secondary{background:var(--surface-2);color:var(--text);font-weight:500}.widget{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:var(--surface-2)}.widget__header{font-weight:600;font-size:13px;margin-bottom:6px}.widget__prompt{margin:0 0 10px;font-size:13.5px;color:var(--text)}.widget__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.widget__choices{display:flex;flex-wrap:wrap;gap:8px}.widget__freetext{display:flex;gap:8px;width:100%}.widget__freetext input{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;font-size:13px}.widget__resolution{font-size:13px;color:var(--text-dim)}.widget__hint{font-size:12px;color:var(--text-dim)}.widget__error{font-size:12px;color:var(--error)}.btn{border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex}.btn--primary{background:var(--primary);color:var(--primary-text)}.btn--secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.debug-panel{margin-top:10px;display:flex;flex-direction:column;gap:6px}.debug-card{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--surface-2);font-size:12px}.debug-card--tool .debug-card__title{color:#ffd479}.debug-card--event .debug-card__title{color:var(--text-dim)}.debug-card__title{font-weight:600;margin-bottom:4px}.debug-card__body{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text-dim);font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}