body{font-family:monospace;background:#111;color:#0f0;padding:10px;margin:0}h1{text-align:center}.container{display:flex;flex-direction:row;gap:20px}.section{flex:1;display:flex;flex-direction:column;min-width:0}pre{background:#000;border:1px solid #333;border-radius:5px;padding:10px;flex:1;overflow-y:auto;max-height:70vh;white-space:pre-wrap;word-break:break-word}.config-panel{margin:10px 0 20px;background:#000;border:1px solid #333;border-radius:5px;padding:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.config-panel label{margin-right:5px}.config-panel input{width:70px;background:#111;color:#0f0;border:1px solid #333;padding:3px;text-align:center;border-radius:4px}.config-panel button{background:#0f0;color:#000;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;font-weight:700}.config-panel button:hover{background:#3f3}@media(max-width:900px){.container{flex-direction:column}}pre::-webkit-scrollbar{width:8px}pre::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}pre::-webkit-scrollbar-track{background:#222}