.form-input{border:1px solid var(--color-border);background-color:var(--color-bg-primary);height:30px;color:var(--color-text);box-sizing:border-box;border-radius:3px;width:100%;padding:0 .5rem;font-size:.8rem}.form-input--sm{height:28px;font-size:.75rem}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-bg);outline:none}.form-input--code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.form-textarea{border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text);box-sizing:border-box;resize:vertical;border-radius:3px;width:100%;min-height:30px;padding:.375rem .5rem;font-size:.8rem}.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-bg);outline:none}.form-textarea--code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:500}.form-color{border:1px solid var(--color-border);cursor:pointer;background:var(--color-bg-primary);border-radius:3px;flex-shrink:0;width:28px;height:28px;padding:2px}.form-range{flex:1;align-items:center;gap:.5rem;display:flex}.form-range__slider{accent-color:var(--color-accent);flex:1}.form-range__value{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);text-align:right;min-width:24px;font-size:.75rem}.form-checkbox{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.form-checkbox__input{accent-color:var(--color-accent)}.form-checkbox__label{-webkit-user-select:none;user-select:none}.form-icon-btn{cursor:pointer;color:var(--color-text-faint);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:.125rem;line-height:1;display:flex}.form-icon-btn:hover{color:var(--color-text-secondary);border-color:var(--color-text-muted)}.form-icon-btn--danger:hover{color:var(--color-error)}