@layer fulldev{.label{@apply font-medium leading-none;&.size-sm{@apply text-xs;}&.size-md{@apply text-sm;}&.size-lg{@apply text-base;}}}@layer fulldev{.input-input{@apply flex w-full rounded-md border border-input bg-background text-sm text-foreground ring-offset-background;@apply file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground;@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;@apply disabled:pointer-events-none disabled:opacity-50;@apply [&[readonly]]:pointer-events-none;}.input{@apply relative flex flex-col gap-1.5;.icon{@apply pointer-events-none absolute;}&.size-sm{@apply gap-1;.input-input{@apply h-9 px-2.5 py-1.5 text-xs;}.icon{@apply bottom-2 right-2;}.icon+.input-input{@apply pr-9;}}&.size-md{@apply gap-1.5;.input-input{@apply h-10 px-3 py-2 text-sm;}.icon{@apply bottom-2.5 right-2.5;}.icon+.input-input{@apply pr-10;}}&.size-lg{@apply gap-2;.input-input{@apply h-12 px-3.5 py-2.5 text-base;}.icon{@apply bottom-3.5 right-3.5;}.icon+.input-input{@apply pr-11;}}}}@layer fulldev{.select{@apply relative flex flex-col gap-1.5;.icon{@apply pointer-events-none absolute;}.select-select{@apply flex w-full appearance-none rounded-md border border-input bg-background pr-10 text-sm ring-offset-background;@apply file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground;@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;@apply disabled:pointer-events-none disabled:opacity-50;@apply [&[readonly]]:pointer-events-none;}&.size-sm{.select-select{@apply h-9 px-2.5 py-1.5 pr-9 text-xs;}.icon{@apply bottom-2 right-2;}}&.size-md{.select-select{@apply h-10 px-3 py-2 pr-10 text-sm;}.icon{@apply bottom-2.5 right-2.5;}}&.size-lg{.select-select{@apply h-12 px-3.5 py-2.5 pr-11 text-base;}.icon{@apply bottom-3.5 right-3.5;}}}}@layer textarea{.textarea{@apply relative flex flex-col gap-1.5;.textarea-textarea{@apply flex w-full resize-y rounded-md border border-input bg-background text-sm ring-offset-background;@apply file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground;@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;@apply disabled:pointer-events-none disabled:opacity-50;@apply [&[readonly]]:pointer-events-none;}&.size-sm{@apply gap-1;.textarea-textarea{@apply min-h-9 px-2.5 py-1.5 text-xs;}}&.size-md{@apply gap-1.5;.textarea-textarea{@apply min-h-10 px-3 py-2 text-sm;}}&.size-lg{@apply gap-2;.textarea-textarea{@apply min-h-12 px-3.5 py-2.5 text-base;}}}}@layer fulldev{.checkbox{@apply relative flex items-center gap-2;.checkbox-input{@apply size-[1em] cursor-pointer rounded-sm border border-primary bg-transparent accent-primary;@apply appearance-none border border-primary bg-background checked:bg-primary;}.icon.checkbox-icon{@apply absolute bg-transparent p-0.5 text-background;*{stroke-width:3.5px!important}}&.size-sm{.checkbox-input,.icon.checkbox-icon{@apply !size-3.5;}}&.size-md{.checkbox-input,.checkbox-icon{@apply !size-4;}}&.size-lg{.checkbox-input,.checkbox-icon{@apply !size-[1.125rem];}}}}.form{display:flex;flex-direction:column;gap:var(--space-xl)}.form[hidden],.form__result[hidden],.form__field[hidden]{display:none!important}.form__title{margin:0 0 var(--space-sm)}.form__description{margin:0 0 var(--space-lg);color:var(--color-body)}.form__groups,.form__fields{display:flex;flex-direction:column;gap:var(--space-lg)}.form__group{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-lg);margin:0}.form__legend{padding:0 var(--space-xs);font-weight:600;font-size:1.1em;color:var(--color-text)}.form__group-description{margin:var(--space-xs) 0 var(--space-lg);color:var(--color-muted);font-size:.95em}.form__field[hidden]{display:none}.form__help{margin:var(--space-2xs) 0 0;font-size:.9em;color:var(--color-muted)}.form__required{color:var(--color-primary)}.form__label{display:flex;flex-direction:column;gap:var(--space-2xs);font-weight:500;color:var(--color-text)}.form__input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;color:var(--color-body);background:var(--color-surface)}.form__input:focus{outline:none;border-color:var(--color-primary)}.form__radio-group,.form__checkbox-group{border:0;padding:0;margin:0}.form__field-label{font-weight:500;color:var(--color-text);padding:0;margin:0 0 var(--space-xs)}.form__options{display:flex;flex-direction:column;gap:var(--space-xs)}.form__option{display:flex;align-items:center;gap:var(--space-xs);font-weight:400}.form__static-title{font-weight:600;margin:0 0 var(--space-2xs);color:var(--color-text)}.form__static-body{margin:0;color:var(--color-body)}.form__actions{display:flex}.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form__altcha{min-height:1px}.input,.select,.textarea{display:flex;flex-direction:column;gap:var(--space-2xs);font-weight:500;color:var(--color-text)}.input-input,.select-select,.textarea-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:var(--color-surface);color:var(--color-body)}.select-select{padding-right:var(--space-2xl)}.input-input:focus,.select-select:focus,.textarea-textarea:focus{outline:none;border-color:var(--color-primary)}.select .icon{width:1em;height:1em}.checkbox{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:400;color:var(--color-text)}.checkbox-input{width:1.1em;height:1.1em;border:1px solid var(--color-border);border-radius:4px;accent-color:var(--color-primary)}.form__container{display:flex;flex-direction:column}.form__result{padding:var(--space-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.form__result[hidden]{display:none}.form__result p:last-child{margin-bottom:0}.form__result--success,.form__result--duplicate{border-color:var(--color-primary);background:var(--color-primary-soft, var(--color-surface-alt))}.form__result--error{border-color:var(--color-error, #dc2626);color:var(--color-error, #dc2626);background:var(--color-surface-alt)}.form__field-error{margin:var(--space-2xs) 0 0;font-size:.9em;color:var(--color-error, #dc2626)}.form__input--invalid{border-color:var(--color-error, #dc2626)!important}
