:root{font-family:Arial,Helvetica,sans-serif;color:#243332;background:#fffefa;font-size:16px}*{box-sizing:border-box}body{margin:0}.explorer{max-width:1120px;margin:auto;padding:24px}h1{font-size:28px;margin:0 0 10px}h2{font-size:19px;line-height:1.35;margin:18px 0 8px}header p,.scope{line-height:1.5}.scope{font-size:15px}.app{display:none}.ready .app{display:block}.ready .file-fallback{display:none}.file-fallback img{display:block;width:100%;height:auto}.embedded .explorer{padding:14px}.embedded header{display:none}.controls{display:grid;grid-template-columns:auto 160px 1fr;gap:18px;align-items:center;background:#edf4f1;border-radius:10px;padding:16px}.playback{display:flex;flex-wrap:wrap;gap:8px}label{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;line-height:1.4}output{white-space:nowrap}button,select{font:inherit;color:inherit;background:#fffefa;border:1px solid #83958e;border-radius:6px;padding:9px;min-height:42px}button{cursor:pointer;min-width:66px}button:hover{background:#dbeee8}select{width:100%;margin-top:6px}input[type=range]{width:100%;accent-color:#157f79;margin:12px 0 0}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #2166b3;outline-offset:3px}.note{font-size:14px;line-height:1.5;color:#53635c;margin:10px 0}.diagrams{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:18px}.wave-panel,.local-panel{min-width:0}.local-panel{border-left:1px solid #d4dfd7;padding-left:18px}.local-panel svg{max-width:340px;margin:auto}svg{display:block;width:100%;height:auto}svg text{font-family:Arial,Helvetica,sans-serif;fill:#243332;font-size:22px}.axis{stroke:#8b9990;stroke-width:1.8}.sample-e{stroke:#176b85;stroke-width:2;opacity:.18}.sample-b{stroke:#aa5035;stroke-width:2;stroke-dasharray:5 4;opacity:.22}.curve-e{stroke:#176b85;stroke-width:2.2;fill:none;opacity:.45}.curve-b{stroke:#aa5035;stroke-width:2.2;fill:none;stroke-dasharray:7 5;opacity:.45}.selected-e{stroke:#176b85;stroke-width:7;stroke-linecap:round}.selected-b{stroke:#aa5035;stroke-width:7;stroke-linecap:round;stroke-dasharray:10 5}.electric-label{fill:#176b85}.magnetic-label{fill:#aa5035}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;margin:4px 0}.electric{color:#176b85}.magnetic{color:#aa5035}.electric:before,.magnetic:before{content:'';display:inline-block;width:22px;border-top:3px solid;vertical-align:middle;margin-right:6px}.magnetic:before{border-top-style:dashed}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.results div{background:#edf4f1;border-radius:8px;padding:12px}.results dt{font-size:14px}.results dd{font-weight:700;font-size:24px;margin:6px 0 0}.status{font-size:14px;border-left:4px solid #157f79;background:#f0f5f3;padding:9px 12px;line-height:1.4;margin:10px 0}@media(max-width:850px){.controls{grid-template-columns:1fr 150px}.controls>div:last-child{grid-column:1/-1}.diagrams{grid-template-columns:1fr 240px;gap:10px}.local-panel{padding-left:10px}h2{font-size:17px}}@media(max-width:600px){.explorer,.embedded .explorer{padding:12px}.controls{padding:12px;gap:12px;grid-template-columns:1fr}.controls>div:last-child{grid-column:auto}.playback{justify-content:space-between}.playback button{flex:1}.diagrams{grid-template-columns:1fr;gap:0}.local-panel{border-left:0;border-top:1px solid #d4dfd7;padding-left:0}.local-panel svg{max-width:300px}.local-panel .note{text-align:center}.results{gap:7px}.results div{padding:10px 7px}.results dt{font-size:12px;line-height:1.35}.results dd{font-size:21px}.wave-panel svg text{font-size:32px}.wave-panel svg .small-tick{display:none}.scope{font-size:14px}.legend{font-size:13px}.playback-note{font-size:13px}h2{font-size:18px}}@media print{.controls,.status{display:none}.explorer{padding:0}.diagrams{break-inside:avoid}}