.maxwell-lab{--electric:#ffc56c;--magnetic:#67dfd5;--current:#f495aa}
:root[data-theme=light] .maxwell-lab{--electric:#9e5900;--magnetic:#007b7c;--current:#ab3554}
.maxwell-tabs{max-width:1760px;margin:0 auto 16px;display:flex;gap:8px}.maxwell-tabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;font-size:13px;color:var(--muted);background:var(--panel);min-height:48px}.maxwell-tabs a[aria-current]{color:var(--teal);border-color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,var(--panel))}.maxwell-tabs a>span{font-size:10px;opacity:.7}.maxwell-lab header h1{font-size:clamp(18px,2vw,25px)}
.field-legend{position:absolute;bottom:16px;left:16px;right:16px;display:flex;flex-wrap:wrap;gap:8px 18px;pointer-events:none;font-size:11px}.field-legend>span{padding:5px 8px;border-radius:6px;background:color-mix(in srgb,var(--stage) 88%,transparent)}.field-legend>span::before{content:'';display:inline-block;width:13px;height:3px;border-radius:2px;background:currentColor;margin-right:6px;vertical-align:middle}.electric-key{color:var(--electric)}.magnetic-key{color:var(--magnetic)}.current-key{color:var(--current)}
.maxwell-observation{padding:20px}.maxwell-observation h2{font-size:19px;line-height:1.45;margin:12px 0}.maxwell-observation p,.maxwell-note p{font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0}.maxwell-note{padding:18px}.maxwell-note strong{font-size:14px}.maxwell-note .small{font-size:11px}.relation{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:13px;font-weight:600}.phase-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.phase-buttons button{font-size:12px;padding:8px 4px}.phase-buttons button[aria-pressed=true]{background:color-mix(in srgb,var(--teal) 12%,var(--panel));color:var(--teal)}.capacitor-lab .controls>label.range-label{margin-top:18px}.capacitor-lab #scene{height:clamp(490px,68vh,800px)}.maxwell-lab .readings{line-height:1.5}.maxwell-lab .stage-top .live{line-height:1.5}.maxwell-lab footer{line-height:1.7}
.maxwell-induction .lab{grid-template-columns:220px minmax(0,1fr) 250px}.maxwell-induction .electric-status{padding:13px 16px;border-top:1px solid var(--line);color:var(--electric);font-size:12px;min-height:45px;line-height:1.6}
@media(max-width:1180px){.maxwell-induction .lab{grid-template-columns:205px minmax(0,1fr)}.maxwell-lab .instrument-column{grid-template-columns:repeat(2,minmax(0,1fr))}.maxwell-lab .maxwell-note{grid-column:1/-1}.maxwell-induction .maxwell-observation{grid-column:1/-1}.maxwell-induction #scene{height:570px}}
@media(max-width:700px){.maxwell-tabs{gap:6px;margin-bottom:10px}.maxwell-tabs a{font-size:11px;text-align:center;padding:10px 7px;gap:5px}.maxwell-tabs a>span{display:none}.capacitor-lab #scene,.maxwell-induction #scene{height:460px}.maxwell-lab .maxwell-observation{padding:15px;margin-bottom:10px}.maxwell-observation h2{font-size:17px;margin:8px 0}.maxwell-lab .maxwell-note{margin-top:10px}.maxwell-lab .instrument-column{display:block}.maxwell-lab .controls{display:block}.maxwell-lab .controls h2{margin:4px 0 14px}.field-legend{gap:5px;left:8px;right:8px;bottom:8px;font-size:10px}.maxwell-lab .stage-top{gap:6px;flex-wrap:wrap}.maxwell-lab .stage-bottom>span{width:100%}.maxwell-lab .readings>div{min-width:120px}.maxwell-induction .electric-status{font-size:11px}.phase-buttons{margin-bottom:14px}}
@media(max-height:520px) and (orientation:landscape){.capacitor-lab #scene,.maxwell-induction #scene{height:380px}}