.trait-chips{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.trait-chip{--tc:var(--primary);display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1.2;padding:4px 10px 4px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tc) 55%,var(--border));color:var(--text);background:color-mix(in srgb,var(--tc) 12%,var(--surface));max-width:100%;overflow-wrap:anywhere}.trait-chip.sm{font-size:12px;padding:2px 8px 2px 4px}.trait-chip .tc-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;color:var(--tci,#14121F);background:var(--tc);flex:none}.trait-chip.sm .tc-dot{width:15px;height:15px;font-size:10px}.trait-chip.is-sug{border-style:dashed}.trait-chip.is-unknown{--tc:var(--muted)}.trait-chip.tc-more{--tc:var(--muted);padding-left:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:default}.trait-chip .tc-sug{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.trait-chip.tc-more-btn{font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;min-height:0;transition:border-color var(--dur-fast) var(--ease-state),transform var(--dur-fast) var(--ease-enter)}.trait-chip.tc-more-btn.sm{font-size:12px}.trait-chip.tc-more-btn{position:relative}.trait-chip.tc-more-btn:after{content:"";position:absolute;inset:-6px -2px}.trait-chip.tc-more-btn:active{transform:scale(var(--press-scale))}@media (hover:hover) and (pointer:fine){.trait-chip.tc-more-btn:hover{border-color:var(--primary)}}@media (prefers-reduced-motion:reduce){.trait-chip.tc-more-btn:active{transform:none}}.tile-pills .trait-chip .tc-sug{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.trait-chip.has-icon{position:relative;padding:2px;gap:0;border-radius:10px}.trait-chip.has-icon.sm{padding:1px;border-radius:8px}.trait-chip .tc-img{display:block;flex:none;object-fit:contain;border-radius:6px}button.tc-toggle.has-icon{padding:4px;min-width:36px;justify-content:center}.trait-chip.with-icon{padding-left:4px;position:relative}.trait-chip.with-icon .tc-img{border-radius:5px}.trait-chip.sm.with-icon{padding-left:3px}.trait-chip .tc-check{position:absolute;right:-4px;top:-4px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;background:var(--tc);color:var(--tci,#14121F)}.trait-filter{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.trait-filter button.tc-toggle{min-height:30px}.trait-picker{display:grid;grid-gap:8px;gap:8px}.tp-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tp-title{font-weight:750;font-size:14px}.tp-search{flex:1 1 140px;max-width:240px;padding-top:6px;padding-bottom:6px}.tp-group{display:grid;grid-gap:4px;gap:4px}.tp-event{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tp-chips{display:flex;flex-wrap:wrap;gap:6px}button.tc-toggle{cursor:pointer;min-height:36px;padding:6px 12px 6px 6px;transition:transform var(--dur-fast) var(--ease-enter),background-color var(--dur-fast) var(--ease-state),border-color var(--dur-fast) var(--ease-state)}@media (hover:hover) and (pointer:fine){button.tc-toggle:hover:not(:disabled){border-color:var(--tc)}}button.tc-toggle:active:not(:disabled){transform:scale(var(--press-scale))}button.tc-toggle.on{background:color-mix(in srgb,var(--tc) 30%,var(--surface));border-color:var(--tc);border-style:solid;box-shadow:0 0 0 2px color-mix(in srgb,var(--tc) 35%,transparent)}button.tc-toggle:disabled{opacity:.45;cursor:not-allowed}.trait-picker.compact button.tc-toggle{min-height:32px;font-size:12px}@media (prefers-reduced-motion:reduce){button.tc-toggle{transition:none}button.tc-toggle:active:not(:disabled){transform:none}}.val-line{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:13px}.val-wp{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.val-inc{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.val-flag{font-size:11px;font-weight:800;border-radius:999px;padding:1px 8px;border:1px solid var(--border-strong);color:var(--muted)}.val-flag.warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-ink)}.val-more summary{cursor:pointer;font-size:12px;color:var(--muted);font-weight:700;list-style:none}.val-more summary::-webkit-details-marker{display:none}.val-more summary:before{content:"ⓘ "}.val-more[open] summary{margin-bottom:4px}.val-more p{font-size:13px;margin:0 0 4px}.val-parts{display:grid;grid-gap:4px;gap:4px;min-width:0}.val-formula{font-size:12px;margin:0}.val-steps{list-style:none;margin:0;padding:6px 10px;display:grid;grid-gap:2px;gap:2px;border-radius:10px;background:var(--surface-2);border:1px solid var(--glass-hairline,var(--border))}.val-steps li{display:flex;justify-content:space-between;gap:10px;font-size:13px;min-width:0}.val-steps li span{min-width:0;overflow-wrap:anywhere}.val-steps li b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.val-steps .val-sum{border-top:1px solid var(--border);margin-top:2px;padding-top:4px;font-weight:800}.check-inline{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--text)}.check-inline input{width:auto}.sel-traits{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-gap:6px;gap:6px}.sel-traits li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:6px 8px;border-radius:10px;background:var(--surface-2)}.sel-edit{flex-basis:100%}