.unit-tool{max-width:1080px;margin:0 auto;padding-block:32px 56px}.unit-tool>section{margin-block:32px}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.unit-box{min-width:0;padding:24px;border:1px solid var(--border,#d8e3eb);border-radius:12px;background:var(--bg,#fff)}.unit-box h2{font-size:24px;margin:0 0 20px}.unit-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.unit-value,.unit-actions,.unit-result{grid-column:1/-1}.unit-box label{display:block;font-weight:700;margin-bottom:6px}.unit-box input,.unit-box select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;font:inherit;color:var(--text);background:var(--bg,#fff);border:1px solid var(--border,#94a3b8);border-radius:6px}.unit-box input{direction:ltr;text-align:start}.unit-box button{box-sizing:border-box;min-height:48px;padding:12px 24px;white-space:normal;cursor:pointer;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:6px}.unit-box button:hover{background:var(--blue-hover,var(--blue))}.unit-box :is(input,select,button):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.unit-box output{display:block;direction:ltr;text-align:start;overflow-wrap:anywhere;font-size:22px;font-weight:700;margin-top:8px;min-height:34px}.unit-box [data-unit-error]{margin:8px 0 0;color:var(--text);font-weight:700}.unit-reference{display:grid;gap:8px;padding:0;list-style:none}.unit-reference bdi{font-size:20px}.unit-related{display:flex;flex-wrap:wrap;gap:12px}.unit-related a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--border,#d8e3eb);border-radius:6px}.unit-tool p{line-height:1.65}.unit-tool .language-links{flex-wrap:wrap}.unit-hint{font-size:15px;line-height:1.6;color:var(--muted,var(--text))}@media(max-width:760px){.unit-grid{grid-template-columns:1fr}.unit-box{padding:20px}.unit-tool{padding-block:24px 40px}}@media(prefers-reduced-motion:reduce){.unit-tool *{scroll-behavior:auto;transition:none}}