.tf-row{align-items:center;gap:7px;padding:3px 8px 6px;display:flex}.paint-strip.compact .tf-row{padding:2px 6px 5px}.tf-lbl{letter-spacing:.6px;text-transform:uppercase;color:var(--c-text-mute);flex:none;font-size:10.5px;font-weight:800}.tf-range{min-width:70px;accent-color:var(--c-accent);flex:1}.tf-val{color:var(--c-text-dim);text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font:600 11px ui-monospace,Menlo,monospace}.tf-none-chip{--tf-veil:var(--c-veil-rgb,255, 255, 255);background:linear-gradient(to top right, transparent calc(50% - 1px), var(--c-red,#e4572e) calc(50% - 1px), var(--c-red,#e4572e) calc(50% + 1px), transparent calc(50% + 1px)), repeating-conic-gradient(rgba(var(--tf-veil), .16) 0% 25%, #00000029 0% 50%) 0 0 / 8px 8px}.tf-inline{align-items:center;gap:6px;width:100%;display:flex}.tf-inline>.colour{flex:1;min-width:0}.tf-none-btn{border:1px solid var(--c-line);border-radius:var(--r-sm,4px);cursor:pointer;flex:none;width:22px;height:22px;padding:0}.tf-none-btn[aria-pressed=true]{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-dim)}.dg-col-btn.tf-none-chip,.tf-none-btn.tf-none-chip{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--c-red,#e4572e) calc(50% - 1px), var(--c-red,#e4572e) calc(50% + 1px), transparent calc(50% + 1px)), repeating-conic-gradient(rgba(var(--c-veil-rgb,255, 255, 255), .16) 0% 25%, #00000029 0% 50%) 0 0 / 8px 8px}