.chatbox{gap:var(--space-4);flex-direction:column;width:100%;max-width:820px;height:100%;min-height:0;margin-inline:auto;display:flex}.chatbox-transcript{gap:var(--space-4);min-height:0;padding:var(--space-6);overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chatbox-sys{flex:none}.chatbox-transcript>.ui-empty{margin-block:auto}.chatbox-row{flex:none;display:flex}.chatbox-row--user{justify-content:flex-end}.chatbox-row--robot{justify-content:flex-start}.chatbox-bubble{gap:var(--space-2);min-width:0;max-width:78%;padding:var(--space-4) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--bg-layer-1);color:var(--content-primary);flex-direction:column;display:flex}.chatbox-bubble--robot{border-end-start-radius:var(--radius-xs)}.chatbox-bubble--user{background:var(--bg-accent);border-color:#0000;border-end-end-radius:var(--radius-xs)}.chatbox-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.chatbox-bubble-footer{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.chatbox-composer{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);background:var(--material-thin);-webkit-backdrop-filter:var(--material-blur-thin);border:1px solid var(--material-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass), var(--material-highlight);flex:none;display:flex}.chatbox-field{flex:1;min-width:0}.chatbox-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}@media (max-width:640px){.chatbox{max-width:none}.chatbox-transcript{padding:var(--space-4)}.chatbox-bubble{max-width:88%}.chatbox-composer{padding:var(--space-3);flex-wrap:wrap}.chatbox-field{flex-basis:100%}.chatbox-actions{justify-content:flex-end;width:100%}}
