.chat-editor{display:flex;flex-direction:column;gap:1rem;min-width:0;width:100%}.chat-editor h2{font-size:1rem;font-weight:600;letter-spacing:-.02em}.chat-messages-heading,.chat-message-actions,.chat-message-text-meta,.chat-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.chat-messages{display:flex;flex-direction:column;gap:.3rem;list-style:none;padding:0;margin:0}.chat-message{min-width:0}.chat-message-select{display:flex;flex-direction:column;gap:.2rem;width:100%;text-align:left;padding:.65rem .75rem;min-height:3.25rem;border:1px solid transparent;border-radius:.5rem;background:transparent;color:var(--color-text);cursor:pointer}.chat-message-select:hover{background:var(--surface-1)}.chat-message[data-selected=true] .chat-message-select{border-color:var(--border-strong);background:var(--surface-1)}.chat-message[data-dragging=true]{opacity:.5}.chat-message-summary-label{font-size:.7rem;font-weight:600;color:var(--color-muted)}.chat-message-snippet{font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}.chat-active-editor,.chat-field,.chat-contact-content{display:flex;flex-direction:column;gap:.6rem;min-width:0}.chat-active-editor{padding-top:1rem;border-top:1px solid var(--border-1)}.chat-field>label{font-size:.76rem;font-weight:500}.chat-select{width:100%;min-width:0;min-height:2.7rem;padding:.5rem .65rem;border:1px solid var(--border-1);border-radius:.45rem;background:var(--surface-1);color:var(--color-text);font-size:.82rem}.chat-message-text{width:100%;min-height:6.5rem;resize:vertical;font-size:.9rem;line-height:1.5}.chat-message-count,.chat-character-count{font-size:.72rem;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chat-field-error,.chat-density{font-size:.75rem;line-height:1.45;color:var(--color-error)}.chat-hint{font-size:.75rem;color:var(--color-muted)}.chat-editor [aria-invalid=true]{border-color:var(--color-error)}.chat-icon-button{display:inline-grid;place-items:center;min-width:2.5rem;min-height:2.5rem;padding:.45rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:var(--color-muted)}.chat-icon-button:hover{background:var(--surface-1);color:var(--color-text)}.chat-icon-button:disabled{cursor:not-allowed;opacity:.45}.chat-icon-button .icon{width:1rem;height:1rem}.chat-move-up .icon{transform:rotate(-90deg)}.chat-move-down .icon{transform:rotate(90deg)}.chat-add-button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;border:1px solid var(--border-1);border-radius:.45rem;background:transparent;color:var(--color-text);font-size:.85rem}.chat-add-button:disabled{opacity:.5;cursor:not-allowed}.chat-message-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding-top:.7rem}.chat-message-extra>summary,.chat-contact>summary,.chat-emoji>summary{font-size:.78rem;cursor:pointer;min-height:2.6rem;display:flex;align-items:center;gap:.4rem}.chat-message-extra>summary::before,.chat-contact>summary::before,.chat-emoji>summary::before{content:'+'}.chat-message-extra[open]>summary::before,.chat-contact[open]>summary::before,.chat-emoji[open]>summary::before{content:'−'}.chat-contact{border-top:1px solid var(--border-1);padding-top:.45rem}.chat-contact-content{gap:.9rem;padding-top:.5rem}.chat-sound-switch{display:flex;align-items:center;gap:.6rem;font-size:.85rem;min-height:2.75rem}.chat-sound-switch input{width:1rem;height:1rem;accent-color:var(--color-text)}.chat-edit-toolbar{align-items:flex-start;flex-wrap:wrap}.chat-emoji{min-width:0;flex:1}.chat-emoji-picker{display:flex;flex-direction:column;gap:.65rem;width:min(19rem,100%);padding:.7rem 0}.chat-emoji-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr));gap:.2rem;max-height:15rem;overflow:auto;padding:.2rem}.chat-emoji-button{display:grid;place-items:center;min-width:2.4rem;min-height:2.5rem;padding:.2rem;background:transparent;border:1px solid transparent;border-radius:.35rem}.chat-emoji-button:hover{background:var(--surface-1);border-color:var(--border-1)}.chat-emoji-button img{width:2rem;height:2rem;object-fit:contain}.inline-emoji{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.16em;object-fit:contain}.chat-editor button:focus-visible,.chat-editor summary:focus-visible,.chat-editor input:focus-visible,.chat-editor textarea:focus-visible,.chat-editor select:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.chat-editor [hidden]{display:none!important}
@media(max-width:767px){.chat-icon-button,.chat-emoji-button{min-width:2.75rem;min-height:2.75rem}.chat-message-text{font-size:1rem}.chat-emoji-picker{width:100%}}
@media(prefers-reduced-motion:reduce){.chat-editor *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.chat-message[data-selected=true] .chat-message-select{outline:2px solid Highlight}.chat-icon-button:disabled{color:GrayText}}