.head-field{align-items:center;gap:8px;font-size:14px;display:inline-flex}.head-field .head-field__label{color:var(--ink-2);white-space:nowrap}.head-field :is(select,input:not([type=checkbox]):not([type=radio])){max-width:100%;min-height:44px;font-size:14px}.head-field input[type=number]{width:6rem}.head-field select{min-width:64px}.head-toggle{border:1px solid var(--rule-strong);background:var(--panel);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:2px;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.head-toggle[aria-pressed=true]{background:var(--selected);color:var(--selected-ink);font-weight:600}.head-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.head-field--wide{flex:18rem}.head-field--wide :is(input,select){flex:auto;min-width:0}@media (max-width:600px){.tool-head .tool-head__inputs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px 12px;width:100%;display:grid}.tool-head .tool-head__inputs>.head-toggle{grid-column:1/-1}.head-field{gap:4px;display:grid}.head-field :is(select,input:not([type=checkbox]):not([type=radio])){width:100%;font-size:16px}.head-field--wide{grid-column:1/-1}}
