*{box-sizing:border-box}body{margin:0;background:#111127;color:#efefff;font:16px Arial,sans-serif;line-height:1.65}header{display:flex;gap:20px;flex-wrap:wrap;padding:20px;background:#1d1d36}a{color:#c3b3ff}main{max-width:1000px;margin:auto;padding:24px}section{margin:20px 0;padding:24px;border:1px solid #464064;border-radius:16px;background:#1b1b32}label{display:block;margin:16px 0 6px}select,textarea{width:100%;padding:12px;border:1px solid #655a87;border-radius:8px;background:#121222;color:#fff;font:inherit}textarea{min-height:100px;resize:vertical}#source{min-height:300px;font:14px monospace;white-space:pre}button{padding:12px 18px;margin:12px 0;border:0;border-radius:8px;background:#7750d9;color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.notice,#status{padding:16px;background:#30264a;border-radius:12px;overflow-wrap:anywhere}#status:empty{display:none}button:focus-visible,a:focus-visible{outline:3px solid #ddd}@media(max-width:600px){main{padding:14px}section{padding:16px}h1{font-size:25px}}