:root { --bg:#0f1720; --card:#17212b; --line:#243240; --fg:#e6edf3; --mut:#8aa0b4; --acc:#3ea6ff; }
* { box-sizing: border-box; }
body { margin:0; font:14px/1.5 -apple-system,"Segoe UI",Roboto,"PingFang SC",sans-serif; background:var(--bg); color:var(--fg); }
.hd { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 18px; background:var(--card); border-bottom:1px solid var(--line); flex-wrap:wrap; }
.brand { font-weight:700; font-size:18px; }
.brand .sub { margin-left:10px; font-weight:400; font-size:12px; color:var(--mut); }
.tools { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
input,textarea,button { font:inherit; color:var(--fg); background:#0c141c; border:1px solid var(--line); border-radius:8px; padding:8px 10px; }
button { background:var(--acc); border-color:var(--acc); color:#04121f; cursor:pointer; font-weight:600; }
button:hover { filter:brightness(1.08); }
.meta { color:var(--mut); font-size:12px; }
main { padding:18px; max-width:1180px; margin:0 auto; }
.state { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin-bottom:16px; color:var(--mut); }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; margin-bottom:18px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px; }
.card .t { font-size:12px; color:var(--mut); }
.card .v { font-size:24px; font-weight:700; margin-top:6px; }
.card .s { font-size:11px; margin-top:4px; color:var(--mut); }
.card .v.na { color:var(--mut); }
.panel { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px; margin-bottom:16px; }
.panel h3 { margin:0 0 8px; font-size:15px; }
.hint { color:var(--mut); font-size:12px; margin:0 0 8px; }
textarea { width:100%; min-height:110px; resize:vertical; }
.out { background:#0c141c; border:1px solid var(--line); border-radius:8px; padding:10px; overflow:auto; max-height:280px; font-size:12px; }
.chk { display:inline-flex; align-items:center; gap:6px; color:var(--mut); font-size:12px; margin-right:10px; }
code { background:#0c141c; padding:1px 5px; border-radius:4px; }