.project-id-field{gap:var(--space-1_5);flex-direction:column;display:flex}.project-id-field__label{align-items:center;gap:var(--space-1_5);color:var(--text-muted);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);display:flex}.project-id-field__label-icon{width:14px;height:14px;color:var(--text-dim);flex-shrink:0}.project-id-field__wrap{align-items:center;display:flex;position:relative}.project-id-field__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background-color:var(--bg-darker);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px var(--shadow-dark);outline:none;transition:all .2s}.project-id-field__input::placeholder{color:var(--text-placeholder);font-family:var(--font-mono,monospace)}.project-id-field__input:focus{border-color:var(--color-primary-focus);box-shadow:0 0 0 3px var(--color-primary-focus-ring);background-color:var(--bg-dark-hover)}.project-id-field__wrap[data-status=invalid] .project-id-field__input,.project-id-field__wrap[data-status=taken] .project-id-field__input{border-color:var(--color-error-focus)}.project-id-field__wrap[data-status=available] .project-id-field__input{border-color:#28bd7380}.project-id-field__status{right:var(--space-3);pointer-events:none;align-items:center;display:flex;position:absolute}.project-id-field__status-icon{width:18px;height:18px}.project-id-field__status-icon--ok{color:#35d485}.project-id-field__status-icon--err{color:#e05252}.project-id-field__status-icon--spin{color:var(--text-muted);animation:.7s linear infinite project-id-spin}@keyframes project-id-spin{to{transform:rotate(1turn)}}.project-id-field__help{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.4}.project-id-field__help[data-status=available]{color:#57db99}.project-id-field__help[data-status=invalid],.project-id-field__help[data-status=taken]{color:var(--color-error-light,#e87d7d)}.project-id-field__warning{align-items:flex-start;gap:var(--space-1_5);margin:var(--space-1) 0 0;padding:var(--space-2) var(--space-3);color:#f4d371;border-radius:var(--radius-md);background-color:#f2b90d14;border:1px solid #f2b90d40;font-size:.75rem;line-height:1.4;display:flex}.project-id-field__warning-icon{flex-shrink:0;width:15px;height:15px;margin-top:1px}
