.tagchips{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none}.tagchips[hidden]{display:none}.tagchip{display:inline-flex;align-items:center;padding:.1rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-size:.75rem;line-height:1.5;white-space:nowrap}a.tagchip{text-decoration:none}a.tagchip:hover,a.tagchip:focus-visible{border-color:var(--accent)}.tagchip.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.tagfield__edit{padding:0;border:0;background:none;color:var(--accent);font:inherit;cursor:pointer;white-space:nowrap}.tagfield__edit:hover{text-decoration:underline}.tagfield .tagchips,.tagfield__inline{margin-top:.35rem}.tagfield__inline[hidden],.tagfield__edit[hidden]{display:none}.tagfield__apply{align-self:center;margin-left:.2rem;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap}.tagfield__apply:hover{text-decoration:underline}.tagdlg{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.tagdlg[hidden]{display:none}.tagdlg__backdrop{position:absolute;inset:0;background:#0000008c}.tagdlg__panel{position:relative;width:min(34rem,100%);max-height:calc(100vh - 3rem);display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.3rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px var(--shadow)}.tagdlg__title{margin:0;font-size:.95rem}.tagdlg__body{min-height:0;overflow-y:auto}.tagdlg__none{margin:0;color:var(--muted);font-size:.85rem}.tagdlg__opts{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem}.tagdlg__group{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}.tagopt{position:relative;display:inline-flex;align-items:center;height:1.9rem;padding:0 .5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;white-space:nowrap;cursor:pointer;user-select:none}.tagopt:hover{border-color:var(--accent);color:var(--text)}.tagopt:has(.tagopt__check:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}.tagopt:has(.tagopt__check:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.tagopt:has(.tagopt__check:disabled){opacity:.45;cursor:not-allowed}.tagopt:has(.tagopt__check:disabled):hover{border-color:var(--border);color:var(--muted)}.tagdlg__desc{margin:0;min-height:calc(.8rem * 1.6 * 2 + 1rem);padding:.5rem .7rem;border-radius:8px;background:var(--surface-2);color:var(--text);font-size:.8rem;line-height:1.6}.tagdlg__desc-hint{color:var(--muted)}.tagdlg__foot{display:flex;align-items:center;gap:.6rem}.tagdlg__count{margin-right:auto;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.tagdlg__count.is-full{color:var(--text)}.tagdlg__btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:.42rem .9rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--text);background:var(--surface-2);cursor:pointer;white-space:nowrap}.tagdlg__btn:hover:not(:disabled){border-color:var(--accent)}.tagdlg__btn:disabled{opacity:.5;cursor:default}.tagdlg__btn--primary{background:var(--accent-strong);color:var(--on-accent);border-color:var(--accent-strong)}@media(max-width:520px){.tagdlg{padding:.75rem}.tagdlg__panel{max-height:calc(100vh - 1.5rem);padding:.9rem .9rem 1rem}}