*{box-sizing:border-box}body{margin:0;padding:16px;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:#1b1e24;color:#e0e0e0}header h1{margin:0 0 4px;font-size:22px}header .sub{margin:0 0 16px;color:#9aa0a6;font-size:13px}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;max-width:1100px}.panel{background:#252932;border:1px solid #363c48;border-radius:8px;padding:12px 16px}.panel h2{margin:0 0 10px;font-size:16px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.label{color:#9aa0a6;font-size:13px}button{background:#3a4150;color:#e0e0e0;border:1px solid #4a5264;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}button:hover:not(:disabled){background:#485063}button:disabled{opacity:.5;cursor:default}button.big{font-size:16px;padding:10px 24px;background:#2e7d32;border-color:#43a047}button.big:hover{background:#388e3c}button.big.closed{background:#8e2424;border-color:#c62828}button.big.closed:hover{background:brown}.status{color:#ffb74d;font-size:13px}.hint{color:#9aa0a6;font-size:12px;margin:4px 0 8px}kbd{background:#3a4150;border-radius:4px;padding:1px 6px;font-size:12px}select,input[type=range]{background:#3a4150;color:#e0e0e0;border:1px solid #4a5264;border-radius:6px;padding:4px 8px}.sliders label{display:flex;flex-direction:column;font-size:13px;color:#9aa0a6;min-width:160px;flex:1}.sliders input[type=range]{width:100%}#viz{width:100%;background:#1b1e24;border-radius:6px}#panel-log{grid-column:1 / -1}#log-table{width:100%;border-collapse:collapse;font-size:12px}#log-table th,#log-table td{border-bottom:1px solid #363c48;padding:4px 8px;text-align:left}#log-table th{color:#9aa0a6}