.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%}}
.emoji-field-control{position:relative;flex:none;margin-inline-start:auto;min-width:0}
.emoji-field-control>summary{display:grid;place-items:center;width:2.25rem;min-height:2.25rem;padding:.35rem;border:1px solid transparent;border-radius:.4rem;list-style:none;line-height:1}
.emoji-field-control>summary::before,.emoji-field-control>summary::-webkit-details-marker{display:none}
.emoji-field-control>summary:hover{background:var(--surface-1);border-color:var(--border-1)}
.emoji-field-control>summary img{display:block;width:1.25rem;height:1.25rem}
.emoji-field-control .chat-emoji-picker{box-sizing:border-box;width:min(20rem,calc(100vw - 24px));max-height:min(28rem,calc(var(--emoji-viewport-height,100dvh) - 24px));padding:.8rem;border:1px solid var(--border-strong);border-radius:.65rem;background:var(--color-bg-end);color:var(--color-text);box-shadow:0 10px 35px #0003;overflow:auto}
.emoji-field-control .chat-emoji-picker[popover]{position:fixed;inset:auto;left:var(--emoji-left,12px);top:var(--emoji-top,12px);margin:0}
.emoji-field-control .chat-emoji-picker[popover]:not(:popover-open){display:none}
.emoji-field-control:not([data-emoji-popover]) .chat-emoji-picker{position:absolute;right:0;top:100%;z-index:80}
.emoji-field-control .chat-emoji-list{flex:1;min-height:4rem;max-height:15rem;overflow:auto;overscroll-behavior:contain}
.emoji-field-control :is(summary,button,input,select):focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
.emoji-field-control [hidden]{display:none!important}
@media(max-width:767px){.emoji-field-control>summary{width:2.75rem;min-height:2.75rem}.emoji-field-control .chat-emoji-picker :is(input,select){font-size:1rem}}
@media(forced-colors:active){.emoji-field-control>summary,.emoji-field-control .chat-emoji-picker{border-color:ButtonText}}
@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}}