:root{color-scheme:dark;font-family:system-ui;background:#11171c;color:#e1dfd4}body{margin:0}header{padding:1rem 2rem;border-bottom:1px solid #46505a;color:#e9bb70}main{max-width:1200px;margin:auto;padding:1.5rem}h1{font-family:Georgia,serif;font-size:2.5rem}.controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}label{display:grid;gap:.25rem}button,select{padding:.5rem;background:#222e38;color:inherit;border:1px solid #687b87;border-radius:.3rem}button:disabled{opacity:.5}canvas{width:100%;height:580px;display:block;background:#14202a;border:1px solid #53616a;touch-action:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}#status{color:#edbd73}p{line-height:1.5}[hidden]{display:none!important}