.ec-shell{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.ec-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;background:#142332}
.ec-tabs button,.ec-tools button{min-width:0;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:12px;font-weight:800;font-size:13px;line-height:1.4;color:#d7e1e2;background:#ffffff12;touch-action:manipulation}
.ec-tabs button[aria-selected="true"]{background:var(--lime);color:#142332}
.ec-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.ec-tools button{background:#f3f6f3;border-color:#e3e9e4;color:#3e5149}
.ec-tools button[aria-selected="true"]{background:#e7f4ed;border-color:#afd1ba;color:#126b56}
.ec-view{padding:22px}
.ec-view[hidden],.ec-result[hidden],.ec-error[hidden]{display:none!important}
.ec-panel-title{margin:0 0 14px;font-size:17px}
.ec-panel-intro{color:var(--muted);font-size:12px;margin:-7px 0 15px}
.ec-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.ec-field{display:grid;gap:6px;min-width:0}
.ec-field>span{font-size:12px;font-weight:800;color:#35483f}
.ec-field input,.ec-field select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #dce4df;border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:16px;outline:none}
.ec-field input:focus,.ec-field select:focus{border-color:#50a17d;box-shadow:0 0 0 3px rgba(18,107,86,.11)}
.ec-field input[type=number]{direction:ltr;text-align:right}
.ec-field small{font-size:10px;color:var(--muted);line-height:1.5}
.ec-wide{grid-column:1/-1}
.ec-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ec-choice button{min-height:43px;padding:8px;border:1px solid #dce5df;border-radius:10px;background:#f7f9f7;color:#53645c;font:inherit;font-size:12px;font-weight:800}
.ec-choice button[aria-pressed="true"]{background:#126b56;color:#fff;border-color:#126b56}
.ec-choice-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ec-choice-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ec-actions{display:flex;gap:10px;align-items:center;grid-column:1/-1;margin-top:2px}
.ec-calc-btn{min-height:47px;border:0;border-radius:12px;padding:11px 18px;background:#126b56;color:#fff;font:inherit;font-size:14px;font-weight:850}
.ec-calc-btn:hover{background:#0d5946}
.ec-error{grid-column:1/-1;border:1px solid #f0d2ca;background:#fff2ef;color:#8d3025;border-radius:12px;padding:11px 13px;font-size:12px}
.ec-result{grid-column:1/-1;border:1px solid #dce9df;background:#f5faf6;border-radius:15px;padding:15px;margin-top:2px}
.ec-result h4{margin:0 0 11px;font-size:14px;color:#17563f}
.ec-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ec-result-item{min-width:0;background:#fff;border:1px solid #edf1ed;border-radius:11px;padding:10px}
.ec-result-item small{display:block;color:#66746f;font-size:10px;line-height:1.5}
.ec-result-item strong{display:block;margin-top:4px;color:#126b56;font-size:15px;line-height:1.4;overflow-wrap:anywhere;direction:ltr;text-align:right}
.ec-result-note{margin:11px 0 0;color:#586960;font-size:11px;line-height:1.65}
.ec-calc-warning{margin:16px 22px 22px;padding:13px 15px;border:1px solid #f0dfc4;border-radius:13px;background:#fff8ee;color:#76501c;font-size:11px;line-height:1.7}
.ec-calc-warning b{display:block;margin-bottom:3px;color:#704314;font-size:12px}
.ec-hidden{display:none!important}
.ec-resistor{height:70px;display:flex;align-items:center;justify-content:center;margin:2px 0 15px;padding:0 10px;overflow:hidden}
.ec-resistor-body{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,360px);height:50px;padding:0 38px;border-radius:28px;background:linear-gradient(180deg,#e3c49d,#c9a679);border:1px solid #b7976c;box-shadow:inset 0 7px 10px #fff5,inset 0 -7px 11px #76542c26}
.ec-resistor-body:before,.ec-resistor-body:after{content:"";position:absolute;top:18px;width:40px;height:12px;background:#c8cdd0;border:1px solid #aab1b4;z-index:-1}
.ec-resistor-body:before{right:-28px}.ec-resistor-body:after{left:-28px}
.ec-resistor-band{height:38px;width:15px;flex:none;border:1px solid #0004;border-radius:3px;box-shadow:inset 2px 0 2px #fff3}
.ec-resistor-spacer{width:10px;flex:none}
.ec-band-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ec-band-fields .ec-field select{font-size:13px;padding-inline:8px}
.ec-method-note{grid-column:1/-1;color:#6c7772;font-size:10px;line-height:1.6;margin:0}
@media(max-width:640px){.ec-view{padding:16px 13px}.ec-tabs{padding:10px;gap:6px}.ec-tabs button,.ec-tools button{padding:8px 5px;font-size:11px;line-height:1.35}.ec-form{grid-template-columns:1fr;gap:11px}.ec-wide,.ec-actions,.ec-error,.ec-result{grid-column:1}.ec-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-calc-warning{margin:12px 13px 15px;padding:12px}.ec-choice-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-band-fields{grid-template-columns:1fr 1fr}.ec-actions{display:grid}.ec-calc-btn{width:100%}}
@media(max-width:360px){.ec-tabs{gap:4px}.ec-tabs button{font-size:10px;padding-inline:3px}.ec-tools{gap:5px}.ec-tools button{font-size:10px}.ec-result-item{padding:8px}.ec-result-item strong{font-size:14px}}