:root{--stage:550px}.modes button{padding:10px 17px}.part-icon{font-size:30px;line-height:32px;color:#438c74;font-weight:500}.positive{color:#bd6654}.negative{color:#468aa0}.dipole{font-size:22px}.droplet{color:#bb963c}.parts button{min-height:58px}.workspace-layout{grid-template-columns:86px minmax(0,1fr) 272px}.workspace-layout.closed{grid-template-columns:86px minmax(0,1fr)}.inspector{padding:16px}.field input[type=range]{padding:0}.field>span{align-items:center}.field input[type=checkbox]{width:auto}.field-row{gap:8px}.object-actions{flex-wrap:wrap}.measurements strong{font-size:21px;overflow-wrap:anywhere}.measurement-name strong{font-size:13px}.meter-strip{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 24px;border-top:1px solid var(--line);background:#fcfefd;color:var(--muted);font-size:11px}.meter-strip b{color:var(--deep)}.meter-strip .warning{color:#986535}.bottom-toolbar{gap:12px}.overlays{gap:11px}.results-actions{display:flex;gap:10px;margin-top:12px}.lab-note{display:flex;gap:16px;padding:17px 24px;align-items:center;border-top:1px solid var(--line);background:#f6fbf7}.lab-note p{font-size:11px;color:var(--muted);flex:1;margin:0}.lab-note>.eyebrow{max-width:110px}.panel h2{font-size:19px;margin:0 0 7px;letter-spacing:-.4px}.panel h3{font-size:13px;color:var(--deep);margin:17px 0 7px}.panel ol{font-size:12px;color:var(--muted);padding-left:21px;line-height:1.8}.panel a{color:var(--deep)}.spec-chip{display:inline-block;font-size:10px;background:#e9f6ed;padding:4px 9px;color:var(--deep);border-radius:5px;margin:0 0 10px}.equation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.equation-grid article{border:1px solid var(--line);padding:15px;border-radius:9px;background:#fafffc}.equation-grid b{display:block;font-size:16px;color:var(--deep);margin-bottom:6px}.equation-grid p{margin:0;font-size:10px}#graph{height:240px}.stage canvas{cursor:crosshair}.stage-hint{max-width:calc(100% - 150px)}.clock{top:68px}.oil-note{background:#fff9e9;border:1px solid #ebdfb8;border-radius:8px;padding:10px;font-size:10px;color:#836d38;line-height:1.7}.oil-estimate{font-size:11px;color:var(--deep);padding:10px 0}.field-error{color:#a44235!important}.field input:invalid{border-color:#bd6654}.range-input{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px}.range-input input{width:100%;min-width:0}.radio-note{font-size:9px;color:var(--muted)}#oil-overlays span{font-size:10px;color:var(--muted)}.small[aria-pressed=true]{background:#e5f6ec;border-color:#9cceaf;color:var(--deep)}
.oil-apparatus{margin:4px 0 14px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px}.oil-apparatus svg{display:block;width:100%;height:auto;font:11px system-ui;fill:#60766c}.oil-apparatus .scope-label{font-size:9px}.oil-apparatus>span{display:block;text-align:center;font-size:8px;color:var(--muted)}.results-filter{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:12px}
@media(max-width:1150px){.modes button{padding:10px 10px}.workspace-layout,.workspace-layout.closed{grid-template-columns:78px minmax(0,1fr)}.inspector{position:absolute;right:0;top:0;width:270px;z-index:5;box-shadow:-7px 0 20px #123f2610}.measurements strong{font-size:19px}.measurement-name strong{font-size:13px}}
@media(max-width:680px){:root{--stage:520px}.modes button{padding:9px 4px;font-size:9px}.modes small{display:none}.workshop-heading{align-items:flex-start}h1{max-width:160px;font-size:25px}.transport{flex-wrap:wrap;max-width:148px;justify-content:flex-end}.transport button{font-size:10px;padding:9px 8px}#step{display:inline-flex}.workspace-layout,.workspace-layout.closed{grid-template-columns:62px minmax(0,1fr)}.inspector{width:min(270px,calc(100% - 62px))}.part-icon{font-size:26px;line-height:29px}.parts button{min-height:57px}.meter-strip{padding:12px 15px;font-size:10px;gap:8px 14px}.lab-note{padding:14px 12px;flex-wrap:wrap;gap:10px}.lab-note>.eyebrow{max-width:none;width:100%}.lab-note p{min-width:190px}.equation-grid{grid-template-columns:1fr}.stage-hint{max-width:none;bottom:57px}.clock{left:12px;top:70px}.clock output{font-size:12px;min-width:32px}.stage-top .eyebrow{max-width:120px;font-size:6px}.measurements strong{font-size:19px}.measurement-name strong{font-size:13px}.graph-controls label{font-size:10px}#graph{height:230px}.bottom-toolbar>.small{font-size:9px}.panel ol{font-size:11px}}