body{margin:0;background:#07182c;color:#eef4f8;font-family:Arial,sans-serif}.wrap{width:min(1180px,92%);margin:0 auto;padding:32px 0 64px}.head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.head a{color:#d9b76e}.card{background:#0d2743;border:1px solid rgba(217,183,110,.35);border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.tools{display:grid;gap:8px}.tools button{border:1px solid rgba(255,255,255,.12);background:#102e4d;color:#fff;padding:13px;border-radius:12px;text-align:right;cursor:pointer}.tools button.active{border-color:#d9b76e;background:#183b5f}.form{display:grid;gap:14px}.form label{display:grid;gap:7px}.form input,.form textarea{width:100%;box-sizing:border-box;border:1px solid #31506b;background:#081d33;color:#fff;border-radius:10px;padding:12px}.form textarea{min-height:100px;resize:vertical}.submit{border:0;background:#d9b76e;color:#07182c;padding:13px 18px;border-radius:11px;font-weight:700;cursor:pointer}.output{white-space:pre-wrap;overflow:auto;min-height:220px;background:#061426;border-radius:12px;padding:16px;border:1px solid #24435f}.note{color:#9fb4c6;font-size:.92rem}.error{color:#ffb7b7}@media(max-width:800px){.grid{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}}