.p02-view{padding:18px;margin:18px 0;border:1px solid #cbdcd6;background:#f7faf7;border-radius:10px;color:#243f43}
.p02-panel .p02-controls{display:flex;flex-wrap:wrap;gap:6px}.p02-panel table{width:100%;font-size:12px}.p02-panel th{text-align:left;font-weight:500}.p02-panel td{text-align:right}.p02-source{max-width:100%;overflow:auto;font-size:12px}.p02-second-order{font-size:12px}.p02-panel label{margin-right:12px}
.p02-view[hidden]{display:none}.p02-view .p02-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.p02-view svg{display:block;width:100%;max-width:900px;background:white;border:1px solid #dde7e2;margin:12px 0}.p02-view svg text{font:12px "Segoe UI","Microsoft YaHei",sans-serif;fill:#31545d}.p02-view table{width:100%;border-collapse:collapse;font-size:13px}.p02-view th,.p02-view td{text-align:left;border-bottom:1px solid #dce6e1;padding:6px;overflow-wrap:anywhere}.p02-view input,.p02-view select{max-width:100%;min-width:150px}.p02-view h4{margin-top:20px}.p02-view p{overflow-wrap:anywhere}

.p02-active.s01-active #canvasWrap{height:340px;min-height:340px}
.p02-toolbar{flex-wrap:wrap}.p02-toolbar>select{max-width:160px}
.p02-panel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px}.p02-panel[hidden]{display:none}.p02-panel>p{width:100%;margin:0}.p02-panel>label{display:flex;align-items:center;gap:6px;white-space:nowrap}.p02-panel>details{width:100%}
.p02-active #readings{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.p02-active #readings .reading{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:4px 0}.p02-active #readings strong{font-size:13px;overflow-wrap:anywhere}
.p02-active .observation-readout{max-width:235px}.p02-active .observation-readout dd{white-space:normal}.p02-active .sm-monitors[data-layout=compact]>.sm-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-demo.precision-workbench .p02-active .chart-analysis .sm-plot{min-height:95px}