.tools-page{background:var(--surface);min-height:100vh}.tools-hero{padding:145px 0 42px;background:#090e19;color:#eff5ff}.tools-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.08;letter-spacing:-.065em;margin:18px 0}.tools-hero p{color:#aab9ce;max-width:640px;line-height:1.8;font-size:16px}.tools-overline{color:#8eb8ff;font:700 11px/1.6 Inter,sans-serif;letter-spacing:.15em}.tools-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;padding-block:38px 80px;align-items:start}.tools-nav{display:flex;flex-direction:column;gap:9px;position:sticky;top:100px}.tool-tab{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:13px;padding:16px;text-decoration:none;font-size:13px;font-weight:650;color:var(--ink);background:var(--white)}.tool-tab span:first-child{font:700 16px/1 Consolas,monospace;color:#478bf3;min-width:25px}.tool-tab[aria-selected="true"]{border-color:#4e8cf1;background:#152b4c;color:#edf5ff;box-shadow:0 6px 20px #1b46721a}.tool-panel{border:1px solid var(--line);background:var(--white);border-radius:24px;padding:clamp(22px,4vw,40px);min-width:0}.tool-panel[hidden]{display:none}.tool-panel h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.045em;margin:0 0 12px;line-height:1.2}.tool-lead{color:#72829b;font-size:14px;line-height:1.75;margin:0 0 26px}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.tool-field{display:flex;flex-direction:column;gap:9px;color:var(--ink);font-size:12px;font-weight:650;min-width:0}.tool-field>span{line-height:1.5}.tool-field input,.tool-field select{width:100%;min-width:0;height:46px;border:1px solid #bcc9db;border-radius:10px;background:var(--surface);color:var(--ink);padding:10px 12px;font-size:15px}.tool-field small{font-size:11px;line-height:1.5;color:#71829b;font-weight:400}.tool-input-unit{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:7px}.tool-input-unit select{padding-inline:8px}.tool-wide{grid-column:1/-1}.tool-calculate{display:inline-flex;margin-top:24px;border:0;border-radius:11px;background:#266bd2;color:#fff;min-height:46px;padding:12px 24px;font:700 13px Inter,sans-serif}.tool-calculate:hover{background:#1a58b4}.tool-result{margin-top:28px;padding:24px;border:1px solid #a8c8f5;border-radius:17px;background:linear-gradient(125deg,#eaf3ff,#edf9f8);color:#183754;overflow-wrap:anywhere;min-width:0}.tool-result .result-main{display:block;font-size:clamp(29px,4vw,45px);font-weight:750;letter-spacing:-.05em;line-height:1.3;margin:6px 0 15px;font-variant-numeric:tabular-nums}.result-caption{font-size:11px;font-weight:750;letter-spacing:.06em;color:#406790}.result-rows{display:grid;gap:11px;font-size:13px;line-height:1.6}.result-row{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #b8d1e5;padding-top:10px}.result-row strong{text-align:right}.tool-error{color:#b42841;line-height:1.7;white-space:pre-line;font-size:13px}.tool-error:empty{display:none}.tool-note{font-size:12px;line-height:1.85;color:#75839a;margin:21px 0 0}.tool-formula{font:13px/1.8 Consolas,monospace;border:1px solid var(--line);border-radius:10px;padding:12px 16px;overflow-x:auto;margin-top:24px;color:#6489be}.resistor-display{background:radial-gradient(ellipse at center,#283e62,#0d1729 72%);border-radius:17px;margin:22px 0;overflow:hidden}.resistor-display svg{width:100%;height:auto;display:block}.resistor-band-selects{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-footnote{font-size:12px;color:#7a8aa2;line-height:1.8;margin-top:24px}.tools-footnote a{color:inherit}.tool-field [aria-invalid="true"]{border-color:#c6495a}.tool-panel form{margin:0}.tools-nav [role="tab"]:focus-visible{outline-offset:2px}
html[data-theme="dark"] .tool-result{background:linear-gradient(125deg,#183153,#163b3c);color:#e2f0ff;border-color:#365e89}html[data-theme="dark"] .result-row{border-color:#36546f}html[data-theme="dark"] .result-caption{color:#9dc6ff}html[data-theme="dark"] .tool-lead,html[data-theme="dark"] .tool-note,html[data-theme="dark"] .tools-footnote{color:#a4b5cd}html[data-theme="dark"] .tool-field input,html[data-theme="dark"] .tool-field select{border-color:#435570}html[data-theme="dark"] .tool-error{color:#ff9ca9}
@media(max-width:820px){.tools-layout{grid-template-columns:1fr;padding-top:22px;gap:22px}.tools-nav{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding:3px 3px 12px;scroll-snap-type:x proximity}.tool-tab{flex:0 0 auto;white-space:nowrap;padding:13px;scroll-snap-align:start}.tool-tab span:first-child{min-width:18px;font-size:14px}.tools-hero{padding-top:120px}.tools-hero p{font-size:14px}.tool-panel{border-radius:18px}}
@media(max-width:480px){.tool-fields{grid-template-columns:1fr;gap:17px}.resistor-band-selects{grid-template-columns:1fr 1fr}.tool-result{padding:18px}.result-row{gap:14px;font-size:12px}.tool-panel{padding:23px 18px}.tool-tab{font-size:12px}.tools-layout{padding-bottom:50px}}