.sub-badge{vertical-align:-3px;cursor:default;user-select:none;flex-shrink:0;align-items:center;gap:4px;line-height:1;display:inline-flex}.sub-badge__emoji{filter:drop-shadow(0 0 2px var(--sb-glow,#0f172a59)) drop-shadow(0 0 5px var(--sb-glow,#0f172a59));font-size:15px;line-height:1;transition:filter .18s,transform .18s}@media (hover:hover){.sub-badge:hover .sub-badge__emoji{filter:drop-shadow(0 0 3px var(--sb-glow,#0f172a59)) drop-shadow(0 0 8px var(--sb-glow,#0f172a59));transform:translateY(-1px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.sub-badge__emoji{transition:none}.sub-badge:hover .sub-badge__emoji{transform:none}}.sub-badge__label{color:var(--sb-text,var(--text-primary,#0f172a));white-space:nowrap;text-overflow:ellipsis;max-width:14ch;font-weight:600;overflow:hidden}.sub-badge--neutral{--sb-bg:#0f172a0f;--sb-border:#0f172a1f;--sb-text:var(--text-primary,#0f172a);--sb-glow:#0f172a8c}.sub-badge--blue{--sb-bg:#2563eb24;--sb-border:#2563eb52;--sb-text:#1d4ed8;--sb-glow:#2563ebf2}.sub-badge--violet{--sb-bg:#8b5cf629;--sb-border:#8b5cf657;--sb-text:#6d28d9;--sb-glow:#7c3aedf2}.sub-badge--green{--sb-bg:#10b98129;--sb-border:#10b98157;--sb-text:#047857;--sb-glow:#059669f2}.sub-badge--amber{--sb-bg:#f59e0b2e;--sb-border:#f59e0b5c;--sb-text:#b45309;--sb-glow:#d97706f2}.sub-badge--rose{--sb-bg:#f43f5e26;--sb-border:#f43f5e57;--sb-text:#be123c;--sb-glow:#e11d48f2}:root[data-theme=dark] .sub-badge--neutral{--sb-bg:#ffffff1a;--sb-border:#ffffff2e;--sb-text:#ffffffeb;--sb-glow:#ffffffb3}:root[data-theme=dark] .sub-badge--blue{--sb-bg:#3b82f638;--sb-border:#3b82f66b;--sb-text:#93c5fd;--sb-glow:#60a5faf2}:root[data-theme=dark] .sub-badge--violet{--sb-bg:#a78bfa38;--sb-border:#a78bfa6b;--sb-text:#c4b5fd;--sb-glow:#a78bfaf2}:root[data-theme=dark] .sub-badge--green{--sb-bg:#34d39933;--sb-border:#34d39966;--sb-text:#6ee7b7;--sb-glow:#34d399f2}:root[data-theme=dark] .sub-badge--amber{--sb-bg:#fbbf2438;--sb-border:#fbbf246b;--sb-text:#fcd34d;--sb-glow:#fbbf24f2}:root[data-theme=dark] .sub-badge--rose{--sb-bg:#fb718538;--sb-border:#fb71856b;--sb-text:#fda4af;--sb-glow:#fb7185f2}.sub-badge--preview .sub-badge__emoji{filter:drop-shadow(0 0 3px var(--sb-glow)) drop-shadow(0 0 7px var(--sb-glow));font-size:22px}.tier-badge-editor{border:1px solid var(--border-subtle,#0f172a1a);background:var(--surface-muted,#0f172a08);border-radius:12px;flex-direction:column;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.tier-badge-editor__preview{flex-direction:column;gap:6px;display:flex}.tier-badge-editor__preview-label,.tier-badge-editor__caption{color:var(--text-secondary,#64748b);font-size:12px}.tier-badge-editor__preview-row{align-items:center;gap:6px;display:flex}.tier-badge-editor__preview-name{color:var(--text-primary,#0f172a);font-size:14px;font-weight:700}.tier-badge-editor__group{flex-direction:column;gap:6px;display:flex}.tier-badge-editor__emojis,.tier-badge-editor__colors{flex-wrap:wrap;gap:6px;display:flex}.tier-badge-editor__emoji{background:var(--surface-base,#fff);cursor:pointer;border:2px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:inline-flex}.tier-badge-editor__emoji:hover{border-color:var(--border-subtle,#0f172a2e)}.tier-badge-editor__emoji.is-active{border-color:var(--color-primary,#2563eb)}.tier-badge-editor__color{border:2px solid var(--sb-border);background:var(--sb-bg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:44px;height:32px;padding:0;display:inline-flex}.tier-badge-editor__color.is-active{outline:2px solid var(--color-primary,#2563eb);outline-offset:1px}