/* Directly served CSS: no compiler or Node.js is required. */
.instrument-page,.tool-page{--tool-accent:#5b3fc4;--tool-tint:#f2effb;--tool-ink:#202534;--tool-muted:#657083;--tool-line:#e4e7ed;--tool-card:#fff;--tool-bg:#f7f8fb;color:var(--tool-ink);background:var(--tool-bg)}
.tool-page{padding:30px 24px 70px;display:block}.tool-page[data-category=engineering]{--tool-accent:#0b7a70;--tool-tint:#eaf7f4}.tool-page[data-category=math]{--tool-accent:#355ac4;--tool-tint:#edf2fd}.tool-page[data-category=design]{--tool-accent:#a3357b;--tool-tint:#fbeef6}.tool-page[data-category=text]{--tool-accent:#8a5a13;--tool-tint:#fbf5e8}
.tool-shell{max-width:1180px;margin:0 auto}.tool-breadcrumb{font-size:12px;line-height:1.9;color:var(--tool-muted);margin:0 0 25px;overflow-wrap:anywhere}.tool-breadcrumb a{color:var(--tool-muted);text-decoration:none}.tool-breadcrumb a:hover{color:var(--tool-accent)}
.tool-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.tool-hero-copy{max-width:830px}.tool-category{display:inline-flex;color:var(--tool-accent);background:var(--tool-tint);padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.06em}
.tool-page .tool-hero h1{margin:14px 0 12px;font-size:clamp(26px,3.2vw,40px);line-height:1.18;font-weight:700;letter-spacing:-.035em;overflow-wrap:anywhere}.tool-lead{font-size:15px;line-height:1.8;color:var(--tool-muted);margin:0;max-width:820px}.tool-emblem{flex:none;width:80px;height:80px;border:1px solid var(--tool-line);border-radius:24px;display:grid;place-items:center;color:var(--tool-accent);background:var(--tool-card);box-shadow:0 6px 25px #1d263609}.tool-emblem svg{width:38px;height:38px}
.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.tool-page[data-layout=calculator] .tool-workspace,.tool-page[data-layout=geometry] .tool-workspace,.tool-page[data-layout=circuit] .tool-workspace,.tool-page[data-layout=chart] .tool-workspace{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}.tool-page[data-layout=generator] .tool-workspace{grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr)}.tool-page[data-layout=visual] .tool-workspace{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}
.tool-panel{background:var(--tool-card);border:1px solid var(--tool-line);border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #19213904}.tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;border-bottom:1px solid var(--tool-line)}.tool-panel-head h2{font-size:15px;font-weight:650;margin:0;color:var(--tool-ink)}.tool-step{color:var(--tool-accent);background:var(--tool-tint);width:26px;height:26px;font-size:11px;font-weight:700;border-radius:7px;display:inline-grid;place-items:center;margin-inline-end:8px}.tool-panel-body{padding:22px}
.tool-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.tool-field{min-width:0}.tool-field-wide{grid-column:1/-1}.tool-field[hidden]{display:none!important}.tool-field label{display:block;font-size:12px;font-weight:600;color:var(--tool-ink);line-height:1.5;margin-bottom:8px}
.tool-page input,.tool-page select,.tool-page textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid var(--tool-line);border-radius:10px;background:var(--tool-bg);color:var(--tool-ink);font-size:14px;line-height:1.6;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.tool-page textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;min-height:110px;tab-size:2}.tool-page input[type=color]{height:54px;padding:7px;cursor:pointer}.tool-page input:focus,.tool-page select:focus,.tool-page textarea:focus{outline:none;border-color:var(--tool-accent);box-shadow:0 0 0 3px var(--tool-tint)}
.tool-page[data-layout=editor] .tool-field:has(textarea){grid-column:1/-1}.tool-page[data-layout=editor] form textarea{min-height:250px}.tool-page[data-layout=compare] .tool-workspace{grid-template-columns:1fr}.tool-page[data-layout=compare] .tool-field:has(textarea){grid-column:auto}.tool-page[data-layout=compare] .tool-result-panel{position:static}
.tool-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.tool-button{border:1px solid var(--tool-line);border-radius:9px!important;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;background:var(--tool-card);color:var(--tool-ink);cursor:pointer;transition:background .15s,transform .15s}.tool-button:hover{background:var(--tool-bg)}.tool-button:active{transform:translateY(1px)}.tool-button:focus-visible{outline:3px solid var(--tool-accent);outline-offset:3px}.tool-button-primary{background:var(--tool-accent);color:#fff;border-color:var(--tool-accent)}.tool-button-primary:hover{background:var(--tool-accent);filter:brightness(1.08)}.tool-button:disabled{opacity:.45;cursor:default;transform:none}
.tool-error{font-size:13px;line-height:1.6;color:#ba283a;margin:14px 0 0}.tool-error:empty{display:none}.tool-result-panel{position:sticky;top:95px}.tool-result-state{font-size:11px;color:var(--tool-muted);display:inline-flex;gap:6px;align-items:center}.tool-result-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#aab2c1}.tool-page[data-state=complete] .tool-result-state::before{background:#129070}
.tool-empty{padding:45px 20px;text-align:center;color:var(--tool-muted);border:1px dashed var(--tool-line);border-radius:12px;background:var(--tool-bg)}.tool-empty svg{width:36px;height:36px;margin-bottom:12px;color:var(--tool-accent);opacity:.55}.tool-empty strong{display:block;font-size:14px;color:var(--tool-ink);margin-bottom:7px}.tool-empty p{font-size:12px;line-height:1.8;margin:0;max-width:300px;margin-inline:auto}
.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.tool-metric{padding:16px;background:var(--tool-tint);border-radius:12px;min-width:0}.tool-metric dt{font-size:11px;color:var(--tool-muted);margin-bottom:8px}.tool-metric dd{font-size:22px;font-weight:650;letter-spacing:-.03em;color:var(--tool-accent);margin:0;overflow-wrap:anywhere}.tool-metric small{font-size:12px;font-weight:500;letter-spacing:0;color:var(--tool-muted);margin-inline-start:5px}
.tool-graphic{background:var(--tool-bg);border:1px solid var(--tool-line);border-radius:12px;margin-bottom:18px;padding:15px;min-height:160px;display:grid;place-items:center}.tool-graphic svg{width:100%;max-width:440px;height:180px;color:var(--tool-accent);overflow:visible}.tool-graphic[data-preview]{min-height:200px}.tool-preview-text{font-size:24px;font-weight:650}.tool-graphic .tool-resistor{height:75px;max-width:380px}
.tool-page [data-output]{min-height:210px;background:var(--tool-bg)}.tool-page[data-layout=generator] [data-output]{min-height:320px}.tool-page[data-layout=compare] [data-output]{min-height:230px}.tool-page [hidden]{display:none!important}.tool-result-details summary{font-size:12px;font-weight:600;color:var(--tool-muted);cursor:pointer;padding:7px 0 12px}.tool-result-details textarea{min-height:100px!important;margin-bottom:8px}.tool-status{font-size:12px;color:var(--tool-accent);line-height:1.6;margin:10px 0 0}.tool-status:empty{display:none}
.tool-privacy{display:flex;gap:8px;align-items:start;color:var(--tool-muted);font-size:11px;line-height:1.7;margin:16px 0 0}.tool-privacy svg{width:14px;height:14px;flex:none;margin-top:2px}.tool-reading{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.85fr);gap:24px;margin-top:35px;align-items:start}.tool-article,.tool-guide{padding:27px 29px}
.tool-page .tool-reading h2{font-size:21px;line-height:1.4;letter-spacing:-.025em;font-weight:650;margin:0 0 16px;color:var(--tool-ink)}.tool-page .tool-reading h3{font-size:15px;font-weight:650;margin:25px 0 12px}.tool-reading p{font-size:14px;line-height:1.9;color:var(--tool-muted);margin:0 0 15px}.tool-formula{padding:19px;background:var(--tool-tint);border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.8;overflow-wrap:anywhere;color:var(--tool-accent);direction:ltr;text-align:left;margin:0 0 16px}
.tool-steps{list-style:none;counter-reset:tool-step;padding:0;margin:0}.tool-steps li{counter-increment:tool-step;display:flex;gap:12px;align-items:start;font-size:13px;line-height:1.8;color:var(--tool-muted);margin-bottom:17px}.tool-steps li::before{content:counter(tool-step);background:var(--tool-tint);color:var(--tool-accent);width:25px;height:25px;border-radius:7px;display:inline-grid;place-items:center;font-weight:700;flex:none;margin-top:1px}
.tool-example{border:1px solid var(--tool-line);border-radius:10px;overflow:hidden;margin:16px 0}.tool-example table{width:100%;border-collapse:collapse;font-size:12px}.tool-example td{padding:10px 14px;vertical-align:top;border-bottom:1px solid var(--tool-line)}.tool-example td:first-child{color:var(--tool-muted);width:40%}.tool-example pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,Consolas,monospace}.tool-example-result{padding:14px;background:var(--tool-tint);color:var(--tool-accent)}
.tool-faq{margin-top:25px}.tool-faq details{border-bottom:1px solid var(--tool-line);padding:15px 0}.tool-faq summary{font-size:13px;font-weight:600;cursor:pointer;color:var(--tool-ink)}.tool-faq details p{margin:12px 0 0;font-size:13px}.tool-related{display:grid;gap:9px;margin-top:18px}.tool-related a{padding:12px 14px;border:1px solid var(--tool-line);border-radius:9px;text-decoration:none;color:var(--tool-ink);font-size:12px;line-height:1.5}.tool-related a:hover{border-color:var(--tool-accent);color:var(--tool-accent);background:var(--tool-tint)}
/* Older tools retain their individual forms, diagrams and content. */
.instrument-page>.page-shell>.main-content:not(.tool-page){padding:30px 24px 70px;background:var(--tool-bg)!important;color:var(--tool-ink)}.instrument-page>.page-shell>.main-content:not(.tool-page)>nav{font-size:12px;margin-bottom:24px;color:var(--tool-muted)}.instrument-page>.page-shell>.main-content:not(.tool-page)>h1{font-size:clamp(27px,3vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1.2;max-width:1050px;text-align:center;margin:0 0 8px;color:var(--tool-ink)}
.instrument-page>.page-shell>.main-content:not(.tool-page)>div[class*=bg-white]{border:1px solid var(--tool-line);border-radius:18px!important;box-shadow:0 4px 20px #19213906;background:var(--tool-card)!important;padding:26px}.instrument-page .main-content:not(.tool-page) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.instrument-page .main-content:not(.tool-page) select,.instrument-page .main-content:not(.tool-page) textarea{border:1px solid var(--tool-line);border-radius:10px;min-height:42px;padding:10px 12px;background:var(--tool-bg);color:var(--tool-ink);max-width:100%;font-size:14px;box-sizing:border-box}.instrument-page .main-content:not(.tool-page) input:focus,.instrument-page .main-content:not(.tool-page) textarea:focus,.instrument-page .main-content:not(.tool-page) select:focus{outline:none;border-color:var(--tool-accent);box-shadow:0 0 0 3px var(--tool-tint)}
.instrument-page .main-content:not(.tool-page) button{border-radius:9px;transition:filter .15s}.instrument-page .main-content:not(.tool-page) button:hover{filter:brightness(1.04)}.instrument-page .converter-content{max-width:80ch;margin:0 auto}.instrument-page .converter-content h3{font-size:22px;font-weight:650;line-height:1.4;margin:0 0 18px}.instrument-page .converter-content h4{font-size:16px;font-weight:650;margin:26px 0 12px}.instrument-page .converter-content p,.instrument-page .converter-content li{font-size:14px;line-height:1.9;color:var(--tool-muted)}.instrument-page .converter-content ul{padding-inline-start:22px}.instrument-page .converter-content hr{border-color:var(--tool-line);margin:24px 0}.instrument-page .calculator-category{border-radius:16px!important;border-color:var(--tool-line);box-shadow:0 3px 16px #19213905}.instrument-page .calculator-category a{line-height:1.6;padding-top:9px;padding-bottom:9px}
.dark .instrument-page,.dark .tool-page{--tool-card:#171c28;--tool-bg:#101520;--tool-ink:#e9edf5;--tool-muted:#a6b0c3;--tool-line:#30394a;--tool-tint:#28223e;--tool-accent:#b49bff}.dark .tool-page[data-category=math]{--tool-accent:#9bb6ff;--tool-tint:#1d2a43}.dark .tool-page[data-category=engineering]{--tool-accent:#69d6c3;--tool-tint:#17312f}.dark .tool-page[data-category=design]{--tool-accent:#ee9bcf;--tool-tint:#3a2033}.dark .tool-page[data-category=text]{--tool-accent:#ebbf7d;--tool-tint:#352d20}
@media(prefers-color-scheme:dark){.instrument-page,.tool-page{--tool-card:#171c28;--tool-bg:#101520;--tool-ink:#e9edf5;--tool-muted:#a6b0c3;--tool-line:#30394a;--tool-tint:#28223e;--tool-accent:#b49bff}.tool-page[data-category=math]{--tool-accent:#9bb6ff;--tool-tint:#1d2a43}.tool-page[data-category=engineering]{--tool-accent:#69d6c3;--tool-tint:#17312f}.tool-page[data-category=design]{--tool-accent:#ee9bcf;--tool-tint:#3a2033}.tool-page[data-category=text]{--tool-accent:#ebbf7d;--tool-tint:#352d20}}
@media(max-width:860px){.tool-workspace,.tool-page[data-layout] .tool-workspace{grid-template-columns:1fr}.tool-result-panel{position:static}.tool-reading{grid-template-columns:1fr}.tool-emblem{display:none}.tool-page .tool-hero h1{font-size:30px}.tool-page[data-layout=compare] .tool-field:has(textarea){grid-column:1/-1}}
@media(max-width:480px){.tool-page{padding:22px 15px 45px}.tool-hero{margin-bottom:23px}.tool-panel-head{padding:16px}.tool-panel-body{padding:17px}.tool-article,.tool-guide{padding:22px 19px}.tool-form-grid{gap:17px 12px}.tool-field label{font-size:11px}.tool-metrics{gap:9px}.tool-metric{padding:13px}.tool-metric dd{font-size:19px}.tool-button{padding:10px 13px}.tool-breadcrumb{font-size:11px}.tool-page .tool-hero h1{font-size:27px}.tool-lead{font-size:13px}.instrument-page>.page-shell>.main-content:not(.tool-page){padding:22px 15px 45px}.instrument-page>.page-shell>.main-content:not(.tool-page)>div[class*=bg-white]{padding:19px}}
@media(prefers-reduced-motion:reduce){.tool-page *,.instrument-page input,.instrument-page button{transition:none!important}}
.instrument-catalog-search{margin:0 0 24px;max-width:640px;margin-inline:auto}.instrument-catalog-search label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}.instrument-catalog-search input{width:100%;border:1px solid var(--tool-line);border-radius:12px;padding:13px 16px;background:var(--tool-card);color:var(--tool-ink)}.instrument-catalog-search input:focus{outline:3px solid var(--tool-tint);border-color:var(--tool-accent)}.instrument-catalog-more{margin:0 16px 17px;border:1px solid var(--tool-line);background:var(--tool-bg);color:var(--tool-accent);font-size:12px;font-weight:600;padding:8px 12px;border-radius:8px!important}.instrument-page #calculators-menu [hidden]{display:none!important}.instrument-catalog-search [hidden]{display:none!important}
.tool-generated{margin-bottom:17px}.tool-generated-row{padding:15px 17px;background:var(--tool-tint);border:1px solid var(--tool-line);border-radius:10px;margin-bottom:10px;display:flex;gap:15px;align-items:baseline;overflow-wrap:anywhere}.tool-generated-row span{color:var(--tool-muted);font:11px ui-monospace,monospace}.tool-generated-row code{color:var(--tool-accent);font:15px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.tool-number-grid{display:flex;flex-wrap:wrap;gap:10px}.tool-number-chip{min-width:48px;max-width:100%;padding:13px 17px;background:var(--tool-tint);border-radius:10px;text-align:center}.tool-number-chip code{color:var(--tool-accent);font-size:19px;font-weight:650;overflow-wrap:anywhere}.tool-generated-count{width:100%;font-size:12px;color:var(--tool-muted);margin:8px 0 0}
.dark .tool-button-primary{color:#101520}@media(prefers-color-scheme:dark){.tool-button-primary{color:#101520}}