:root{font-family:system-ui,sans-serif;color:#1c343d;background:#f3f6f5;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:24px}header,.panelhead,footer,.scrub,nav,.controls,#actions,.options{display:flex;align-items:center;gap:12px}header{justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#56746c;font-weight:700}h1{font-size:30px;margin:3px 0}h2{font-size:16px;margin:0}button,select,input[type=number]{font:inherit;border:1px solid #bdcdca;border-radius:6px;background:white;color:inherit;padding:8px 12px}button{cursor:pointer}button:hover{background:#e8f2ee}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #548aff;outline-offset:3px}#button1{background:#246b53;color:white;border-color:#246b53}.controls{flex-wrap:wrap;padding:15px;background:#e4eeea;border-radius:9px}.controls>label{display:grid;gap:5px;font-size:12px;font-weight:600}.controls span{display:flex;align-items:center;gap:7px}input[type=number]{width:105px}input[type=range]{accent-color:#246b53}#velocity{width:150px}.scrub{margin:18px 0;font-variant-numeric:tabular-nums}.scrub label{min-width:150px}#time{flex:1;min-width:80px}#status{font-size:12px;min-width:60px;color:#56746c}.views{display:grid;grid-template-columns:2.2fr 1fr;gap:16px}.panel{background:white;border:1px solid #d4dfdc;border-radius:10px;overflow:hidden}.panelhead{padding:12px 16px;justify-content:space-between;height:60px;border-bottom:1px solid #e5ece9}.panelhead button{padding:5px 10px}svg{display:block;width:100%;height:440px;touch-action:none}svg text{font-family:system-ui,sans-serif;font-size:13px;fill:#4a6664}.options{padding:10px 14px;flex-wrap:wrap;font-size:12px;min-height:54px}.options button{font-size:12px;padding:5px 9px}.hint{font-size:12px;text-align:center;color:#607671;padding:7px}.handle{cursor:ns-resize}footer{justify-content:space-between;padding:18px 0;font-variant-numeric:tabular-nums}details{background:white;border:1px solid #d4dfdc;border-radius:8px;padding:12px}summary{cursor:pointer;font-weight:600}.tablewrap{max-height:230px;overflow:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:6px 20px;border-bottom:1px solid #e3ebe8}details p,.note{font-size:12px;color:#62756e}.note{margin-bottom:0}#message{font-size:13px;color:#246b53}@media(max-width:750px){main{padding:12px}.views{grid-template-columns:1fr}svg{height:360px}header{align-items:start}nav{gap:5px}nav button{padding:7px}footer{display:block;font-size:13px}footer span{display:block;margin:6px 0}.scrub{gap:7px}.scrub label{min-width:110px}.controls{gap:16px}}