.graph-figure-box{width:min(480px,100%)}
.graph-figure-box .graph-figure{touch-action:manipulation}
.graph-title{font-size:15px;line-height:1.35;text-decoration:underline;text-underline-offset:3px}
.graph-hit{fill:#034cff;fill-opacity:0;cursor:crosshair;-webkit-tap-highlight-color:transparent}
.graph-band{fill:#ffb81f;fill-opacity:.22}
.graph-point--pick{stroke:#7a3cff;stroke-width:3.4}.graph-point--ok{stroke:#16a15c;stroke-width:3}.graph-point--ko{stroke:#e58a00;stroke-width:3.4}
.graph-point--dot{fill:#e0453a;stroke:none}
.graph-table-scroll{max-width:100%;margin:0 auto 16px;overflow-x:auto}
.graph-table{margin:0 auto;border-collapse:collapse;font:650 16px Inter,sans-serif;color:#101052;background:#fff}
.graph-table th,.graph-table td{padding:8px 12px;border:2px solid #cdccff;text-align:center;white-space:nowrap}
.graph-table th{background:#f3f6ff;text-align:left;color:#12208c}
.graph-plot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}
.graph-plot-status{min-height:2.8em;margin:0;text-align:center;font:650 15px/1.4 Inter,sans-serif;color:#12208c}
.graph-nudges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.graph-nudge,.graph-remove,.graph-pad-key{min-width:52px;min-height:52px;border:2px solid #cdccff;border-radius:14px;background:#fff;color:#101052;font:750 20px Inter,sans-serif;cursor:pointer;touch-action:manipulation}
.graph-remove{padding:0 16px;font-size:15px}
.graph-nudge:disabled,.graph-remove:disabled,.graph-pad-key:disabled{opacity:.45;cursor:default}
.graph-nudge:hover:not(:disabled),.graph-pad-key:hover:not(:disabled){border-color:#034cff}
.graph-pad{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px}
.graph-pad-screen{display:flex;align-items:baseline;gap:8px}
.graph-pad-display{display:inline-block;min-width:120px;padding:8px 16px;border:2px solid #4f61ff;border-radius:14px;background:#fff;font:800 28px Inter,sans-serif;color:#101052;text-align:center}
.graph-pad-display.is-correct{border-color:#16794a;background:#e4f6ec}.graph-pad-display.is-wrong{border-color:#b3261e;background:#fdeceb}
.graph-pad-unit{font:750 20px Inter,sans-serif;color:#12208c}
.graph-pad-keys{display:grid;grid-template-columns:repeat(6,52px);gap:8px}
.graph-units{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.graph-units .clock-choice{text-align:center!important}
.graph-scales{grid-template-columns:minmax(0,1fr)!important}
.graph-mini{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.graph-mini .graph-text{font-size:12px}
.clock-choice[aria-checked="true"] .graph-mini .graph-axis,.clock-choice[aria-checked="true"] .graph-mini .graph-tick{stroke:currentColor}
.clock-choice[aria-checked="true"] .graph-mini .graph-arrow,.clock-choice[aria-checked="true"] .graph-mini .graph-text{fill:currentColor}
.graph-slot{grid-template-columns:150px minmax(0,1fr)}
.graph-pool{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.graph-recap-model{margin:0 0 10px!important;padding:10px 14px;border-left:4px solid #034cff;border-radius:0 12px 12px 0;background:#f8f9ff;font-weight:650}
@media(max-width:700px){
 .graph-slot{grid-template-columns:minmax(0,1fr)}
 .graph-pad-keys{grid-template-columns:repeat(4,56px)}
 .graph-pad-key{min-width:56px}
 .graph-table{font-size:14px}.graph-table th,.graph-table td{padding:6px 8px}
}
.graph-figure-box .graph-text{font-size:12.5px}.graph-figure-box .graph-text--name{font-size:13px}
.graph-plot.is-locked .graph-nudges,.graph-plot.is-locked .angles-hint{display:none}