.ft-btn{--_bg:var(--accent);--_fg:var(--text-on-accent);--_bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:1;white-space:nowrap;border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);height:36px;padding:0 14px;border-radius:8px;cursor:pointer;transition:background .12s cubic-bezier(.2,0,.2,1),border-color .12s cubic-bezier(.2,0,.2,1),opacity .12s,transform .12s;text-decoration:none}.ft-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ft-btn:active:not(:disabled){transform:translateY(.5px)}.ft-btn:disabled{opacity:.45;cursor:not-allowed}.ft-btn--sm{height:28px;font-size:13px;padding:0 12px;border-radius:6px}.ft-btn--lg{height:44px;font-size:15px;padding:0 20px}.ft-btn--full{width:100%}.ft-btn--primary:hover:not(:disabled){--_bg:var(--accent-hover)}.ft-btn--primary:active:not(:disabled){--_bg:var(--accent-active)}.ft-btn--secondary{--_bg:var(--surface-raised);--_fg:var(--text-body);--_bd:var(--border-default)}.ft-btn--secondary:hover:not(:disabled){--_bg:var(--gray-700)}.ft-btn--ghost{--_bg:transparent;--_fg:var(--text-secondary)}.ft-btn--ghost:hover:not(:disabled){--_bg:var(--surface-raised);--_fg:var(--text-primary)}.ft-btn--danger{--_bg:transparent;--_fg:var(--danger);--_bd:var(--border-default)}.ft-btn--danger:hover:not(:disabled){--_bg:var(--danger-fill);--_bd:var(--danger)}.ft-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1;white-space:nowrap;padding:5px 8px;border-radius:6px;border:1px solid transparent}.ft-badge--pill{border-radius:999px}.ft-badge--neutral{background:var(--surface-raised);color:var(--text-secondary);border-color:var(--border-subtle)}.ft-badge--success{background:var(--success-fill);color:var(--success)}.ft-badge--danger{background:var(--danger-fill);color:var(--danger)}.ft-badge--warning{background:var(--warning-fill);color:var(--warning)}.ft-badge--info{background:var(--info-fill);color:var(--info)}.ft-badge--accent{background:var(--accent-fill);color:var(--accent-text)}.ft-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ft-callout{--_accent:var(--accent);display:flex;gap:12px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px 20px}.ft-callout--success{--_accent:var(--success)}.ft-callout--info{--_accent:var(--info)}.ft-callout--warning{--_accent:var(--warning)}.ft-callout--danger{--_accent:var(--danger)}.ft-callout__icon{flex:none;color:var(--_accent);display:inline-flex;margin-top:1px}.ft-callout__body{display:flex;flex-direction:column;gap:8px;min-width:0}.ft-callout__title{margin:0;font-size:14px;font-weight:600;color:var(--_accent)}.ft-callout__text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.ft-field{display:flex;flex-direction:column;gap:8px}.ft-field__label{font-size:12px;font-weight:500;color:var(--text-secondary)}.ft-field__label .req{color:var(--danger);margin-left:2px}.ft-input-wrap{display:flex;align-items:center;gap:8px;background:var(--surface-inset);border:1px solid var(--border-default);border-radius:8px;height:36px;padding:0 14px;transition:border-color .12s,box-shadow .12s}.ft-input-wrap--sm{height:28px;padding:0 12px}.ft-input-wrap:hover{border-color:var(--border-strong)}.ft-input-wrap:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.ft-input-wrap--error{border-color:var(--danger)}.ft-input-wrap--disabled{opacity:.5;pointer-events:none}.ft-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:14px}.ft-input::-moz-placeholder{color:var(--text-placeholder)}.ft-input::placeholder{color:var(--text-placeholder)}.ft-input__icon{display:inline-flex;color:var(--text-muted)}.ft-field__hint{font-size:12px;color:var(--text-muted)}.ft-field__hint--error{color:var(--danger)}.ft-select-wrap{position:relative;display:flex;align-items:center}.ft-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:36px;padding:0 36px 0 14px;background:var(--surface-inset);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;border:1px solid var(--border-default);border-radius:8px;cursor:pointer;outline:none;transition:border-color .12s,box-shadow .12s}.ft-select--sm{height:28px}.ft-select:hover{border-color:var(--border-strong)}.ft-select:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.ft-select:disabled{opacity:.5;cursor:not-allowed}.ft-select__chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-muted);display:inline-flex}.ft-select option{background:var(--surface-overlay);color:var(--text-primary)}.ft-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:var(--text-body)}.ft-switch--disabled{opacity:.45;cursor:not-allowed}.ft-switch__track{position:relative;width:38px;height:22px;flex:none;background:var(--gray-700);border-radius:999px;transition:background .18s;border:none;padding:0;cursor:inherit}.ft-switch__track[data-state=checked]{background:var(--accent)}.ft-switch__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .18s cubic-bezier(.16,1,.3,1)}.ft-switch__thumb[data-state=checked]{transform:translateX(16px)}.ft-checkbox{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--text-body);cursor:pointer}.ft-checkbox input{width:16px;height:16px;accent-color:var(--accent)}.ft-textarea{border:1px solid var(--border-default);border-radius:8px;background:var(--surface-inset);padding:10px 12px;font-family:inherit;font-size:13px;color:var(--text-primary);resize:vertical;outline:none}.ft-textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}