.brand{border:0;padding:5px;background:transparent;border-radius:10px}
.brand:hover{background:var(--soft)}
#history-dialog{background:var(--bg);color:var(--fg);border:0;border-right:1px solid var(--border);margin:0;padding:20px 16px;width:min(340px,88vw);height:100dvh;max-height:100dvh;max-width:100vw;box-shadow:6px 0 30px #0002}
#history-dialog::backdrop{background:#0005}
.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.history-heading h2{font-size:20px;margin:0;font-weight:600}
.history-new{width:100%;padding:13px 16px;border:1px solid var(--border);background:var(--soft);border-radius:14px;font-size:15px;text-align:left;margin-bottom:18px}
#history-list{display:flex;flex-direction:column;gap:6px}
.history-item{width:100%;border:0;background:transparent;border-radius:12px;padding:13px 12px;text-align:left}
.history-item:hover,.history-item.selected{background:var(--soft)}
.history-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.history-item small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.history-note{color:var(--muted);font-size:11px;line-height:1.7;margin-top:24px}