.circuit-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:1.2rem;align-items:start}.circuit-panel,.circuit-aside{min-width:0;border:1px solid #b7cbc0;border-radius:16px;background:#fff;padding:1.25rem;box-shadow:0 8px 28px rgba(17,48,35,.05)}.circuit-aside{background:#f4f8f5}.circuit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.circuit-field{display:grid;gap:.35rem;font-weight:700}.circuit-field.wide,.circuit-actions,.circuit-result,.circuit-error,.circuit-status{grid-column:1/-1}.circuit-field small{font-weight:400;color:#41564b}.circuit-field input,.circuit-field select,.circuit-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #64786e;border-radius:9px;padding:.65rem .75rem;font:inherit;color:#172b20;background:#fff}.circuit-field input,.circuit-field select{min-height:46px}.circuit-field textarea{min-height:110px;resize:vertical}.circuit-field input:focus-visible,.circuit-field select:focus-visible,.circuit-field textarea:focus-visible,.circuit-actions button:focus-visible{outline:3px solid #155f91;outline-offset:3px}.circuit-actions{display:flex;flex-wrap:wrap;gap:.65rem}.circuit-actions button{min-height:44px}.circuit-error{min-height:1.5em;color:#9c2424;font-weight:700}.circuit-status{color:#285040}.circuit-result{margin:0;border-left:5px solid #196c4a;border-radius:10px;background:#f2f9f4;padding:1rem}.circuit-result h3{margin-top:0}.circuit-result dl{margin:0}.circuit-result-row{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(0,1.2fr);gap:.6rem;padding:.4rem 0;border-bottom:1px solid #d9e8df}.circuit-result-row:last-child{border-bottom:0}.circuit-result-row dt{font-weight:700}.circuit-result-row dd{margin:0;overflow-wrap:anywhere}.circuit-notes{margin-top:1.5rem}.circuit-notes section{margin-block:1.25rem}.circuit-notes h2{margin-bottom:.4rem}.circuit-preset{font-size:.95rem;color:#405649}.circuit-aside p{margin:.6rem 0}.circuit-field[hidden]{display:none}.circuit-result[hidden]{display:none}@media(max-width:800px){.circuit-layout{grid-template-columns:1fr}.circuit-form{grid-template-columns:1fr}.circuit-panel,.circuit-aside{padding:1rem}}@media(max-width:420px){.circuit-result-row{grid-template-columns:1fr;gap:0}.circuit-actions{display:grid}.circuit-actions button{width:100%}}
