.message-log[data-background],.background-swatch[data-background] { background-image:var(--wallpaper);background-color:var(--wallpaper-color); }
.message-log[data-background] { background-repeat:repeat;background-size:520px 520px;padding:14px 10px;scrollbar-color:#a47b98 transparent; }
[data-background=default] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-default.jpg');--wallpaper-color:#100e15; }
[data-background=rose] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-rose.jpg');--wallpaper-color:#35232b; }
[data-background=forest] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-forest.jpg');--wallpaper-color:#142b26; }
[data-background=blue] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-blue.jpg');--wallpaper-color:#153038; }
[data-background=graphite] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-graphite.jpg');--wallpaper-color:#222225; }
[data-background=light] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-light.jpg');--wallpaper-color:#dce4e2; }
[data-background=lilac] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-lilac.jpg');--wallpaper-color:#393544; }
[data-background=peach] { --wallpaper:url('/mini/assets/chat-wallpapers/v1-peach.jpg');--wallpaper-color:#d3aaa1; }
.background-options { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px; }
.background-choice { width:100%;padding:0;gap:9px;font-size:13px;line-height:1.4; }
.background-choice>span:last-child { min-height:36px;max-width:100%; }
.background-swatch { display:block;position:relative;width:100%;height:auto;aspect-ratio:16/10;border-radius:8px;background-size:cover;background-position:center;border:1px solid #735769; }
.background-choice[aria-pressed=true] .background-swatch { border-color:#ff8bcc;outline:2px solid #ff8bcc;outline-offset:2px; }
.background-swatch>svg { position:absolute;inset-inline-end:7px;bottom:7px;width:25px;height:25px;padding:4px;border-radius:50%;background:#702554;color:white; }
.message-log[data-background] .message-bubble { background-color:#221b29;border-color:#615167; }
.message-log[data-background] .message-bubble.own { background-color:#702554;border-color:#b84187; }
.message-log[data-background] .message-bubble p { color:#faf7ff; }
@media(max-width:350px) { .background-options { gap:14px 10px; }.background-choice { font-size:12px; }.message-log[data-background] { padding-inline:6px;background-size:440px 440px; } }
@media(forced-colors:active) { .message-log[data-background],.background-swatch[data-background] { background-image:none; } }
