.whole-number-field{gap:8px;min-width:0;margin:18px 0 0;display:grid}.whole-number-field>label{color:var(--muted-foreground);font-size:14px;line-height:1.4}.whole-number-controls{border:1px solid var(--border);background:var(--surface-well);grid-template-columns:44px minmax(64px,1fr) 44px;display:grid}.whole-number-controls>input{border:0;border-inline:1px solid var(--border);width:100%;min-width:0;min-height:44px;color:var(--foreground);text-align:center;font:400 16px/1.4 var(--font-body);font-variant-numeric:tabular-nums;background:0 0;border-radius:0}.whole-number-controls>button{background:var(--surface-raised);min-width:44px;min-height:44px;color:var(--foreground);cursor:pointer;border:0;border-radius:0;place-items:center;transition:color .12s,background-color .12s;display:grid}.whole-number-controls svg{width:16px;height:16px}.whole-number-controls>button:hover:not(:disabled){color:var(--primary);background:var(--surface-panel)}.whole-number-controls>button:disabled{opacity:.4;cursor:default}.whole-number-controls>:focus-visible{outline:2px solid var(--primary);outline-offset:2px;z-index:1;position:relative}.whole-number-controls[data-invalid]{border-color:#e5bd91}.whole-number-field .whole-number-status{min-height:20px;color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.5}.whole-number-field .whole-number-status.invalid{color:#e5bd91}@media (prefers-reduced-motion:reduce){.whole-number-controls>button{transition:none}}