.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.form-field__required{color:var(--color-error);margin-left:var(--space-1)}.form-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.form-field__error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--font-medium)}.tag-manager,.tag-manager__list{gap:var(--space-2);flex-direction:column;display:flex}.tag-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid oklch(from var(--color-primary) l c h / .15);background:var(--bg-card);font-size:var(--text-sm);transition:all var(--transition-fast) ease;display:flex}@media (hover:hover){.tag-item:hover{border-color:oklch(from var(--color-primary) l c h / .3);box-shadow:0 1px 4px oklch(from var(--color-primary) l c h / .08)}}.tag-item--primary{border-left:4px solid var(--color-primary)}.tag-item--secondary{border-left:4px solid var(--color-secondary)}.tag-item--avoid{border-left:4px solid var(--color-error)}.tag-item__name{font-weight:var(--font-medium);color:var(--text-primary);flex:1}.tag-item__relevance{padding:var(--space-1) calc(var(--space-3) + .6rem) var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-page);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;background-position:calc(100% - .55rem),calc(100% - .3rem);background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem}@media (width<=639px){.tag-item__relevance{font-size:var(--input-font-size)}}@media (hover:hover){.tag-item__relevance:hover{border-color:var(--border-strong)}}.tag-item__relevance:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px oklch(from var(--color-focus) l c h / .2);outline:none}.tag-item__remove{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (hover:hover){.tag-item__remove:hover{background:var(--bg-hover);color:var(--color-error)}}.tag-item__remove:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tag-manager__add{margin-top:var(--space-2)}.tag-manager__select{width:100%;padding:var(--space-2) calc(var(--space-4) + 1.25rem) var(--space-2) var(--space-4);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-page);font-family:var(--font-sans);font-size:var(--input-font-size);color:var(--text-primary);appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;background-position:calc(100% - 1rem),calc(100% - .65rem);background-repeat:no-repeat;background-size:.4rem .4rem,.4rem .4rem}@media (hover:hover){.tag-manager__select:hover{border-color:var(--border-strong)}}.tag-manager__select:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px oklch(from var(--color-focus) l c h / .2);outline:none}
