:root{color-scheme:light;--paper:#fafbf5;--ink:#203d31;--line:#d9e1d4;--green:#365f48}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#fffef9;color:var(--ink);padding:9px 12px}button:hover{background:#eef3e8}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.lab-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line)}.lab-header img{height:32px;width:32px}.lab-header h1{font:27px Georgia,serif;margin:0;flex:1}.lab-header button{background:transparent;border:0;font-size:11px;color:#64746a}.lab-layout{display:grid;grid-template-columns:220px minmax(200px,1fr) 240px;min-height:650px;height:calc(100dvh - 74px)}.lab-setup,.lab-readouts{padding:22px;overflow:auto}.lab-setup{border-inline-end:1px solid var(--line)}.lab-readouts{border-inline-start:1px solid var(--line)}h2{font:22px Georgia,serif}.setting{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;font-size:12px}.setting input[type=range]{width:100%;accent-color:var(--green)}.setting input[type=checkbox]{align-self:start;accent-color:var(--green)}.setting select{min-height:40px;border:1px solid var(--line);background:#fff;width:100%;padding:5px}.lab-stage{position:relative;min-width:0;min-height:450px}.lab-stage iframe{display:block;width:100%;height:100%;border:0}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:var(--paper)}#loading[hidden]{display:none}.playback{display:flex;gap:8px;margin-bottom:22px}.playback button:first-child{background:var(--green);color:#fff}#readouts p{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;font-size:12px}#readouts strong{font-size:10px;color:#64746a}#readouts span{font-variant-numeric:tabular-nums}.model-scope{font-size:11px;color:#64746a;margin-top:28px}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:90vw;max-width:600px;padding:24px}dialog::backdrop{background:#13291baa}dialog header{display:flex;justify-content:space-between;align-items:center}a{color:var(--green)}@media(max-width:720px){.lab-layout{grid-template-columns:minmax(0,1fr);height:auto}.lab-stage{height:500px;grid-row:1}.lab-setup{border:0;border-top:1px solid var(--line)}#settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lab-readouts{border:0}.lab-header h1{font-size:22px}}