body { font-family: system-ui,Segoe UI,Arial; background:#f5f7fb; color:#111; margin:0; padding:24px; }
main { max-width:900px; margin:0 auto; }
.box { background:white; border-radius:8px; padding:16px; margin-bottom:16px; box-shadow:0 1px 3px rgba(0,0,0,0.06); }
.row { display:flex; gap:8px; margin-top:8px; }
button { padding:8px 12px; border-radius:6px; border:1px solid #ddd; background:#fff; cursor:pointer; }
button:hover { background:#f0f0f0 }
input, textarea { padding:8px; border-radius:6px; border:1px solid #ddd; width:100%; box-sizing:border-box }
.result { margin-top:12px; padding:8px; background:#f7f9fc; border-radius:6px; font-size:0.95rem }
.logs { max-height:240px; overflow:auto; background:#0b1220; color:#e6eef8; padding:8px; border-radius:6px; font-family:monospace; font-size:0.9rem }
pre.result { white-space:pre-wrap; word-break:break-word }