.t03-panel{padding:9px 14px 4px;border-bottom:1px solid var(--line)}
.t03-panel p{font-size:12px;margin:6px 0}
.t03-tasks{display:flex;gap:5px;flex-wrap:wrap}
.t03-parameter-choice{display:flex;align-items:center;gap:8px;font-size:12px;margin:6px 0}
.t03-parameter-choice select{min-width:0;max-width:280px}
.t03-particle-controls{font-size:12px;margin:4px 0;padding:0;border:0;background:transparent}
.t03-particle-controls summary{padding:4px 0}
.t03-particle-choice{display:flex;align-items:center;gap:5px;font-size:12px}
.t03-parameter-handle{cursor:ew-resize;touch-action:none;border:1px solid var(--accent,#8b5739)}
.t03-parameter-handle:disabled{cursor:default;opacity:.65}
.t03-observation-handle{cursor:ew-resize;touch-action:none;border:1px dashed var(--teal,#207f7c)}
.t03-tasks button,.t03-selection button,.t03-display button{font-size:12px;min-height:28px;padding:4px 8px}
.t03-tasks button[aria-pressed=true],.t03-display button[aria-pressed=true],.t03-event button[aria-pressed=true]{background:var(--accent,#8b5739);color:var(--bg,#fffaf3)}
.t03-active #canvasWrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 200px;height:auto;min-height:0;position:relative;overflow:hidden;background:#f7f0e4}
.t03-active #canvasWrap>.scene3d-viewport{position:relative;inset:auto;grid-area:2/1;width:100%;height:200px;min-width:0;min-height:0;overflow:hidden}
.t03-active #canvasWrap[data-t03-task=heat_stops]{grid-template-rows:auto 280px}
.t03-active #canvasWrap[data-t03-task=heat_stops]>.scene3d-viewport{height:280px}
.t03-fixed-readings{position:static;grid-area:1/1;box-sizing:border-box;min-width:0;padding:8px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:6px 12px;pointer-events:none;font-size:12px;border-bottom:1px solid var(--line)}
.t03-fixed-readings .t03-reading{flex-wrap:wrap;white-space:normal;gap:2px 5px;overflow-wrap:anywhere}
.t03-fixed-readings .t03-reading>span:first-child{flex-basis:100%;min-width:0}
.t03-fixed-readings .t03-reading strong,.t03-fixed-readings .quantity-symbol{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
.t03-reading{display:flex;align-items:baseline;gap:5px;white-space:nowrap;min-width:0}
.t03-reading>span:first-child{color:var(--muted,#756450)}
.t03-reading strong{font-weight:600}
.t03-reading .quantity-symbol{color:#79563e}
.t03-reference{grid-column:1/-1;color:#756450}
.t03-scene-label{font-size:12px;background:#fff8ecdf}
.t03-selection-panel{padding:6px 12px;background:#fffaf2;border-top:1px solid var(--line);min-width:0}
.t03-selection-panel p{margin:3px 0;font-size:12px}
.t03-observation-goal{margin:7px 0;padding-top:5px;border-top:1px solid var(--line)}
.t03-observation-goal .quantity-symbol{margin-left:6px}
.t03-selection-panel>.t03-events{padding:4px 0;border:0;background:transparent}
.t03-selection-panel>.t03-events summary{padding:2px 0}
.t03-display,.t03-selection{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.t03-check{display:flex;gap:5px;align-items:center;font-size:12px}
.t03-check input{width:auto;min-width:0}
.t03-display{margin-bottom:5px}
.t03-selection input[type=range]{flex:1;min-width:100px}
.t03-selection input[data-t03-time]{width:100px;min-height:28px;font-size:12px}
.t03-selection output{font-size:12px}
.t03-mode{font-weight:600;color:#76513a}
.t03-events{font-size:12px;margin:6px 0}
.t03-event{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:4px}
.t03-event span{flex:1;min-width:180px}
.t03-event button{font-size:12px;min-height:25px;padding:3px 7px}
.t03-plots{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 10px 10px;min-width:0;background:#faf5eb}
.t03-plot{border:1px solid var(--line);border-radius:6px;background:#fffcf7;min-width:0;overflow:hidden}
.t03-plot h3{font-size:13px;margin:6px 9px 0}
.t03-plot svg{display:block;width:100%;height:145px}
.t03-grid{stroke:#e6ded1;stroke-width:1}
.t03-axis{font-size:17px;fill:#695b4b}
.t03-axis-title{font-size:17px;fill:#493f35}
.t03-point{cursor:pointer}
.t03-legend{display:flex;gap:4px 10px;justify-content:center;flex-wrap:wrap;padding:0 7px 5px;font-size:12px}
.t03-plot-message{font-size:13px;line-height:1.8;padding:28px 18px;min-height:160px;display:flex;align-items:center}
.t03-plot>select{font-size:12px;max-width:120px;margin:4px 9px}
.t03-plot:has(>select) svg{height:129px}
.t03-param-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,.8fr) 63px;align-items:center;gap:5px;margin:11px 0;font-size:12px}
.t03-param-field>input{min-width:0;width:100%}
.t03-field-label{min-height:0;padding:2px 0;border:0;background:transparent;text-align:left;font:inherit;cursor:ew-resize;touch-action:none}
.t03-field-label[aria-disabled=true]{cursor:default;color:var(--muted)}
.t03-param-field>[data-t03-range]{grid-column:1/-1;width:100%;min-width:0;touch-action:none}
.t03-unit{overflow-wrap:anywhere;font-size:12px}
.t03-field-error{grid-column:1/-1;font-size:12px;color:var(--error,#a33e2d)}
.t03-active #properties h3{font-size:14px;margin:15px 0 8px}
.t03-active #properties details{margin-top:14px}
.t03-choice{display:grid;gap:5px;font-size:12px;margin-top:14px}
.t03-symbols{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}
.t03-symbols button{font-size:12px;text-align:left}
.t03-symbols .quantity-symbol{margin-right:5px}
.t03-active #readings{display:grid;grid-template-columns:1fr;gap:6px;font-size:12px}
@media(min-width:1350px){}
@media(max-width:1000px){.t03-plots{padding:6px;gap:5px}}