:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{color:#e6e9f0;background:#12151c;margin:0}main{display:grid;grid-template-columns:260px 1fr;gap:20px;max-width:960px;margin:0 auto;padding:24px 16px}@media (max-width:720px){main{grid-template-columns:1fr}}h1{grid-column:1/-1;margin:0;font-size:1.4rem}form{display:grid;align-content: start;gap:14px}label{display:grid;gap:4px;font-size:.9rem}fieldset{display:flex;border:1px solid #2a3040;border-radius:6px;gap:12px}fieldset label{display:flex;align-items: center}button{color:#111;cursor:pointer;background:#ffb347;border:0;border-radius:6px;padding:8px 12px;font-weight:600}button:disabled{opacity:.5;cursor:default}canvas{background:#0b0d12;border-radius:8px;max-width:100%}.stage{display:grid;align-content: start;justify-items:start;gap:8px}.hint{color:#8a93a8;font-size:.85rem}.stages{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.stages figure{display:grid;flex:220px;gap:4px;margin:0}.stages canvas{image-rendering:pixelated;width:100%}.stages figcaption{color:#8a93a8;font-size:.85rem}