.grade-converter{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.grade-converter .tk-scroll{border:1px solid var(--border);border-radius:var(--r);overflow-x:auto}.grade-converter .bands{border-collapse:collapse;width:100%;font-size:.88rem}.grade-converter .bands thead th{padding:var(--s2) var(--s3);background-color:var(--surface-2);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;font-size:.7rem;font-weight:650}.grade-converter .bands td,.grade-converter .bands tbody th{padding:var(--s1) var(--s2);border-top:1px solid var(--border);text-align:left;vertical-align:middle;font-weight:400}.grade-converter .bands input{min-width:72px;min-height:38px;padding:0 var(--s2);font-variant-numeric:tabular-nums;font-size:.88rem}.grade-converter .bands tr[aria-current]{background-color:var(--accent-soft)}.grade-converter .bands tr[aria-current] .covers{font-weight:600}.grade-converter .covers{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.grade-converter .covers .problem{color:var(--danger);font-size:.78rem;font-weight:600}.grade-converter .actions{gap:var(--s2);flex-wrap:wrap;display:flex}