.ex12-panel,.ex12-selection-host{padding:10px 14px;border-bottom:1px solid var(--line)}.ex12-tasks,.ex12-actions,.ex12-selection,.ex12-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ex12-tasks button[aria-pressed=true],.ex12-object[aria-pressed=true]{background:var(--accent,#895638);color:var(--bg,#fff9f0)}.ex12-note{font-size:12px;line-height:1.55;margin:6px 0;color:var(--muted)}.ex12-warning{font-size:13px;line-height:1.5;color:var(--warning,#9c4f26)}
.ex12-active #canvasWrap{display:grid;grid-template-rows:auto 380px;height:auto;min-height:0;background:var(--surface,#faf5eb)}.ex12-active #canvasWrap>.scene3d-viewport{position:relative;inset:auto;grid-row:2;height:380px;min-height:380px}.ex12-fixed{position:relative;grid-row:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding:10px 14px;border-bottom:1px solid var(--line);pointer-events:none}.ex12-fixed>.ex12-note{flex-basis:100%;margin:0}.ex12-reading{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.6}.ex12-reading strong{font-variant-numeric:tabular-nums;font-weight:600}.ex12-reading .quantity-symbol{color:var(--muted)}
.ex12-object{display:block;width:100%;text-align:left;margin:3px 0;padding:7px 10px}.ex12-field{display:grid;gap:5px;margin:13px 0;font-size:12px}.ex12-input-line{display:grid;grid-template-columns:minmax(75px,1fr) 80px 35px;gap:5px}.ex12-input-line input,.ex12-input-line select{min-width:0;width:100%;font-size:13px}.ex12-field>input[type=range]{width:100%;min-height:22px}.ex12-scrub{touch-action:none;cursor:ew-resize}.ex12-scrub[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ex12-choice{display:flex;gap:8px;align-items:center;font-size:12px}.ex12-choice select{max-width:100%;font-size:13px}.ex12-selection input[type=range]{flex:1;min-width:120px}.ex12-selection input[type=number]{width:74px}.ex12-selection-host,.ex12-analysis{font-size:13px}
.ex12-meters{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line)}.ex12-meters .c54-meter{flex:0 1 290px}.ex12-meters h3{font-size:14px;text-align:center;margin:6px}.ex12-meters svg{width:100%;max-height:210px;overflow:visible}.ex12-meters svg text{font-size:13px;fill:var(--text)}
.ex12-analysis{padding:12px 14px;background:var(--surface,#faf5eb)}.ex12-analysis h3{font-size:14px;margin:14px 0 8px}.ex12-graph svg{width:100%;display:block;max-height:330px;color:var(--muted)}.ex12-graph svg text{font-size:12px;fill:var(--text)}.ex12-graph circle[role=button]{cursor:pointer}.ex12-graph circle[role=button]:focus{outline:none;stroke:var(--text);stroke-width:3}.ex12-legend{font-size:12px;gap:14px}.ex12-table-wrap{overflow:auto;margin:10px 0}.ex12-analysis table{border-collapse:collapse;min-width:100%;font-size:12px;white-space:nowrap}.ex12-analysis th,.ex12-analysis td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}.ex12-analysis th{font-weight:600;background:var(--surface-hover,#eee7da)}.ex12-analysis tr[aria-current=true]{background:var(--accent-soft,#efe1cf)}.ex12-analysis details{margin-top:12px}.ex12-analysis summary{cursor:pointer;font-size:13px}.ex12-panel[hidden],.ex12-selection-host[hidden],.ex12-meters[hidden],.ex12-analysis[hidden],.ex12-fixed[hidden]{display:none}
.ex12-handle{cursor:ew-resize;touch-action:none}.ex12-handle[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ex12-handle:focus{outline:2px solid var(--accent);outline-offset:3px}
.ex12-active .scene3d-label[data-scene3d-marker]{pointer-events:auto}