:root{color:#e8e8e8;background:#101010;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:grid;place-items:center}button,select,input{font:inherit;color:inherit;background:#101010;border:1px solid #5c5c5c}button{cursor:pointer;padding:14px 16px}button:disabled{cursor:default;color:#8d8d8d}:focus-visible{outline:1px solid #e8e8e8;outline-offset:2px}.column{height:90vh;width:45vh;max-width:100vw;background:#101010;position:relative;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px;overflow:auto}h1,h2,p{margin:0;font-weight:500}h1{text-align:center;font-size:40px;letter-spacing:.12em;margin-bottom:12px}h2{text-align:center;font-size:28px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:8px}.row>*{flex:1}.stepper{display:grid;grid-template-columns:48px 1fr 48px;gap:8px}.stepper .value,.stepper input{text-align:center;padding:10px 8px;background:#101010}label{display:flex;flex-direction:column;gap:8px;font-size:14px}select{padding:10px}.stats{display:grid;grid-template-columns:1fr auto;gap:8px 16px;font-size:16px}.stats span:nth-child(2n){text-align:right}.muted{color:#8d8d8d;text-align:center}.column canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pause{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:32px;background:#101010c7}