.tag-picker{display:grid;gap:10px}
.selected-tags-preview{display:flex;gap:6px;flex-wrap:wrap;min-height:28px;align-items:center}
.selected-tags-preview>span{color:var(--muted);font-size:11px}
.selected-tags-preview em{font-style:normal;font-size:10px;font-weight:700;color:#eadcff;background:linear-gradient(135deg,rgba(192,132,252,.18),rgba(139,92,246,.12));border:1px solid rgba(192,132,252,.28);border-radius:999px;padding:6px 8px}
.tag-browser{border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}
.tag-browser>summary{list-style:none;cursor:pointer;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-weight:800;font-size:12px;user-select:none}
.tag-browser>summary::-webkit-details-marker{display:none}
.tag-browser>summary::after{content:'+';font-size:18px;font-weight:500;color:var(--muted);margin-left:4px}
.tag-browser[open]>summary::after{content:'−'}
.tag-browser>summary small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:700}
.tag-browser-body{display:grid;gap:10px;padding:0 10px 10px;border-top:1px solid rgba(255,255,255,.05)}
.tag-search-row{padding-top:10px}
.tag-search-row input,.custom-tag-add input{width:100%;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.04);color:var(--text);padding:11px 12px;outline:none}
.tag-search-row input:focus,.custom-tag-add input:focus{border-color:var(--stroke-strong);box-shadow:0 0 0 3px rgba(192,132,252,.10)}
.tag-category-list{display:grid;gap:7px}
.tag-group{border:1px solid rgba(188,153,255,.13);border-radius:14px;background:rgba(255,255,255,.018);overflow:hidden}
.tag-group summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:11px;font-weight:800;color:var(--text-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none}
.tag-group summary::-webkit-details-marker{display:none}
.tag-group summary::after{content:'+';font-size:16px;font-weight:500;color:var(--muted)}
.tag-group[open] summary::after{content:'−'}
.tag-group summary small{margin-left:auto;margin-right:4px;color:var(--muted);font-size:9px;font-weight:700;border:1px solid var(--stroke);padding:3px 6px;border-radius:999px}
.tag-options{display:flex;gap:7px;flex-wrap:wrap;padding:0 11px 12px}
.tag-choice{border:1px solid var(--stroke);border-radius:999px;background:rgba(255,255,255,.03);color:var(--text-soft);padding:7px 10px;font-size:10px;font-weight:700;transition:.14s ease}
.tag-choice:hover{border-color:var(--stroke-strong);background:rgba(192,132,252,.08)}
.tag-choice.selected{border-color:rgba(192,132,252,.65);background:linear-gradient(135deg,rgba(192,132,252,.26),rgba(139,92,246,.18));color:#fff;box-shadow:0 0 0 1px rgba(192,132,252,.08) inset}
.custom-tag-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.custom-tag-add button{border:0;border-radius:14px;padding:0 16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;font-weight:800}
.tag-choice[hidden],.tag-group[hidden]{display:none!important}
@media(max-width:430px){.tag-choice{padding:7px 9px}.custom-tag-add{grid-template-columns:1fr auto}}