*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#1a2333}.app{max-width:1200px;margin:0 auto;padding:20px}h1{margin-bottom:8px}.subtitle{margin-top:0;color:#475066}.controls{background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:14px;display:grid;gap:10px;margin-bottom:16px}label{font-size:.9rem;color:#334}input,select,button{font:inherit}input,select{padding:8px;border:1px solid #ccd5e3;border-radius:8px;background:#fff}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button-row{display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:8px;padding:8px 12px;background:#2d65ff;color:#fff;cursor:pointer}button:hover{background:#2454d5}#stopBtn{background:#64748b}#stopBtn:hover{background:#475569}#saveBtn{background:#0d9488}#saveBtn:hover{background:#0f766e}#loadBtn{background:#7c3aed}#loadBtn:hover{background:#6d28d9}.viz-wrap{background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:8px;overflow:auto}canvas{display:block;width:100%;height:auto;background:#f9fbff;border-radius:8px}.readout{margin-top:12px;background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:12px;display:grid;gap:6px}