:root{font-family:system-ui,sans-serif;color:#e4edf4;background:#0b121b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1250px;margin:auto;padding:32px 24px}header{display:flex;align-items:center;gap:18px}header button{margin-left:auto}.logo{background:#62dcc3;color:#092921;font-weight:900;font-size:22px;padding:15px;border-radius:14px}small{font-size:11px;letter-spacing:1.3px;color:#91a8bd}h1{font-size:28px;margin:5px 0}h2{font-size:18px;margin:0 0 20px}.lead,.muted,footer{color:#91a8bd;font-size:13px;line-height:1.65}nav{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}button{font:inherit;border:1px solid #314355;background:#162333;color:#dce8ee;padding:11px 15px;border-radius:9px;cursor:pointer}button.active{background:#62dcc3;color:#082a23;border-color:#62dcc3}button:focus-visible,input:focus-visible{outline:2px solid #62dcc3;outline-offset:3px}.layout{display:grid;grid-template-columns:350px 1fr;gap:18px}section.inputs,section.visual,.method{background:#111e2b;border:1px solid #27394a;border-radius:16px;padding:24px}#fields,.common{display:grid;grid-template-columns:1fr 1fr;gap:14px}.common{border-top:1px solid #27394a;margin-top:20px;padding-top:20px}label{font-size:12px;color:#aebfd0;line-height:1.5}input{display:block;width:100%;margin-top:6px;border:1px solid #354b60;border-radius:8px;padding:10px;background:#0b1622;color:white;font:inherit;font-size:16px}.drawing-head{display:flex;justify-content:space-between;gap:10px}.drawing-head span{font-size:11px;color:#91a8bd}canvas{display:block;width:100%;height:340px;touch-action:none;cursor:grab}.legend{display:flex;gap:20px;font-size:12px;color:#77bafa}.legend span+span{color:#62dcc3}#dims{font-size:12px;line-height:1.7;color:#adc0d2}#error{color:#ff9e9e;font-size:13px}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.results article{border:1px solid #27394a;background:#111e2b;border-radius:14px;padding:23px 18px}.results strong{display:block;margin-top:12px;font-size:26px}.results .accent{background:#11362f;border-color:#3e8c79}.accent strong{color:#78eed0}.method{font-size:13px;color:#a7bdcf;line-height:1.7}.method h2{color:#e4edf4;margin-bottom:10px}footer{margin-top:24px}@media(max-width:780px){.layout{grid-template-columns:1fr}.results{grid-template-columns:1fr 1fr}h1{font-size:21px}main{padding:20px 14px}header button{font-size:11px;padding:10px}.drawing-head{display:block}canvas{height:300px}}@media print{body,section.inputs,section.visual,.method,.results article{background:white!important;color:black!important}button,nav{display:none}main{padding:0}.layout{grid-template-columns:300px 1fr}.results strong{color:black}.results{break-inside:avoid}input{color:black;background:white}small,label,p{color:#333!important}canvas{height:280px}}
.rail-option{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px;border:1px solid #354b60;border-radius:10px;background:#0d1925;cursor:pointer}.rail-option input{width:19px;height:19px;margin:2px 0 0;accent-color:#62dcc3}.rail-option span{display:block}.rail-option b{display:block;color:#e4edf4;font-size:13px}.rail-option small{display:block;margin-top:4px;line-height:1.5;letter-spacing:0}.rail-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.rail-results article{border:1px solid #27394a;background:#111e2b;border-radius:14px;padding:23px 18px}.rail-results strong{display:block;margin-top:12px;font-size:26px}.rail-results .accent{background:#11362f;border-color:#3e8c79}.rail-results article>span{display:block;margin-top:7px;color:#91a8bd;font-size:12px}[hidden]{display:none!important}@media(max-width:780px){.rail-results{grid-template-columns:1fr}}@media print{.rail-results article{background:white!important;color:black!important}.rail-results strong{color:black}.rail-results{break-inside:avoid}}