*{box-sizing:border-box}
body{margin:0;background:#0b0b0f;color:#e5e7eb;font:14px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}
header{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid #1e1e26;position:sticky;top:0;background:#0b0b0f;z-index:5;flex-wrap:wrap}
.brand{font-weight:500;font-size:16px}.brand span{color:#a855f7}
nav{display:flex;gap:4px;flex:1}
.tab{background:none;border:0;color:#8b8b96;padding:7px 12px;border-radius:8px;cursor:pointer;font:inherit}
.tab:hover{color:#e5e7eb;background:#16161d}
.tab.active{color:#fff;background:#1d1d26}
.wallet{background:#a855f7;border:0;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit;font-weight:500}
.warn{margin:12px 20px;padding:10px 14px;border:1px solid #b45309;background:#1c1207;border-radius:8px;font-size:13px}
main{padding:20px;max-width:1180px;margin:0 auto}
.panel{display:none}.panel.active{display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.grid2{grid-template-columns:1fr}}
.card{background:#12121a;border:1px solid #1e1e26;border-radius:12px;padding:16px;margin-bottom:16px}
h2{font-size:14px;font-weight:500;margin:0 0 12px;display:flex;gap:8px;align-items:baseline}
.hint{font-size:11px;color:#a855f7;font-weight:400}
label{display:block;font-size:12px;color:#9a9aa5;margin-bottom:10px}
input,textarea,select{width:100%;margin-top:4px;background:#0b0b0f;border:1px solid #26262f;border-radius:8px;padding:8px 10px;color:#e5e7eb;font:inherit;font-size:13px}
input:focus,textarea:focus{outline:0;border-color:#a855f7}
input[type=file]{padding:6px}
.row{display:flex;gap:10px}.row>*{flex:1}.grow{flex:3}
button{background:#1a1a22;border:1px solid #2a2a34;color:#e5e7eb;padding:9px 14px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}
button:hover{border-color:#3d3d4a}
button.primary{background:#a855f7;border-color:#a855f7;color:#fff;font-weight:500;width:100%;margin-top:6px}
button:disabled{opacity:.45;cursor:not-allowed}
.switch{display:flex;gap:10px;align-items:flex-start;background:#0f0f16;border:1px solid #1e1e26;border-radius:9px;padding:10px;cursor:pointer;color:#c9c9d2}
.switch input{width:auto;margin:3px 0 0}
.switch small{color:#7d7d88;font-size:11.5px;line-height:1.45}
.sub{padding:10px;border-left:2px solid #a855f7;margin:-4px 0 10px 4px}
.note{font-size:12px;color:#7d7d88;margin:6px 0}
.hidden{display:none}
hr{border:0;border-top:1px solid #1e1e26;margin:12px 0}
.preview{background:#0f0f16;border:1px dashed #2a2a34;border-radius:9px;padding:11px;font-size:12.5px;margin:12px 0;line-height:1.7}
.preview b{color:#a855f7}
.result{margin-top:10px;font-size:12.5px;line-height:1.7;word-break:break-all}
.result.scroll{max-height:220px;overflow:auto}
.result a{color:#a855f7}
.ok{color:#22c55e}.err{color:#ef4444}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.stats div{background:#0f0f16;border:1px solid #1e1e26;border-radius:9px;padding:9px 11px}
.stats b{display:block;font-size:16px;font-weight:500;margin-top:2px}
.stats span{font-size:11px;color:#7d7d88}
.list{display:flex;flex-direction:column;gap:6px}
.list a{color:#e5e7eb;text-decoration:none;background:#0f0f16;border:1px solid #1e1e26;border-radius:8px;padding:9px 11px;font-size:12.5px}
.list a:hover{border-color:#a855f7}
.prose{line-height:1.75;color:#c9c9d2}
.prose h2{margin-top:22px;color:#fff}
.prose ol,.prose ul{padding-left:20px}
.prose li{margin-bottom:6px}
.prose b{color:#fff}