.i01-panel{padding:0 12px;border-bottom:1px solid var(--line)}
.i01-panel p,.i01-toolbar p{font-size:12px;margin:4px 0}
.i01-active #canvasWrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 230px;height:auto;min-height:0;position:relative;overflow:hidden;background:#f7f0e4}
.i01-active #sceneCanvas,.i01-active #hitLayer,.i01-active #portLayer{display:none!important}
.i01-active #canvasWrap>.scene3d-viewport{position:relative;inset:auto;grid-area:2/1;width:100%;height:230px;min-width:0;min-height:0;overflow:hidden}
.i01-fixed-readings{grid-area:1/1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px;padding:7px 12px;border-bottom:1px solid var(--line);font-size:12px;pointer-events:none}
.i01-fixed-time,.i01-fixed-field{grid-column:1/-1;margin:0}
.i01-reading{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;min-width:0;font-size:12px}
.i01-reading>span{color:var(--muted)}
.i01-fixed-readings .i01-reading>span:not(.quantity-symbol){display:none}
.i01-reading small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.i01-toolbar{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;padding:6px 12px;border-top:1px solid var(--line);font-size:12px}
.i01-toolbar button{padding:4px 7px;font-size:12px;min-height:28px}
.i01-toolbar [aria-pressed=true]{background:var(--accent,#8b5739);color:var(--bg,#fffaf3)}
.i01-toolbar input[type=number]{width:95px;min-height:28px;font-size:12px}
.i01-toolbar p{flex-basis:100%}
.i01-check{display:flex;align-items:center;gap:4px;font-size:12px}
.i01-check input{width:auto;min-width:0}
.i01-param{display:grid;grid-template-columns:minmax(0,1fr) minmax(65px,.8fr) 36px;gap:5px;align-items:center;font-size:12px;margin:10px 0 2px}
.i01-param input{width:100%;min-width:0}
.i01-active #properties .i01-param{grid-template-columns:minmax(0,1fr) minmax(60px,.75fr) 32px}
.i01-active #properties>[type=range]{width:100%;margin:2px 0 6px;accent-color:var(--accent,#8b5739)}
.i01-active #properties h3{font-size:14px;margin:12px 0 8px}
.i01-active #properties details{margin-top:12px}
.i01-symbol{font-size:12px;margin:3px;padding:4px}
.i01-symbol .quantity-symbol{margin-right:4px}
.i01-scene-label{font-size:12px;background:#fff8ece8}
.i01-field-glyph{font-size:21px;color:#387d85;background:transparent}
.i01-side-handle{font-size:12px;padding:3px 6px;cursor:ew-resize;touch-action:none;border:1px solid var(--line);border-radius:3px;background:#fff9ef}
.i01-side-handle:focus-visible{outline:2px solid var(--accent,#8b5739);outline-offset:2px}
.i01-plots{padding:5px 8px;background:#faf5eb;min-width:0}
.i01-plots .sm-heading,.i01-plots .sm-cursor-controls,.i01-plots .sm-toolbar,.i01-plots .sm-status,.i01-plots .sm-note,.i01-plots .sm-group-controls,.i01-plots .sm-layout-controls,.i01-plots .sm-identity-details,.i01-plots .sm-remove,.i01-plots .sm-focus,.i01-plots .sm-ungroup,.i01-plots select{display:none!important}
.i01-plots .sm-monitors{border:0;background:transparent;padding:0}
.i01-plots .sm-rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.i01-plots .sm-card{min-width:0}
.i01-plots .sm-group-title{font-size:12px}
.i01-plots .sm-plot{height:108px!important;min-height:108px!important}
.i01-active .i01-plots .sm-reading{font-size:12px;white-space:pre-line;line-height:1.3}
.i01-active #readings{display:grid;gap:5px}
@media(min-width:1350px){}
@media(max-width:850px){.i01-fixed-readings{grid-template-columns:repeat(2,minmax(0,1fr))}.i01-plots .sm-plot{height:125px!important}}