:root{color-scheme:dark;--bg:#151615;--line:#373936;--muted:#969b93;--ink:#e9ece3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:12px 'Courier New',monospace}button,input,select{font:inherit}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);letter-spacing:1px}header a{font-size:25px;font-weight:bold;color:inherit;text-decoration:none}header b{padding:0 16px}.status{font-size:10px;color:var(--muted)}main{max-width:1600px;margin:auto;display:grid;grid-template-columns:390px minmax(0,1fr);padding:52px 4.5% 40px}.parameters{padding-right:48px}.eyebrow,.model-head,.model-foot,footer,label{font-size:10px;letter-spacing:1px}.eyebrow{color:var(--muted)}h1{font-size:52px;line-height:1.04;letter-spacing:-3px;font-weight:400;margin:24px 0}h1 span{display:block;color:#a8aea2}.intro{color:var(--muted);line-height:1.8;margin-bottom:40px}.control{border-top:1px solid var(--line);padding:20px 0}.control>label,.control>div>label:first-child{display:flex;justify-content:space-between;margin:14px 0 8px}.control>label:first-child{margin-top:0}output{color:var(--muted)}select,input[type=number]{width:100%;background:none;color:var(--ink);border:1px solid var(--line);padding:8px}input[type=range]{width:100%;accent-color:#d9dfd0;cursor:pointer;height:20px}input[type=color]{width:56px;height:36px;border:1px solid var(--line);background:none;padding:2px}.row{display:flex;align-items:center;gap:12px}.check{display:flex;align-items:center;gap:8px;color:var(--muted)}button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:10px;letter-spacing:.5px;padding:8px 5px}button:hover{color:white}button.primary{border:1px solid var(--ink);color:var(--ink);padding:12px 18px}button:focus-visible,canvas:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid #e9ece3;outline-offset:4px}.preview{min-width:0}.model-head,.model-foot{display:flex;justify-content:space-between;color:var(--muted);padding:0 0 14px}.model-foot{padding:14px 0 0}#view{width:100%;max-width:760px;aspect-ratio:1;display:block;border:1px solid var(--line);image-rendering:auto}footer{border-top:1px solid var(--line);color:var(--muted);padding:20px 4.5%}@media(max-width:900px){main{grid-template-columns:1fr}.parameters{padding-right:0}h1{font-size:40px}}
[hidden]{display:none!important}output#steps{margin-left:auto}
.hint{color:var(--muted);line-height:1.7;margin:12px 0 0}