.handle-input-container{width:100%;margin-bottom:1.5rem}.handle-input-field{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.handle-input-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.handle-input-field.available{border-color:#10b981}.handle-input-field.invalid,.handle-input-field.taken{border-color:#ef4444}.handle-prefix{color:#6b7280;border-right:1px solid #e5e7eb;justify-content:center;align-items:center;height:100%;padding:0 .75rem;font-weight:500;display:flex}.handle-input-field input{background:0 0;border:none;outline:none;flex:1;padding:.75rem;font-size:1rem}.handle-input-field input.error{color:#ef4444}.handle-input-field input:disabled{cursor:not-allowed;opacity:.7;background-color:#f9fafb}.status-indicator{justify-content:center;align-items:center;width:40px;padding-right:10px;display:flex}.status-spinner{border:2px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-icon{fill:currentColor;width:16px;height:16px}.status-icon.available{color:#10b981}.status-icon.error{color:#ef4444}.handle-input-errors{color:#ef4444;margin-top:.5rem;font-size:.875rem}.error-message{margin:.25rem 0}.handle-input-help{color:#6b7280;margin-top:.75rem;font-size:.875rem}.handle-input-help p{margin-bottom:.25rem}.handle-input-help ul{margin:0;padding-left:1.25rem}.handle-input-help li{margin-bottom:.25rem}