.convert-tavan-main{padding-block:22px 64px}.convert-tavan-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px;align-items:start}.convert-tavan-primary{min-width:0}.convert-tavan-input-panel,.convert-tavan-section,.convert-tavan-summary{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.convert-tavan-input-panel{padding:26px 28px}.convert-tavan-heading{display:flex;align-items:center;gap:var(--tool-space-content)}.convert-tavan-art{display:grid;place-items:center;width:74px;height:74px;border-radius:var(--radius-lg);background:var(--accent-soft);color:#c43247;flex-shrink:0}.convert-tavan-art .icon{width:44px;height:44px}.convert-tavan-eyebrow{font-size:var(--text-sm);color:#ba293c;font-weight:600}.convert-tavan-heading h1{font-size:var(--text-2xl);line-height:1.7}.convert-tavan-form{margin-top:var(--tool-space-section)}.convert-tavan-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tool-space-card)}.convert-tavan-fields>div{min-width:0}.convert-tavan-fields label{display:block;color:var(--muted);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--tool-space-inline)}.convert-tavan-fields :is(input,select){width:100%;height:52px;min-width:0;border:1px solid #d6dde7;border-radius:var(--radius-md);padding:12px 14px;background:#fafbfd;font:inherit;color:var(--ink)}.convert-tavan-fields :is(input,select):focus-visible{outline:3px solid #fce2e8;outline-offset:1px;border-color:#e77d90}.convert-tavan-note{font-size:var(--text-sm);color:var(--muted);line-height:1.95;margin-top:var(--tool-space-content)}.convert-tavan-form>.solid-button{justify-content:center;min-height:50px;margin-top:var(--tool-space-content)}.convert-tavan-page button .icon,.convert-tavan-result-footer .icon{width:18px;height:18px}.convert-tavan-results,.convert-tavan-support{display:grid;gap:var(--tool-space-section);min-width:0}.convert-tavan-support{gap:var(--tool-space-content)}.convert-tavan-summary{background:#fff;border-color:var(--line)}.convert-tavan-page h2{font-size:var(--text-xl);line-height:1.7}.convert-tavan-page h3{font-size:var(--text-base);line-height:1.8}.convert-tavan-conversion-line{padding:16px;background:#fff1d8;border:1px solid #f3e2c0;border-radius:var(--radius-md);font-size:var(--text-base);color:#805715;overflow-wrap:anywhere}.convert-tavan-result-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--tool-space-inline);margin-block:var(--tool-space-content)}.convert-tavan-section-heading{display:flex;align-items:center;gap:var(--tool-space-card);margin-bottom:var(--tool-space-content)}.convert-tavan-section-heading>span{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--tone-bg);color:var(--tone-ink);flex-shrink:0}.convert-tavan-section-heading .icon{width:22px;height:22px}.convert-tavan-all-values,.convert-tavan-pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--tool-space-card)}.convert-tavan-all-values>div{display:flex;flex-direction:column;gap:var(--tool-space-inline);padding:16px;border-radius:var(--radius-md);background:#f3f6fb;min-width:0}.convert-tavan-all-values>div:nth-child(4n+2){background:#edf6f1}.convert-tavan-all-values>div:nth-child(4n+3){background:#fff4e9}.convert-tavan-all-values>div:nth-child(4n+4){background:#f3eefb}.convert-tavan-all-values span{font-size:var(--text-sm);color:var(--muted)}.convert-tavan-all-values strong{font-size:var(--text-lg);overflow-wrap:anywhere}.convert-tavan-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tool-space-card)}.convert-tavan-formulas>div{display:flex;flex-direction:column;gap:var(--tool-space-inline);padding:16px;background:#f3f6fb;border-radius:var(--radius-md);min-width:0}.convert-tavan-formulas>div+div{background:#fff4e9}.convert-tavan-formulas p{font-size:var(--text-base);line-height:1.95}.convert-tavan-formulas bdi{font-size:var(--text-sm);overflow-wrap:anywhere}.convert-tavan-table-scroll{max-width:100%;overflow:auto}.convert-tavan-section table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.convert-tavan-section :is(th,td){padding:12px;text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.convert-tavan-section th{background:#edf3fc;color:#45638e}.convert-tavan-section tbody tr:nth-child(even){background:#f7f9fc}.convert-tavan-pairs>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#f3f6fb;font-size:var(--text-sm)}.convert-tavan-pairs>a:nth-child(4n+2){background:#edf6f1}.convert-tavan-pairs>a:nth-child(4n+3){background:#fff4e9}.convert-tavan-pairs>a:nth-child(4n+4){background:#f3eefb}.convert-tavan-pairs>a>span{overflow-wrap:anywhere}.convert-tavan-pairs .icon{width:18px;height:18px;flex-shrink:0}.convert-tavan-pairs [aria-current=page]{border-color:#ed9bac;background:#fff0f3}.convert-tavan-error{padding:12px;margin-top:16px;background:#fff0f2;color:#aa2436;border-radius:var(--radius-md);font-size:var(--text-sm)}.convert-tavan-page [hidden]{display:none!important}#convert-tavan-node-unit-conversion-show-all{margin-top:var(--tool-space-content)}
@media(max-width:1100px){.convert-tavan-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.convert-tavan-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.convert-tavan-amount-field{grid-column:1/-1}}
@media(max-width:850px){.convert-tavan-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:599px){.convert-tavan-main{padding-block:16px 36px}.convert-tavan-input-panel,.convert-tavan-section,.convert-tavan-summary{padding:20px 16px}.convert-tavan-art{width:55px;height:55px}.convert-tavan-art .icon{width:34px;height:34px}.convert-tavan-heading h1,.convert-tavan-page h2{font-size:var(--text-lg)}.convert-tavan-fields :is(input,select){height:48px;font-size:var(--text-sm);padding:10px}.convert-tavan-formulas{grid-template-columns:1fr}.convert-tavan-all-values,.convert-tavan-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.convert-tavan-all-values>div{padding:12px}.convert-tavan-section :is(th,td){padding:10px;font-size:var(--text-sm)}}
@media(prefers-reduced-motion:no-preference){.convert-tavan-input-panel,.convert-tavan-summary{animation:convert-tavan-enter .35s ease-out backwards}@keyframes convert-tavan-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

@media(max-width:599px){.convert-tavan-fields{grid-template-columns:1fr}.convert-tavan-fields>div{grid-column:auto}.convert-tavan-fields :is(input,select){font-size:var(--text-base)}}
