@charset "UTF-8";
.uc-cats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.uc-cat { background: var(--alt-content-bg-color); color: var(--font-color); border: 1px solid var(--border-color); border-radius: var(--tool-radius-sm); padding: 8px 14px; font-size: 0.9rem; cursor: pointer; font-family: inherit; }
.uc-cat:hover { border-color: var(--tool-accent); }
.uc-cat.active { background: var(--tool-accent); color: #fff; border-color: var(--tool-accent); }
.uc-convert { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: end; margin-bottom: 18px; }
.uc-convert .tool-field label { font-size: 0.8rem; }
.uc-swap { align-self: center; margin-bottom: 4px; }
.uc-swap button { padding: 10px 12px; }
#ucValue, #ucResult { font-family: 'Courier New', monospace; font-size: 1.1rem; }
.uc-table { width: 100%; border-collapse: collapse; }
.uc-table th, .uc-table td { text-align: left; padding: 7px 10px; border-bottom: 1px solid var(--border-color); font-size: 0.9rem; }
.uc-table td:last-child { font-family: 'Courier New', monospace; text-align: right; }
.uc-table tr.hi { background: var(--alt-content-bg-color); }
.uc-about p { margin: 0 0 12px; }
@media (max-width: 640px) { .uc-convert { grid-template-columns: 1fr; } .uc-swap { justify-self: center; } }