*{box-sizing:border-box}body{margin:0;background:#111;color:#f5f3ea;font:16px system-ui}main{max-width:1180px;margin:auto;padding:32px 22px}h1{color:#d4b96a;font-size:28px}p{color:#aaa48f;line-height:1.7}.layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:28px;align-items:start}.panel{background:#1e1d1a;border:1px solid #3a352a;border-radius:18px;padding:22px}label{display:block;color:#b8ad8f;font-size:14px;margin:14px 0}input,select,textarea{display:block;width:100%;background:#29261f;border:1px solid #4a4331;border-radius:8px;color:#fff;padding:12px;margin-top:7px;font:16px system-ui}textarea{min-height:90px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}button,a.button{background:#d4b96a;color:#191812;border:0;border-radius:9px;padding:13px 18px;font:16px system-ui;cursor:pointer;text-decoration:none;display:inline-block;margin:10px 8px 0 0}button:disabled{opacity:.5}button.secondary{background:#383329;color:#ded4b8}canvas{width:100%;display:block;border-radius:14px}#result{width:100%;display:none}#notice{color:#efce81;white-space:pre-wrap}@media(max-width:760px){.layout{grid-template-columns:1fr}main{padding:18px 14px}}