[data-observer-workbench] .plab__stage{background:#061624;position:relative;overflow:hidden}[data-observer-workbench] [data-stage-canvas]{touch-action:pan-y;width:100%;height:440px;display:block}.observer-views{box-sizing:border-box;background:#102b3c;justify-content:center;gap:7px;min-height:46px;margin:0 0 12px;padding:8px;display:flex}.observer-views button{color:#d0e7ee;cursor:pointer;background:#102b3c;border:1px solid #38586d;border-radius:18px;min-height:32px;padding:7px 12px;font-size:12px}.observer-views button[aria-pressed=true]{background:#23516a;border-color:#7ecde6}.observer-handle{z-index:2;touch-action:none;cursor:ew-resize;background:0 0;border:1px dashed #e6ce77;border-radius:50%;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.observer-handle[data-body="1"]{border-color:#7bc4ec}.observer-handle:focus-visible{outline-offset:3px;outline:3px solid #f7df85}.observer-legend{color:#547789;flex-wrap:wrap;justify-content:center;gap:15px;margin:12px 0;font-size:12px;display:flex}.observer-legend__key{align-items:center;gap:5px;display:inline-flex}.observer-legend__swatch{width:15px;height:3px;display:inline-block}.observer-note,.observer-hint,.observer-status{color:#567787;margin:0 0 12px;font-size:13px;line-height:1.55}.observer-lesson .plab-lesson__formula-card .math-formula{font-size:1rem}@media (width<=600px){[data-observer-workbench] [data-stage-canvas]{height:330px}.observer-views button{padding:7px 10px;font-size:11px}}[data-observer-workbench] .plab__panel{gap:12px}[data-observer-workbench] .plab__field[hidden],[data-observer-workbench] [hidden]{display:none}[data-observer-workbench] .plab__readouts{grid-template-columns:repeat(4,minmax(0,1fr))}.observer-buttons{flex-wrap:wrap;gap:6px;margin:0;display:flex}.observer-button{font:inherit;color:#315a6e;cursor:pointer;background:#f7fbfd;border:1px solid #bdd1da;border-radius:8px;min-height:42px;padding:9px 10px;font-size:12px}.observer-button[aria-pressed=true]{color:#fff;background:#245267;border-color:#245267}.observer-fold{background:#f9fbfc;border:1px solid #d1dfe4;border-radius:10px;min-width:0;padding:13px}.observer-fold__summary{color:#315a6e;cursor:pointer;font-size:14px;font-weight:600}.observer-fold__body{gap:14px;margin-top:16px;display:grid}.observer-clock{grid-template-columns:1fr auto;gap:8px;margin:0;display:grid}.observer-clock__label{font-size:13px;font-weight:600}.observer-clock__value{color:#436d81;font-size:14px}.observer-clock input{accent-color:#3c796c;grid-column:1/-1;width:100%;min-height:24px}@media (width<=600px){[data-observer-workbench] .plab__readouts{grid-template-columns:repeat(2,minmax(0,1fr))}}.observer-data{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;margin-top:16px;display:grid}.observer-data__charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.observer-chart,.observer-energy{background:#f8fbfd;border:1px solid #cfdee7;border-radius:14px;min-width:0;padding:14px}.observer-chart__title,.observer-energy__title{font:600 15px/1.4 var(--font-body,system-ui);color:#2f5265;margin:0 0 12px}.observer-chart__canvas{touch-action:pan-y;width:100%;height:230px;display:block}.observer-chart__axes{color:#436d81;margin-bottom:9px;font-size:14px}.observer-chart__legend{color:#46697a;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;display:flex}.observer-chart__key{align-items:center;gap:5px;display:inline-flex}.observer-chart__swatch{width:16px;height:3px;display:inline-block}.observer-energy__track{background:#dce7ed;border-radius:5px;height:18px;display:flex;overflow:hidden}.observer-energy__segment{min-width:0;height:100%}.observer-energy__legend{color:#46697a;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.observer-raw__scroll{max-height:320px;margin-top:12px;overflow:auto}.observer-raw__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.observer-raw__cell{text-align:right;border-bottom:1px solid #d7e0d6;padding:8px}.observer-diagnostics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.observer-diagnostics .plab__readout{min-width:0}@media (width<=900px){.observer-data__charts{grid-template-columns:1fr}.observer-diagnostics{grid-template-columns:repeat(2,minmax(0,1fr))}}