:root{--fmt-proactive:#4a8cc8;--fmt-proactive-bg:#4a8cc824;--fmt-reactive:#c8843a;--fmt-reactive-bg:#c8843a24;--fmt-context:#4aaa8c;--fmt-context-bg:#4aaa8c24;--fmt-proofread:#b0a8ff;--fmt-proofread-bg:#b0a8ff24;--fmt-format-bg:#b0a89d24;--fmt-planning-bg:#7a736a2e}@layer components{.pill{align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:500;display:inline-flex}.pill .pill__remove.btn{width:var(--space-3);height:var(--space-3);min-width:var(--space-3);margin-left:var(--space-1);cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;display:inline-flex}.pill .pill__remove.btn svg{width:calc(var(--space-2) + var(--space-1));height:calc(var(--space-2) + var(--space-1))}.pill .pill__remove.btn:hover{opacity:1}.label{color:var(--text-faded);font-family:var(--font-ui);font-size:var(--text-base);font-weight:600}.search-bar{align-items:center;gap:var(--space-2);background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);transition:border-color var(--transition-fast);display:inline-flex}.search-bar:focus-within,.search-bar--active{border-color:var(--accent)}.search-bar--bare{background:0 0;border:0;border-radius:0;flex:1;min-width:0;padding:0}.search-bar--bare:focus-within,.search-bar--bare.search-bar--active{border-color:#0000}.search-bar__icon{color:var(--text-faded);font-size:var(--text-base);flex-shrink:0}.search-bar__input{color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);background:0 0;border:none;outline:none;width:180px}.search-bar--bare .search-bar__input{width:100%;min-width:0}.search-bar__input::placeholder{color:var(--text-faded)}}