@import url('/demo/engineering-system.css');
@import url('/frontend/standards/keyway/keyway.css');
[hidden]{display:none!important}
body{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1480px}.calc-hero{padding-top:26px;padding-bottom:27px}.calc-hero h1{font-size:30px}.calc-hero .standard-stamp{min-width:160px}.calc-main{flex:1;padding-bottom:36px}.calc-workbench{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(340px,1.9fr) 300px;gap:14px;align-items:start}.calc-panel{min-width:0;background:white;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;overflow:hidden}.calc-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line-soft);font-size:14px;font-weight:700;gap:8px}.calc-panel-heading small{font:10px var(--mono);color:var(--muted);font-weight:400}.calc-art{padding:18px 12px 6px;margin:0}.calc-art svg{width:100%;height:auto;display:block}.calc-art figcaption{font-size:11px;text-align:center;color:var(--muted);margin:8px 0 16px}.calc-art .solid{stroke:#526679;stroke-width:2;stroke-linejoin:round}.calc-art .dim{fill:#2868f0;font:19px Consolas,'Microsoft YaHei',sans-serif}.calc-art .label{fill:#667587;font:18px 'Segoe UI','Microsoft YaHei',sans-serif}.calc-art .dimension{fill:none;stroke:#2868f0;stroke-width:1.5}.calc-art .extension{stroke:#9eb0c4;stroke-width:1}.calc-art .axis{fill:none;stroke:#9caec3;stroke-dasharray:14 4 2 4;stroke-width:1}.calc-art .real-axis{stroke:#2868f0;stroke-width:2}.calc-scope{padding:0 20px 20px;font-size:12px;line-height:1.9;color:var(--muted)}.calc-scope strong{display:block;color:var(--ink);font-size:12px;margin:0 0 6px}.calc-output{padding:20px}.calc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}.calc-metrics .metric{padding:0;border:0}.calc-metrics .metric-value{font-size:25px;overflow-wrap:anywhere}.calc-metrics .metric:nth-child(3) .metric-value{color:var(--ink)}.calc-metrics .metric-label{font-size:12px}.calc-step{padding:19px 0;border-bottom:1px solid var(--line-soft)}.calc-step:last-child{border-bottom:0}.calc-step h2{font-size:13px;display:flex;gap:10px;align-items:center;margin:0 0 12px}.calc-step h2 span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#eaf0ff;color:var(--blue);font:12px var(--mono);border-radius:50%;flex-shrink:0}.calc-formula{background:#f1f5f9;border-radius:5px;padding:14px 15px;overflow-wrap:anywhere;color:#263e56;font:14px/1.8 'Segoe UI','Microsoft YaHei',sans-serif}.calc-substitution{font:12px/1.8 var(--mono);color:var(--muted);padding:12px 0 8px;overflow-wrap:anywhere}.calc-step-result{display:flex;align-items:baseline;gap:7px;font:600 18px var(--mono);color:#087d61;overflow-wrap:anywhere}.calc-step-result small{font:11px var(--font);color:var(--muted)}.calc-note{margin:14px 0 0;font-size:12px;line-height:1.9;color:#53677f;border-left:3px solid var(--blue);padding-left:12px}.calc-form{padding:20px;display:grid;gap:17px}.calc-field{min-width:0}.calc-field label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;font-weight:650;margin-bottom:8px}.calc-field label small{font:11px var(--mono);color:var(--muted);font-weight:400}.calc-field input,.calc-field select{width:100%;min-width:0;padding:10px 11px;border:1px solid #ced8e4;border-radius:5px;background:#f9fbfd;color:var(--ink);font:14px var(--mono)}.calc-field select{font-family:var(--font);font-size:12px}.calc-field input:focus,.calc-field select:focus{outline:2px solid #afc8fa;outline-offset:1px;background:white}.calc-field input[aria-invalid=true]{border-color:#c35149}.calc-field .field-help{margin:7px 0 0}.calc-form .input-error{margin:0}.calc-input-note{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.calc-references{margin:24px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.calc-references summary{cursor:pointer;color:#43678f}.calc-references a{color:var(--blue)}.calc-references p{margin:12px 0}.calc-copy{padding:18px;border:1px solid var(--line);background:white;margin-top:20px;border-radius:6px}.calc-copy textarea{width:100%;margin:10px 0;font:12px/1.8 var(--mono);border:1px solid var(--line);padding:10px;box-sizing:border-box}.calc-copy button{border:1px solid var(--line);padding:8px 12px;background:white;border-radius:5px}
@media(min-width:1750px){.calc-workbench{grid-template-columns:320px minmax(0,1fr) 320px}}
@media(max-width:1190px){.calc-workbench{grid-template-columns:minmax(230px,.9fr) minmax(0,1.8fr)}.calc-inputs{grid-column:1;grid-row:2}.calc-process{grid-column:2;grid-row:1 / span 2}.calc-form{gap:14px}}
@media(max-width:700px){.container{width:calc(100% -28px)}.calc-hero{align-items:flex-start}.calc-hero h1{font-size:25px}.calc-hero .standard-stamp{display:none}.calc-workbench{grid-template-columns:minmax(0,1fr)}.calc-inputs{grid-column:1;grid-row:1}.calc-drawing{grid-row:2}.calc-process{grid-column:1;grid-row:3}.calc-form{grid-template-columns:1fr 1fr;padding:16px;gap:15px 12px}.calc-form .input-error,.calc-input-note{grid-column:1 / -1}.calc-output{padding:17px}.calc-panel-heading{padding:15px 17px}.calc-metrics .metric-value{font-size:22px}.calc-art svg{max-height:280px}.calc-step h2{font-size:12px}}
@media print{.topbar,.calc-references,.copy-button,.calc-copy{display:none!important}.site-header{background:white;color:#111}.calc-hero p{color:#444}.calc-workbench{display:block}.calc-panel{break-inside:avoid;margin-bottom:14px}.calc-step{break-inside:avoid}}