:root{color-scheme:dark;font:14px/1.5 system-ui;background:#0a1018;color:#e3eaf4}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:1;background:#101824f5;border-bottom:1px solid #354055;padding:12px 24px}h1{font-size:22px;margin:4px 0}p{margin:4px 0;color:#a6b6ca}a{color:#8de3f6}.controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:12px 0}button,select{background:#101824;color:inherit;border:1px solid #49536a;border-radius:6px;padding:8px 12px;font:inherit}button{cursor:pointer}button[aria-pressed=true]{background:#264753;border-color:#8de3f6;color:#8de3f6}button:focus-visible,select:focus-visible{outline:2px solid #8de3f6;outline-offset:3px}#gallery{padding:24px;overflow:auto}.row{width:max-content;border:1px solid #354055;margin:0 auto 24px;background:#101824}.row h2{font-size:16px;margin:12px 16px}.row p{margin:6px 16px;max-width:680px}.row canvas{display:block}.row .detail{font-size:12px;color:#a6b6ca;padding-bottom:10px}