*{box-sizing:border-box}body{margin:0;background:#f4f3f8;color:#282436;font:15px system-ui}main{max-width:1100px;margin:40px auto;padding:0 24px}header{margin-bottom:28px}h1{font-size:30px}h2{font-size:19px}p{color:#716b80;line-height:1.7}section{background:white;border:1px solid #e5e1ee;border-radius:16px;padding:24px;margin:20px 0}form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}label{display:grid;gap:8px}input,textarea,button{font:inherit;padding:11px;border:1px solid #d9d3e5;border-radius:8px}button{background:#6350b6;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}textarea{width:100%;margin:10px 0}table{width:100%;border-collapse:collapse;margin-top:20px;text-align:left}td,th{padding:14px 10px;border-bottom:1px solid #eee}td button{margin-right:8px;padding:7px 12px}.scroll{overflow:auto}#status{min-height:24px}#codebox{background:#f2effb;padding:16px;margin-top:20px;border-radius:12px}
select{font:inherit;padding:11px;border:1px solid #d9d3e5;border-radius:8px}a{color:#6350b6}td{overflow-wrap:anywhere}button.danger{background:#a52d42}[hidden]{display:none!important}.notice{background:#f2effb;padding:16px;border-radius:10px}.error{color:#a52d42}body[aria-busy="true"]{cursor:progress}small{display:block;color:#716b80}#status{white-space:pre-wrap}input{max-width:100%}@media(max-width:600px){main{padding:0 12px;margin:20px auto}section{padding:16px}form label{width:100%}}