.wasm-app .assistant-panel{padding:.65rem .8rem;background:var(--panel-tint);font:400 .875rem/1.45 var(--type-ui);scroll-margin-top:1rem}
.assistant-panel>details>summary{cursor:pointer;font-size:1rem}
.assistant-model{margin-left:.75rem;color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.assistant-body{display:grid;gap:.6rem;padding-top:.5rem;min-width:0}
.assistant-body p,.assistant-body h3,.assistant-body h4{margin:0}
.assistant-privacy{color:var(--muted);font-size:.78rem}
.assistant-status{min-height:1.45em;color:var(--accent-2);overflow-wrap:anywhere}
.assistant-status[data-kind="error"],.assistant-stale{color:var(--accent)}
.assistant-body form{display:grid;gap:.35rem}
.assistant-body form>label{font-weight:600}
.assistant-body textarea{display:block;width:100%;min-height:4.25rem;max-height:16rem;resize:vertical;border:1px solid var(--rule-strong);border-radius:var(--radius-small);padding:.6rem;background:var(--paper-warm);color:var(--ink);font:400 1rem/1.4 var(--type-ui)}
.assistant-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem}
.assistant-actions button{min-height:2.5rem;border:1px solid var(--rule-strong);border-radius:var(--radius-small);padding:.4rem .8rem;background:var(--paper-warm);color:var(--ink);font:600 .85rem/1.25 var(--type-ui);cursor:pointer}
.assistant-actions button:disabled{opacity:.5;cursor:default}
.assistant-actions button:not(:disabled):hover{border-color:var(--accent)}
.assistant-actions :is(#assistant-send,#assistant-apply){background:var(--accent-2);border-color:var(--accent-2);color:white}
.assistant-actions #assistant-talk[aria-pressed="true"]{background:var(--accent);color:white}
.assistant-panel :is(button,textarea,input,summary):focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:3px}
.assistant-speech{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}
.assistant-speech input{width:1.1rem;height:1.1rem;accent-color:var(--accent-2)}
.assistant-chat{display:grid;gap:.5rem;max-height:20rem;overflow:auto;overscroll-behavior:contain}
.assistant-chat:empty{display:none}
.assistant-message{display:grid;gap:.1rem;padding:.5rem .65rem;border-left:3px solid var(--rule-strong);background:var(--paper-warm);overflow-wrap:anywhere;white-space:pre-wrap}
.assistant-message strong{font-size:.75rem;color:var(--muted)}
.assistant-message-assistant{border-left-color:var(--accent-2)}
.assistant-draft{padding:.35rem .5rem;border-left:3px solid var(--accent-2)}
.assistant-proposal{display:grid;gap:.65rem;border-top:1px solid var(--rule);padding-top:.7rem;min-width:0}
.assistant-proposal h3{font-size:.95rem}
.assistant-proposal h4{font-size:.8rem;margin-bottom:.2rem}
.assistant-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.assistant-proposal pre{margin:0;padding:.6rem;max-height:18rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper-warm);border:1px solid var(--rule);font:.78rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.assistant-diff [data-before]{border-left:3px solid #a35545}
.assistant-diff [data-after]{border-left:3px solid #437650}
.assistant-proposal details>summary{cursor:pointer;margin-bottom:.25rem}
.assistant-preview{padding:.5rem;background:var(--paper-warm);border:1px solid var(--rule);overflow:hidden}
.assistant-preview svg{display:block;width:100%;height:auto;max-height:60svh;object-fit:contain}
.assistant-panel [hidden]{display:none!important}
@media(max-width:600px){.assistant-model{display:block;margin:.25rem 0 0 1rem}.assistant-diff{grid-template-columns:minmax(0,1fr)}.assistant-actions button{min-height:2.75rem}.assistant-chat{max-height:16rem}}