body{background:#131611;color:#eee6d3;font:15px system-ui;margin:24px}main{max-width:1100px;margin:auto}a{color:#e4bd72}input,select,button{background:#252b20;color:#f0e5cc;border:1px solid #7d7559;padding:9px;font:inherit}button{cursor:pointer;margin:12px 8px 0 0}#search{display:block;margin:20px 0;width:90%}.workspace{display:grid;grid-template-columns:280px 1fr;gap:24px}#items{width:100%;max-height:670px;overflow:auto}#items button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:0 0 4px}#items img{width:40px;height:40px;object-fit:contain}#preview{object-fit:contain;background:#343c2d;border:1px solid #7d7559}#fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:4px}input{min-width:0}#result{color:#e4bd72}.console{max-width:800px;border:1px solid #7d7559;padding:12px;box-sizing:border-box}.console pre{max-height:160px;overflow:auto;white-space:pre-wrap}.console input{width:70%}@media(max-width:760px){.workspace{grid-template-columns:1fr}#items{max-height:230px}#fields{grid-template-columns:1fr 1fr}}