.mode-selector[data-v-e5ed6fea]{display:flex;gap:1rem}.mode-btn[data-v-e5ed6fea]{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600;background:var(--background-color, #F9FAFB);color:var(--text-secondary, #6B7280);border:2px solid var(--border-color, #E5E7EB);border-radius:8px;cursor:pointer;transition:var(--transition, all .2s ease-in-out)}.mode-btn.active[data-v-e5ed6fea]{background:var(--primary-color, #3B82F6);color:#fff;border-color:transparent}.mode-btn[data-v-e5ed6fea]:hover:not(.active){background:var(--border-color, #E5E7EB)}.conversion-section[data-v-e5ed6fea]{margin-top:0}.roman-input[data-v-e5ed6fea]{text-transform:uppercase}.result-display[data-v-e5ed6fea]{display:flex;flex-direction:column}.roman-display[data-v-e5ed6fea],.number-display[data-v-e5ed6fea]{padding:1.5rem;background:var(--background-color, #F9FAFB);border:1px solid var(--border-color, #E5E7EB);border-radius:8px;text-align:center;font-family:Georgia,serif;font-size:2.5rem;font-weight:700;color:var(--primary-color, #3B82F6)}.empty-result[data-v-e5ed6fea]{padding:2rem;text-align:center;color:var(--text-muted, #9CA3AF)}.reference-grid[data-v-e5ed6fea]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.reference-item[data-v-e5ed6fea]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background-color, #F9FAFB);border-radius:8px;border:1px solid var(--border-color, #E5E7EB)}.symbol[data-v-e5ed6fea]{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--primary-color, #3B82F6)}.value[data-v-e5ed6fea]{font-weight:600;color:var(--text-primary, #1F2937)}.action-buttons[data-v-e5ed6fea]{display:flex;gap:.75rem;margin-top:1rem}