.assistant-panel{text-align:left;flex-direction:column;gap:12px;width:min(520px,100%);display:flex}.assistant-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.assistant-header h2{margin:0}.assistant-close{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);width:40px;height:40px;color:var(--color-heading);place-items:center;font-size:1.3rem;display:grid}.assistant-conversation{background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-medium);flex-direction:column;gap:8px;min-height:160px;max-height:42vh;padding:10px;display:flex;overflow-y:auto}.assistant-examples{flex-direction:column;gap:8px;display:flex}.assistant-example{text-align:left;color:var(--color-heading);background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-small);padding:8px 12px;font-size:1.05rem;font-weight:600}.assistant-example:hover:not(:disabled){border-color:var(--color-primary)}.assistant-bubble{border-radius:var(--radius-medium);overflow-wrap:anywhere;max-width:85%;margin:0;padding:8px 12px;font-size:1.1rem;font-weight:600}.assistant-bubble--user{background:var(--color-primary);color:var(--color-on-strong);align-self:flex-end}.assistant-bubble--assistant{background:var(--color-card);border:2px solid var(--color-border);align-self:flex-start}.assistant-mic-area{flex-direction:column;align-items:center;gap:8px;display:flex}.assistant-mic{background:var(--color-primary);width:84px;height:84px;color:var(--color-on-strong);border:5px solid var(--color-outline);border-radius:50%;place-items:center;font-size:2.4rem;display:grid}.assistant-mic:hover:not(:disabled){background:var(--color-ink)}.assistant-mic--listening{background:var(--color-danger);animation:1s ease-in-out infinite alternate assistant-pulse}.assistant-mic--thinking{opacity:.6}@keyframes assistant-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.assistant-status{font-size:1.05rem;font-weight:600}.assistant-type-row{gap:8px;display:flex}.assistant-type-row input{min-width:0;font:600 1.1rem var(--body);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);flex:1;padding:10px}.assistant-type-row input:focus{border-color:var(--color-primary);outline:none}.assistant-type-row .btn{border-width:3px;min-width:0;padding:8px 16px;font-size:1.2rem}@media (width<=720px){.assistant-conversation{max-height:34vh}.assistant-mic{width:72px;height:72px;font-size:2rem}.assistant-bubble{font-size:1rem}}