.ts-simulator { background: var(--bg-subtle); }
.ts-simulator__title { font-family: var(--font-brand); font-size: var(--fs-h1); text-align: center; color: var(--text-primary); margin: var(--space-2) 0 var(--space-4); }
.ts-simulator__subtitle { text-align: center; color: var(--text-secondary); font-family: var(--font-support); font-size: var(--fs-body-lg); margin-bottom: var(--space-8); }
.ts-simulator__card { background: var(--surface-card); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); padding: var(--space-8); display: grid; gap: var(--space-5); }
.ts-simulator__field { display: flex; flex-direction: column; gap: var(--space-2); }
.ts-simulator__field label { font-family: var(--font-brand); font-weight: var(--weight-semibold); font-size: var(--fs-body-sm); color: var(--text-secondary); }
.ts-simulator__field select, .ts-simulator__field input { padding: .75rem 1rem; border-radius: var(--radius-input); border: 1px solid var(--border-default); font-family: var(--font-support); font-size: var(--fs-body-md); }
.ts-simulator__result { background: var(--surface-brand-subtle); border-radius: var(--radius-md); padding: var(--space-5); text-align: center; }
.ts-simulator__result span { display: block; font-family: var(--font-support); font-size: var(--fs-body-sm); color: var(--text-secondary); }
.ts-simulator__result strong { display: block; font-family: var(--font-brand); font-size: var(--fs-h1); color: var(--text-brand); margin: var(--space-1) 0; }
.ts-simulator__result small { color: var(--text-muted); font-size: var(--fs-caption); }
.ts-simulator__cta { width: 100%; }
