*{box-sizing:border-box}body{margin:0;background:#0c1220;color:#edf1fa;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:26px}header{display:flex;gap:18px;align-items:center;border-bottom:1px solid #29344b}h1{font-size:24px;margin:0}h2{line-height:1.2}header p{margin:0;color:#a9b6cc}.badge{background:#73e4ca;color:#102627;padding:14px;border-radius:12px;font-weight:800}.intro{padding:20px 0}.intro h2{font-size:42px;margin:8px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#73e4ca}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#141e30;border:1px solid #2a3750;border-radius:18px;padding:24px;margin-bottom:22px}label{display:block;margin:16px 0 8px}input:not([type=checkbox]),textarea,select{display:block;width:100%;margin-top:8px;background:#0b1424;border:1px solid #41506a;color:#fff;border-radius:9px;padding:12px;font:inherit}button,.button{display:inline-block;background:#263754;border:1px solid #536785;border-radius:9px;color:#fff;padding:10px 16px;cursor:pointer;font:inherit;text-decoration:none;margin:4px 3px 4px 0}.primary{background:#73e4ca;color:#09251f;font-weight:700;width:100%;margin-top:18px}button:disabled{opacity:.5;cursor:wait}.check{display:flex;gap:12px;align-items:flex-start}.check input{margin-top:7px}.muted{font-size:13px;color:#b3bfd2}.reference{max-height:180px;max-width:100%;border-radius:10px}#result,canvas{width:100%;border-radius:12px}#empty{padding:90px 20px;text-align:center;background:#0b1424;border:1px dashed #526580;border-radius:12px;color:#b3bfd2}footer{color:#a9b6cc;font-size:13px}#status{color:#8cebd4}button:focus-visible,a:focus-visible{outline:3px solid #fff} [hidden]{display:none!important}@media(max-width:800px){.grid{grid-template-columns:1fr}.intro h2{font-size:32px}main,header{padding:18px}}