:root{color-scheme:dark;font:17px system-ui,sans-serif;background:#171923;color:#f5f6fa}body{margin:0}main{max-width:900px;margin:auto;padding:40px 24px}header b{font-size:34px}span,.badge{color:#a995ff}header p{font-size:12px;letter-spacing:2px;color:#c2c6d6}section{margin-top:55px;border:1px solid #42465a;background:#252938;border-radius:24px;padding:36px}h1{font-size:clamp(28px,5vw,46px)}p{line-height:1.6}button{background:#8970f5;color:#171923;border:0;border-radius:12px;padding:16px 22px;font:inherit;font-weight:700;cursor:pointer;margin:8px 8px 8px 0}button:focus-visible{outline:3px solid #36cebc;outline-offset:4px}button:disabled{opacity:.6}#status{color:#36cebc}#processing{font-size:14px;color:#c2c6d6}[hidden]{display:none}

label{display:block;margin:18px 0}input{font:inherit;max-width:100%;padding:10px;border:1px solid #626780;border-radius:8px;background:#171923;color:#f5f6fa}canvas{width:100%;height:380px;background:#171923;border-radius:16px}a{color:#8ce4d9;display:inline-block;padding:12px}input:focus-visible,a:focus-visible{outline:3px solid #36cebc;outline-offset:3px}