.thuc{--c:#2563eb;--bg:#f8fafc;--bd:#e2e8f0;max-width:760px;margin:20px auto;padding:20px;background:#fff;border:1px solid var(--bd);border-radius:14px;box-shadow:0 4px 18px rgba(15,23,42,.06);font-family:inherit;box-sizing:border-box}
.thuc *{box-sizing:border-box}
.thuc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.thuc-tab{padding:8px 14px;border:1px solid var(--bd);background:var(--bg);border-radius:999px;cursor:pointer;font-size:14px;color:#334155;line-height:1.2}
.thuc-tab:hover{border-color:var(--c)}
.thuc-tab.active{background:var(--c);border-color:var(--c);color:#fff}
.thuc-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.thuc-col{flex:1 1 180px;min-width:0}
.thuc label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#475569}
.thuc input[type=number],.thuc select{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;background:#fff;color:#0f172a;height:auto}
.thuc input:focus,.thuc select:focus{outline:2px solid var(--c);outline-offset:0;border-color:var(--c)}
.thuc-swap{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--bd);background:var(--bg);font-size:20px;cursor:pointer;color:var(--c);padding:0;line-height:1}
.thuc-swap:hover{background:var(--c);color:#fff}
.thuc-result{margin-top:18px;padding:16px;background:var(--bg);border:1px solid var(--bd);border-radius:10px}
.thuc-result-text{font-size:22px;font-weight:700;color:#0f172a;word-break:break-word}
.thuc-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.thuc-copy{padding:8px 16px;background:var(--c);color:#fff;border:0;border-radius:8px;cursor:pointer;font-size:14px}
.thuc-copy:hover{opacity:.9}
.thuc-prec-label{display:flex!important;align-items:center;gap:8px;margin:0!important}
.thuc-prec-label select{width:auto;padding:6px 8px;font-size:14px}
.thuc-all{margin-top:16px}
.thuc-all summary{cursor:pointer;font-weight:600;color:#334155;margin-bottom:8px}
.thuc-table-wrap{overflow-x:auto}
.thuc-table{width:100%;border-collapse:collapse;font-size:14px}
.thuc-table td{padding:8px 10px;border-bottom:1px solid var(--bd);text-align:left}
.thuc-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;word-break:break-all}
@media(max-width:520px){.thuc{padding:14px}.thuc-swap{margin:0 auto}.thuc-result-text{font-size:18px}}