.chat-peek-back{position:fixed;inset:0;z-index:70;background:rgba(6,8,12,.42);display:flex;align-items:center;justify-content:center;padding:16px}
.chat-peek{width:min(312px,100%);border-radius:26px;background:var(--bg-2);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.35);padding:18px 16px 14px}
.chat-peek-head{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0 0 16px;font:inherit}
.chat-peek-head .av{width:64px;height:64px;flex:none}
.chat-peek-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.chat-peek-copy b{font-size:17px;line-height:1.2}
.chat-peek-copy span,.chat-peek-copy em{font-style:normal;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-peek-copy em{color:var(--accent);font-size:12px}
.chat-peek-acts{display:flex;gap:8px}
.chat-peek-acts button{flex:1;border:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}
.chat-peek-acts i{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 16%,transparent)}
.chat-peek-acts svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chat-peek-acts span{font-size:12px;font-weight:650}
.chat-peek-acts button.on{color:var(--bg)}
.chat-peek-acts button.on i{background:var(--accent);color:var(--bg)}
.chat-peek-acts button.danger{color:#f0a0a8}
.chat-peek-acts button.danger i{background:rgba(240,160,168,.16)}
.chat-peek-tiles{margin-top:14px}
.chat-peek-tiles b{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
.chat-peek-row{display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.chat-peek-row .tile-swatch{flex:none;width:64px;height:36px}