.oring-workbench{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.3fr);gap:48px;align-items:center;border-top:1px solid #cbd8d7;padding:28px 0}.oring-diagram{grid-column:2;grid-row:1;text-align:center}.oring-diagram svg{display:block;width:100%;max-width:410px;margin:auto}.oring-diagram p{font-size:18px;color:#007f78;margin:0}.oring-workbench form{grid-column:1;grid-row:1;min-width:0}.oring-mode{border:0;padding:0;margin:0 0 20px;display:flex;gap:20px;flex-wrap:wrap}.oring-mode legend{font-weight:700;margin-bottom:12px}.oring-mode label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.oring-mode input{accent-color:#007f78;width:18px;height:18px}.oring-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.oring-inputs label{display:grid;gap:10px;font-size:14px}.oring-inputs input,.oring-inputs select{width:100%;min-width:0;height:48px;border:1px solid #aabfbe;background:#fff;padding:0 12px;border-radius:3px;font:inherit}.oring-calculation{min-height:30px;font-size:14px;color:#386660}.oring-actions{display:flex;gap:12px}.oring-actions .icon-btn{width:48px;height:48px}.oring-guide{border-top:1px solid #cbd8d7;padding-top:24px}.oring-guide h2{font-size:19px;margin:0 0 20px}.oring-guide ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.oring-guide li{display:flex;gap:12px;align-items:flex-start}.oring-guide li>span{font-size:25px;color:#007f78;line-height:1.8}.oring-guide h3{font-size:16px;margin:0 0 8px}.oring-guide p{font-size:14px;line-height:2;margin:0;color:#526567}.oring-guide>p{padding-top:16px}.oring-page .pulley-heading h1{font-size:30px}@media(max-width:700px){.oring-workbench{grid-template-columns:minmax(0,1fr);gap:20px}.oring-diagram{grid-column:1;grid-row:1}.oring-diagram svg{max-width:280px}.oring-workbench form{grid-column:1;grid-row:2}.oring-guide ol{grid-template-columns:1fr;gap:20px}.oring-inputs{gap:12px}.oring-mode{gap:12px}.oring-page .pulley-heading img{width:96px;height:96px}.oring-page .pulley-heading h1{font-size:26px}}
.oring-page .oring-diagram svg{width:100%!important;height:auto!important;max-width:410px;overflow:visible}.oring-page #oring-message{color:#a02929;min-height:24px;font-size:14px}
.oring-page .oring-diagram svg{direction:ltr}