/* The detail pane and the selected row sample one stationary image plane. */
.messenger-workspace[data-chat-background=tree]{--chat-art-paper-gain:1.03}
.messenger-workspace[data-chat-background=album]{--chat-art-paper-gain:1.08}
.messenger-workspace[data-chat-background=botanical]{--chat-art-paper-gain:1.13}
.messenger-workspace.has-chat-appearance .messenger-detail::before,.has-chat-appearance .messenger-row.is-selected::before{filter:brightness(var(--chat-art-paper-gain,1.03));mix-blend-mode:multiply}
.messenger-workspace.has-chat-appearance .messenger-detail::before{left:0;right:0;top:var(--chat-art-top,var(--conversation-strip-height));bottom:auto;width:100%;height:var(--chat-art-height);aspect-ratio:auto;max-width:none;background-image:var(--chat-background-image);background-repeat:no-repeat;background-size:var(--chat-art-width) var(--chat-art-height);background-position:var(--chat-art-x,0px) var(--chat-art-y,0px);background-color:transparent;opacity:1;mask-image:none;-webkit-mask-image:none;pointer-events:none}
.has-chat-appearance .messenger-row.is-selected{position:relative;isolation:isolate;background:var(--conversation-bg)}
.has-chat-appearance .messenger-row.is-selected::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--chat-background-image);background-repeat:no-repeat;background-size:var(--chat-art-width) var(--chat-art-height);background-position:var(--chat-art-x,0px) var(--chat-art-y,0px)}
.has-chat-appearance .messenger-row.is-selected>.messenger-conversation,.has-chat-appearance .messenger-row.is-selected>.messenger-open,.has-chat-appearance .messenger-row.is-selected>.messenger-pin{position:relative;z-index:1;background:transparent}
.chat-background-fieldset{margin:16px 0}.chat-background-fieldset>legend{margin-bottom:10px}.chat-background-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chat-background-choice{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--paper)}.chat-background-choice:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.chat-background-choice:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px}.chat-background-thumbnail{display:block;height:110px;background-color:var(--conversation-bg,#faf9f3);background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat}.chat-background-choice-label{display:flex;align-items:center;gap:7px;padding:10px;font-size:13px;line-height:1.35;min-height:50px}.chat-background-choice-label input{flex:none;accent-color:var(--green);width:17px;height:17px;margin:0}.chat-background-choice:has(input:disabled){cursor:default}.chat-background-choice-label span{overflow-wrap:anywhere}.chat-background-preview{display:flex;flex-direction:column;gap:16px;min-height:210px;padding:24px 20px;border:1px solid var(--line);border-radius:12px;background-color:var(--conversation-bg,#faf9f3);background-position:right bottom;background-size:auto 100%;background-repeat:no-repeat}.chat-background-sample{align-self:flex-start;max-width:86%;padding:10px 12px;background:var(--conversation-incoming,var(--paper));border:1px solid var(--conversation-line,var(--line));border-radius:12px 12px 12px 3px;font-size:14px;color:var(--ink)}.chat-background-sample.is-outgoing{align-self:flex-end;border-radius:12px 12px 3px 12px;background:var(--conversation-outgoing,var(--tint))}.chat-background-sample small{display:block;margin-top:4px;text-align:right;font-size:10px;color:var(--conversation-muted,var(--sub))}.chat-appearance-status:empty{display:none}
.chat-background-thumbnail[data-chat-background=tree],.chat-background-preview[data-chat-background=tree]{--chat-preview-image:url('/chat-background-tree.webp');background-image:var(--chat-preview-image)}.chat-background-thumbnail[data-chat-background=album],.chat-background-preview[data-chat-background=album]{--chat-preview-image:url('/chat-background-album.webp');background-image:var(--chat-preview-image)}.chat-background-thumbnail[data-chat-background=botanical],.chat-background-preview[data-chat-background=botanical]{--chat-preview-image:url('/chat-background-botanical.webp');background-image:var(--chat-preview-image)}
@media(max-width:450px){.chat-background-choices{gap:8px}.chat-background-thumbnail{height:88px}.chat-background-choice-label{padding:8px 6px;font-size:11px;gap:5px}.chat-background-preview{padding:20px 14px}}
@media(prefers-color-scheme:dark){.messenger-workspace.has-chat-appearance .messenger-detail::before,.has-chat-appearance .messenger-row.is-selected::before{filter:brightness(var(--chat-art-paper-gain,1.03)) invert(1);mix-blend-mode:screen;opacity:.2}}
@media(prefers-color-scheme:dark){.chat-background-thumbnail[data-chat-background],.chat-background-preview[data-chat-background]{position:relative;isolation:isolate;background-image:none;background-color:var(--conversation-bg)}.chat-background-thumbnail::before,.chat-background-preview::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--chat-preview-image);background-position:right bottom;background-size:auto 100%;background-repeat:no-repeat;filter:invert(1);mix-blend-mode:screen;opacity:.2}}