.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;border-bottom:1px solid #dfe7e0;padding-bottom:14px}.tool-nav button{font:inherit;font-size:14px;padding:10px 16px;border:1px solid transparent;border-radius:7px;background:transparent;color:#6b8173;cursor:pointer}.tool-nav button[aria-pressed=true]{background:#deebe3;color:#126b55;border-color:#c9dfd1}.rotation-diagram{display:flex;justify-content:center;padding:12px}.rotation-disc{width:150px;height:150px;background:linear-gradient(135deg,#e1eee4,#96bdab);border:2px solid #86ab97;border-radius:50%;position:relative;display:grid;place-items:center}.rotation-disc span{font-size:100px;color:#427e64;line-height:1}.rotation-disc b{position:absolute;bottom:18px;font-size:13px;color:#35664f}
.language-control{display:flex;flex-shrink:0;gap:3px;padding:3px;border:1px solid #d8e3da;border-radius:8px;margin-left:18px}.language-control button{font:inherit;font-size:14px;padding:7px 10px;border:0;border-radius:5px;color:#667c6c;background:transparent;cursor:pointer}.language-control button[aria-pressed=true]{background:#deebe3;color:#126b55}header .header-note{margin-left:auto}html[lang=en] .section-heading{gap:12px}html[lang=en] .primary-result strong{font-size:46px}html[lang=en] .result-grid strong{font-size:21px}.section-heading h2{line-height:1.6}.result-grid>div{min-width:0}@media(max-width:760px){html[lang=en] h1{font-size:25px}.brand{font-size:18px}.language-control{margin-left:8px}.language-control button{padding:7px 8px}}
:root{color:#20304d;background:#f1f4f9}body{background:linear-gradient(135deg,#f8faff 0%,#edf1f8 100%);min-height:100vh}header{border-top:4px solid #1e4197;border-bottom:1px solid #dce3ef;box-shadow:0 3px 18px #1c3f9210;height:90px}.brand{color:#1e4197;letter-spacing:.2px}.brand-logo{width:52px;height:50px;object-fit:contain;flex-shrink:0}.breadcrumb{color:#6a7790}.breadcrumb span{color:#a7b2c6}.tool-nav{border-color:#d8e1ef;gap:10px}.tool-nav button{color:#63708a;border-radius:8px;padding:12px 20px}.tool-nav button[aria-pressed=true]{color:#fff;background:#1e4197;border-color:#1e4197;box-shadow:0 4px 12px #1e419724}.tool-nav button:hover{background:#e3eaf8;color:#1e4197}.tool-nav button[aria-pressed=true]:hover{background:#17377f;color:white}.eyebrow{color:#e54220}h1{color:#182d55}.subtitle{color:#69768c}.badge{border-color:#d8e2f3;color:#1e4197}.badge i{background:#ff3c13}.input-panel,.result-panel{border-color:#dce3ef;border-radius:12px;box-shadow:0 8px 28px #1c3f9206}.input-panel{border-top:3px solid #1e4197}.result-panel{background:linear-gradient(145deg,#eef3ff,#e3ebfa);border-top:3px solid #ff3c13}.section-heading h2 span{color:#8c9bb6}.reset{color:#1e4197}.shape-tabs{background:#eff3f9}.shape-tabs button{color:#697892}.shape-tabs button[aria-pressed=true]{color:#1e4197;border-color:#b9cae9;box-shadow:0 2px 5px #1e419710}label{color:#4f607c}select,input{color:#233b64}select,.input-wrap{border-color:#d1dbea}.input-wrap:focus-within{border-color:#1e4197;box-shadow:0 0 0 3px #1e419714}.input-wrap>span,.hint{color:#6c7b92}.divider{background:#e5eaf3}.length-wrap select{color:#687b9a}.mode-row select{color:#1e4197}.theoretical{color:#506c9f;border-color:#c6d4ef;background:#ffffff70}.drawing svg text{fill:#7187ad}.drawing>span{color:#7185a6}.primary-result>span,.primary-result b{color:#55709c}.primary-result strong{color:#1e4197}.primary-result p{color:#647c9e}.result-grid,.result-grid>div+div,.result-footer{border-color:#cbd8ed}.result-grid span,.result-footer,.result-grid p{color:#60769a}.result-grid strong{color:#244b93}.formula{background:#fff;border-color:#dce3ef;border-left:3px solid #ff3c13;border-radius:8px}.formula-icon{color:#e54220}.formula p:not(.hint){color:#516684}footer{color:#718099}.language-control{border-color:#d4deed;background:#f4f7fc}.language-control button{color:#62718b}.language-control button[aria-pressed=true]{background:#1e4197;color:white}.rotation-disc{background:linear-gradient(135deg,#f4f7ff,#a9bee9);border-color:#819dce;box-shadow:0 12px 25px #1e419714}.rotation-disc span{color:#1e4197}.rotation-disc b{color:#e54220}button:focus-visible,select:focus-visible,a:focus-visible{outline-color:#ff3c13}.error{color:#b63018;background:#fff0eb}@media(max-width:760px){header{height:auto;min-height:80px;gap:14px;padding:14px 18px;flex-wrap:wrap}.brand-logo{width:42px;height:40px}.brand{font-size:18px;gap:9px}.language-control{margin-left:auto}.tool-nav button{padding:11px 14px}}
.production-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.calculate-button{width:100%;padding:14px 20px;margin-top:24px;border:0;border-radius:8px;background:#1e4197;color:white;font:inherit;font-weight:600;cursor:pointer}.calculate-button:hover{background:#17377f}.production-table-wrap{overflow-x:auto;margin-top:18px}.production-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.production-table th,.production-table td{text-align:left;padding:16px 12px;border-bottom:1px solid #cad7ed}.production-table th{font-weight:500;color:#526789}.production-table td{font-variant-numeric:tabular-nums;color:#1e4197;font-weight:600}.history-panel{margin-top:24px;padding:26px;background:white;border:1px solid #dce3ef;border-radius:12px}.history-panel .section-heading{flex-wrap:wrap;gap:8px}.history-table{min-width:960px;font-size:13px}.history-table td{font-weight:400;white-space:nowrap}.history-table th{background:#f4f7fc}.history-table tr:last-child td{border-bottom:0}@media(max-width:450px){.production-fields{grid-template-columns:1fr}.history-panel{padding:18px}.production-table th,.production-table td{padding:12px 8px}}
.production-drawing{margin:4px 0 20px;text-align:center}.production-drawing svg{display:block;width:100%;max-width:440px;height:auto;margin:auto}.production-drawing p{font-size:12px;color:#7185a6;margin:0 0 8px}